:root{--shell-bg:#0a0a0a;--shell-surface:#111;--shell-surface2:#1a1a1a;--shell-border:#2a2a2a;--shell-border-hi:#444;--shell-green:#0f8;--shell-amber:#ffb000;--shell-blue:#0ea5e9;--shell-red:#ef4444;--shell-dim:#555;--shell-text:#e2e8f0;--shell-text-dim:#64748b;--shell-sidebar-w:220px;--shell-sidebar-collapsed:52px;--shell-topbar-h:44px;--shell-font:"IBM Plex Mono", "Courier New", monospace;--shell-border-px:2px solid var(--shell-border)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}.shell-root{background:var(--shell-bg);height:100vh;font-family:var(--shell-font);color:var(--shell-text);display:flex;overflow:hidden}.shell-sidebar{width:var(--shell-sidebar-w);min-width:var(--shell-sidebar-w);background:var(--shell-bg);border-right:var(--shell-border-px);z-index:50;flex-direction:column;transition:width .2s,min-width .2s;display:flex;position:relative;overflow:hidden}.shell-sidebar.collapsed{width:var(--shell-sidebar-collapsed);min-width:var(--shell-sidebar-collapsed)}.shell-brand{border-bottom:var(--shell-border-px);flex-shrink:0;align-items:center;gap:10px;padding:16px 14px 12px;display:flex}.shell-brand-icon{color:var(--shell-green);text-align:center;flex-shrink:0;width:24px;font-size:18px}.shell-brand-text{white-space:nowrap;overflow:hidden}.shell-brand-name{letter-spacing:2px;color:var(--shell-text);text-transform:uppercase;font-size:12px;font-weight:700}.shell-brand-ver{color:var(--shell-dim);letter-spacing:1px;font-size:9px}.shell-company{border-bottom:var(--shell-border-px);flex-shrink:0;padding:10px 14px}.shell-company-btn{background:var(--shell-surface2);border:2px solid var(--shell-border-hi);width:100%;color:var(--shell-text);font-family:var(--shell-font);letter-spacing:1px;text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;justify-content:space-between;align-items:center;padding:7px 10px;font-size:10px;font-weight:700;transition:border-color .15s;display:flex;overflow:hidden}.shell-company-btn:hover{border-color:var(--shell-green)}.shell-nav{flex:1;padding:8px 0;overflow:hidden auto}.shell-nav::-webkit-scrollbar{width:3px}.shell-nav::-webkit-scrollbar-thumb{background:var(--shell-border-hi)}.shell-nav-group{margin-bottom:4px}.shell-nav-label{letter-spacing:2px;color:var(--shell-dim);text-transform:uppercase;white-space:nowrap;padding:8px 14px 4px;font-size:9px;overflow:hidden}.shell-sidebar.collapsed .shell-nav-label{opacity:0;height:0;padding:0}.shell-nav-item{cursor:pointer;font-size:11px;font-family:var(--shell-font);letter-spacing:.5px;color:var(--shell-text-dim);white-space:nowrap;text-align:left;background:0 0;border:none;border-left:3px solid #0000;align-items:center;gap:10px;width:100%;padding:8px 14px;font-weight:500;transition:background .1s,color .1s;display:flex;position:relative}.shell-nav-item:hover{background:var(--shell-surface2);color:var(--shell-text)}.shell-nav-item.active{color:var(--shell-green);border-left-color:var(--shell-green);background:#00ff8812}.shell-nav-item.active-amber{color:var(--shell-amber);border-left-color:var(--shell-amber);background:#ffb00012}.shell-nav-item.active-blue{color:var(--shell-blue);border-left-color:var(--shell-blue);background:#0ea5e912}.shell-nav-item.dim{opacity:.4;cursor:default}.shell-nav-item.dim:hover{color:var(--shell-text-dim);background:0 0}.shell-nav-icon{text-align:center;flex-shrink:0;width:20px;font-size:14px}.shell-nav-text{text-overflow:ellipsis;overflow:hidden}.shell-nav-badge{letter-spacing:1px;border:1px solid var(--shell-border-hi);color:var(--shell-dim);flex-shrink:0;margin-left:auto;padding:2px 5px;font-size:8px}.shell-user{border-top:var(--shell-border-px);flex-shrink:0;align-items:center;gap:10px;padding:12px 14px;display:flex;overflow:hidden}.shell-user-avatar{background:var(--shell-green);color:#000;border:2px solid var(--shell-green);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:flex}.shell-user-info{flex:1;min-width:0;overflow:hidden}.shell-user-email{color:var(--shell-text);white-space:nowrap;text-overflow:ellipsis;letter-spacing:.3px;font-size:9px;overflow:hidden}.shell-user-role{color:var(--shell-dim);letter-spacing:1px;text-transform:uppercase;font-size:8px}.shell-logout-btn{border:1px solid var(--shell-border-hi);color:var(--shell-dim);font-family:var(--shell-font);cursor:pointer;background:0 0;flex-shrink:0;padding:4px 7px;font-size:10px;transition:color .15s,border-color .15s}.shell-logout-btn:hover{color:var(--shell-red);border-color:var(--shell-red)}.shell-collapse-btn{background:var(--shell-surface2);border:1px solid var(--shell-border-hi);width:22px;height:22px;color:var(--shell-dim);cursor:pointer;z-index:100;justify-content:center;align-items:center;font-size:10px;transition:color .15s,border-color .15s;display:flex;position:absolute;top:16px;right:8px}.shell-collapse-btn:hover{color:var(--shell-text);border-color:var(--shell-green)}.shell-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.shell-topbar{height:var(--shell-topbar-h);min-height:var(--shell-topbar-h);background:var(--shell-bg);border-bottom:var(--shell-border-px);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.shell-breadcrumb{letter-spacing:2px;color:var(--shell-text-dim);text-transform:uppercase;font-size:10px}.shell-breadcrumb span{color:var(--shell-text)}.shell-topbar-right{align-items:center;gap:16px;display:flex}.shell-datetime{color:var(--shell-dim);letter-spacing:1px;font-size:9px}.shell-notif{cursor:pointer;color:var(--shell-text-dim);font-size:14px;position:relative}.shell-notif-badge{background:var(--shell-red);color:#fff;border-radius:0;justify-content:center;align-items:center;width:14px;height:14px;font-size:8px;font-weight:700;display:flex;position:absolute;top:-4px;right:-6px}.shell-content{background:var(--shell-surface);flex:1;overflow:auto}.shell-content.no-scroll{overflow:hidden}.home-wrap{flex-direction:column;gap:24px;min-height:100%;padding:24px;display:flex}.home-kpis{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.kpi-card{background:var(--shell-surface2);border:2px solid var(--shell-border-hi);flex-direction:column;gap:8px;padding:18px 20px;transition:border-color .15s;display:flex}.kpi-card:hover{border-color:var(--shell-text-dim)}.kpi-label{letter-spacing:2px;color:var(--shell-dim);text-transform:uppercase;font-size:9px}.kpi-value{letter-spacing:-.5px;font-size:22px;font-weight:700;line-height:1}.kpi-value.green{color:var(--shell-green)}.kpi-value.white{color:var(--shell-text)}.kpi-value.amber{color:var(--shell-amber)}.kpi-value.red{color:var(--shell-red)}.kpi-sub{color:var(--shell-text-dim);letter-spacing:.5px;font-size:10px}.home-section-header{align-items:baseline;gap:12px;margin-bottom:4px;display:flex}.home-section-title{letter-spacing:3px;color:var(--shell-dim);text-transform:uppercase;font-size:10px}.home-section-line{background:var(--shell-border);flex:1;height:1px}.home-modules{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.module-card{background:var(--shell-surface2);border:2px solid var(--shell-border-hi);cursor:pointer;flex-direction:column;gap:10px;padding:20px;transition:border-color .15s,background .15s,transform .1s;display:flex;position:relative}.module-card:hover:not(.module-card--dim){border-color:var(--shell-text-dim);background:#1e1e1e}.module-card:active:not(.module-card--dim){transform:translate(2px,2px)}.module-card--dim{opacity:.45;cursor:default}.module-card--green{border-color:var(--shell-green)}.module-card--amber{border-color:var(--shell-amber)}.module-card--blue{border-color:var(--shell-blue)}.module-card--green:hover{box-shadow:4px 4px 0 var(--shell-green);border-color:var(--shell-green)!important}.module-card--amber:hover{box-shadow:4px 4px 0 var(--shell-amber);border-color:var(--shell-amber)!important}.module-card--blue:hover{box-shadow:4px 4px 0 var(--shell-blue);border-color:var(--shell-blue)!important}.module-card-icon{font-size:24px;line-height:1}.module-card-name{letter-spacing:1.5px;text-transform:uppercase;color:var(--shell-text);font-size:13px;font-weight:700}.module-card-desc{color:var(--shell-dim);letter-spacing:.5px;font-size:9px;line-height:1.6}.module-card-status{letter-spacing:1px;align-items:center;gap:6px;margin-top:auto;font-size:9px;font-weight:700;display:flex}.module-card-status.active{color:var(--shell-green)}.module-card-status.soon{color:var(--shell-dim)}.module-card-arrow{opacity:0;margin-left:auto;font-size:11px;transition:opacity .15s,transform .15s}.module-card:hover:not(.module-card--dim) .module-card-arrow{opacity:1;transform:translate(3px)}.login-overlay{background:var(--shell-bg);font-family:var(--shell-font);z-index:999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-card{background:var(--shell-surface);border:2px solid var(--shell-green);box-shadow:6px 6px 0 var(--shell-green);width:420px;max-width:95vw;padding:44px 40px}.login-logo{color:var(--shell-green);text-align:center;margin-bottom:12px;font-size:40px;line-height:1}.login-title{text-align:center;letter-spacing:4px;text-transform:uppercase;color:var(--shell-text);margin-bottom:4px;font-size:16px;font-weight:700}.login-subtitle{text-align:center;letter-spacing:2px;color:var(--shell-dim);margin-bottom:32px;font-size:9px}.login-input{background:var(--shell-surface2);border:2px solid var(--shell-border-hi);width:100%;color:var(--shell-text);font-family:var(--shell-font);outline:none;margin-bottom:12px;padding:10px 12px;font-size:12px;transition:border-color .15s;display:block}.login-input:focus{border-color:var(--shell-green)}.login-btn{background:var(--shell-green);color:#000;width:100%;font-family:var(--shell-font);letter-spacing:2px;text-transform:uppercase;cursor:pointer;border:none;margin-top:20px;padding:13px;font-size:12px;font-weight:700;transition:opacity .15s,transform .1s;display:block}.login-btn:hover{opacity:.9}.login-btn:active{transform:translate(2px,2px)}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-error{border:2px solid var(--shell-red);color:var(--shell-red);background:#1a0a0a;margin-bottom:12px;padding:10px 12px;font-size:11px}@media (width<=900px){.home-kpis,.home-modules{grid-template-columns:repeat(2,1fr)}.shell-sidebar{z-index:200;height:100%;transition:transform .2s;position:absolute;top:0;left:0;transform:translate(-100%)}.shell-sidebar.mobile-open{transform:translate(0)}.shell-sidebar.collapsed{width:var(--shell-sidebar-w);min-width:var(--shell-sidebar-w);transform:translate(-100%)}}@media (width<=540px){.home-kpis{grid-template-columns:1fr 1fr}.home-modules{grid-template-columns:1fr}.kpi-value{font-size:16px}}