:root{--bg:#090b10;--sidebar:#0c0f15;--surface:#11151d;--surface-2:#151a24;--line:#232a37;--line-soft:#1b212d;--text:#f4f6fa;--muted:#8b93a7;--muted-2:#626b80;--purple:#8b5cf6;--purple-bright:#a78bfa;--green:#33d69f;--orange:#f5a524;--red:#ff5c77;--blue:#47a9ff}html{background:var(--bg)}body{background:var(--bg);color:var(--text);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--purple-bright);outline-offset:2px}.app-shell{background:radial-gradient(circle at 70% -10%, #744dd217, transparent 30%), var(--bg);min-height:100vh}.sidebar{z-index:30;border-right:1px solid var(--line-soft);background:#0c0f15f7;flex-direction:column;width:246px;height:100vh;padding:25px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand-row{align-items:center;gap:11px;padding:0 8px 24px;display:flex}.inventory-brand{color:inherit;align-items:center;gap:11px;text-decoration:none;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#9b76ff,#6c40db);border-radius:10px;place-items:center;width:35px;height:35px;display:grid;box-shadow:0 8px 24px #8b5cf63d}.brand-copy{flex-direction:column;line-height:1;display:flex}.brand-copy strong{letter-spacing:.09em;font-size:16px}.brand-copy span{color:var(--purple-bright);letter-spacing:.28em;margin-top:4px;font-size:9px;font-weight:800}.mobile-close{margin-left:auto;display:none!important}.workspace-chip{border:1px solid var(--line);background:var(--surface);border-radius:11px;align-items:center;gap:10px;min-height:58px;padding:10px;display:flex}.workspace-icon{width:33px;height:33px;color:var(--purple-bright);background:#8b5cf621;border-radius:8px;place-items:center;display:grid}.workspace-chip>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.workspace-chip small,.user-row small,.system-card small{color:var(--muted);font-size:10px}.workspace-chip strong{color:#e9ebf2;white-space:nowrap;text-overflow:ellipsis;margin-top:3px;font-size:12px;overflow:hidden}.workspace-company select{color:#e9ebf2;appearance:none;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;outline:0;width:100%;margin-top:2px;padding:0;font-size:11px;font-weight:650;overflow:hidden}.workspace-company select option{color:#e9ebf2;background:#11151d}.workspace-chip>svg{color:var(--muted-2)}.main-nav{flex:1;padding-top:25px}.nav-caption{color:#50586b;letter-spacing:.18em;margin:0 10px 9px;font-size:9px;font-weight:800}.nav-caption-secondary{margin-top:25px}.main-nav button,.main-nav a{color:#828a9c;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:12px;width:100%;height:42px;margin:2px 0;padding:0 11px;font-size:13px;font-weight:550;text-decoration:none;transition:all .18s;display:flex}.main-nav button:hover,.main-nav a:hover{color:#e5e8ef;background:#121721}.main-nav button.active,.main-nav a.active{color:#f1ecff;box-shadow:inset 2px 0 var(--purple);background:linear-gradient(90deg,#8b5cf630,#8b5cf614)}.main-nav button.active svg,.main-nav a.active svg{color:var(--purple-bright)}.main-nav button b,.main-nav a b{color:#f8b44d;text-align:center;background:#f5a5241f;border-radius:20px;min-width:20px;margin-left:auto;padding:2px 6px;font-size:9px}.sidebar-footer{border-top:1px solid var(--line-soft);padding-top:14px}.system-card{background:#33d69f0b;border-radius:9px;align-items:center;gap:9px;padding:10px 8px;display:flex}.system-icon{width:30px;height:30px;color:var(--green);background:#33d69f1a;border-radius:8px;place-items:center;display:grid}.system-card>span:nth-child(2),.user-row>span{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.system-card strong,.user-row strong{color:#dfe3ec;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.system-card i{background:var(--green);width:7px;height:7px;box-shadow:0 0 10px var(--green);border-radius:50%}.user-row{align-items:center;gap:9px;padding:16px 7px 0;display:flex}.avatar,.mini-avatar{color:#efeaff;background:linear-gradient(145deg,#6e48ce,#3d285e);border:1px solid #825ad8;flex:none;place-items:center;font-weight:750;display:grid}.avatar{border-radius:9px;width:34px;height:34px;font-size:10px}.user-row>svg{color:var(--muted-2)}.user-logout{width:31px;height:31px;color:var(--muted-2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex:none;place-items:center;display:grid}.user-logout:hover{color:#ff8799;background:#ff5c7714;border-color:#ff5c7724}.main-area{min-height:100vh;margin-left:246px}.topbar{z-index:20;border-bottom:1px solid var(--line-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#090b10db;justify-content:space-between;align-items:center;height:64px;padding:0 34px;display:flex;position:sticky;top:0}.topbar-left,.topbar-actions{align-items:center;gap:9px;display:flex}.site-link{color:#8b93a7;margin-right:4px;font-size:10px;font-weight:650;text-decoration:none}.site-link:hover{color:var(--purple-bright)}.location-selector{color:#aeb5c4;align-items:center;gap:8px;font-size:12px;display:flex}.location-selector>svg:first-child{color:var(--purple-bright)}.location-selector>svg:last-child{color:#5a6273}.icon-button{color:#929aab;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.icon-button:hover{color:#fff;background:var(--surface-2);border-color:var(--line)}.icon-button.subtle{width:30px;height:30px}.notification-button{position:relative}.notification-button>span{background:var(--orange);width:6px;height:6px;box-shadow:0 0 0 2px var(--bg);border-radius:50%;position:absolute;top:7px;right:7px}.topbar-separator{background:var(--line);width:1px;height:24px;margin:0 5px}.mini-avatar{border-radius:50%;width:32px;height:32px;font-size:10px}.menu-button{display:none}.content-wrap{width:100%;max-width:1510px;margin:0 auto;padding:32px 34px 48px}.page-heading{justify-content:space-between;align-items:flex-start;gap:24px;min-height:77px;margin-bottom:25px;display:flex}.eyebrow,.panel-kicker{color:var(--purple-bright);letter-spacing:.19em;margin:0 0 6px;font-size:9px;font-weight:800}.page-heading h1{letter-spacing:-.035em;margin:0;font-size:clamp(26px,3vw,34px);font-weight:690}.page-description{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.55}.heading-actions{gap:9px;padding-top:8px;display:flex}.button{border:1px solid var(--line);background:var(--surface);color:#c5cad5;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;height:38px;padding:0 14px;font-size:12px;font-weight:650;text-decoration:none;transition:all .18s;display:inline-flex}.button:hover{color:#fff;border-color:#384153;transform:translateY(-1px)}.button-primary{color:#fff;background:linear-gradient(135deg,#9068f2,#7245de);border-color:#8054ea;box-shadow:0 9px 25px #7445de29}.button-primary:hover{background:linear-gradient(135deg,#9b78f4,#7a4fe2);border-color:#a787fb}.button:disabled{opacity:.45;cursor:not-allowed;transform:none}.button-secondary{background:#141923}.button-ghost{background:0 0}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:14px;display:grid}.kpi-card{border:1px solid var(--line);background:linear-gradient(145deg,#141923f2,#0f131bf2);border-radius:13px;align-items:flex-start;gap:13px;min-width:0;padding:17px;display:flex}.kpi-icon{border-radius:10px;flex:none;place-items:center;width:38px;height:38px;display:grid}.kpi-purple{color:var(--purple-bright);background:#8b5cf621}.kpi-green{color:var(--green);background:#33d69f1c}.kpi-orange{color:var(--orange);background:#f5a5241c}.kpi-blue{color:var(--blue);background:#47a9ff1c}.kpi-main{flex-direction:column;flex:1;min-width:0;display:flex}.kpi-main>span{color:var(--muted);font-size:11px}.kpi-main>strong{letter-spacing:-.035em;margin:5px 0 6px;font-size:23px}.kpi-main p{align-items:center;gap:3px;margin:0;font-size:9px;font-weight:700;display:flex}.kpi-main p small{color:var(--muted-2);margin-left:2px;font-size:9px;font-weight:500}.positive-text{color:var(--green)}.warning-text{color:var(--orange)}.panel{border:1px solid var(--line);background:linear-gradient(145deg,#12161ff7,#0e1219f7);border-radius:13px;overflow:hidden}.panel-heading{justify-content:space-between;align-items:flex-start;gap:15px;display:flex}.panel-heading h2{letter-spacing:-.015em;margin:0;font-size:15px;font-weight:650}.dashboard-grid{grid-template-columns:minmax(0,1.72fr) minmax(300px,.78fr);gap:14px;margin-bottom:14px;display:grid}.trend-panel,.status-panel{min-height:298px;padding:19px 20px}.period-button{color:#9da5b5;border:1px solid var(--line);cursor:pointer;background:#10141c;border-radius:8px;align-items:center;gap:8px;height:30px;padding:0 10px;font-size:10px;display:flex}.chart-legend{color:var(--muted);justify-content:flex-end;gap:15px;margin:18px 0 0;font-size:9px;display:flex}.chart-legend span{align-items:center;gap:6px;display:flex}.chart-legend i,.donut-legend i{border-radius:50%;width:7px;height:7px}.legend-purple{background:var(--purple)}.legend-green{background:var(--green)}.chart-area{gap:12px;height:190px;padding-top:8px;display:flex}.chart-y{color:#555d6d;flex-direction:column;justify-content:space-between;height:158px;font-size:8px;display:flex}.bar-chart{background:repeating-linear-gradient(#0000 0 38px,#5962741f 39px,#0000 40px);flex:1;grid-template-columns:repeat(7,1fr);align-items:end;gap:18px;height:180px;padding-top:4px;display:grid}.bar-group{flex-direction:column;justify-content:flex-end;align-items:center;gap:8px;height:175px;display:flex}.bar-pair{justify-content:center;align-items:flex-end;gap:4px;width:100%;height:145px;display:flex}.bar-pair i{border-radius:4px 4px 1px 1px;width:min(13px,34%);min-height:8px;transition:all .25s}.bar-pair:hover i{filter:brightness(1.25)}.bar-in{background:linear-gradient(#9871ef,#6942c9);box-shadow:0 0 12px #8b5cf61f}.bar-out{background:linear-gradient(#46d3a5,#219d78)}.bar-group>span{color:#687185;font-size:8px}.donut-row{justify-content:center;align-items:center;gap:27px;min-height:184px;display:flex}.donut{background:conic-gradient(var(--green) 0 60%, var(--orange) 60% 90%, var(--red) 90% 100%);border-radius:50%;flex:none;place-items:center;width:118px;height:118px;display:grid;position:relative;transform:rotate(-35deg);box-shadow:0 0 22px #33d69f14}.donut:before{content:"";background:#11151d;border-radius:50%;position:absolute;inset:12px}.donut>div{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative;transform:rotate(35deg)}.donut strong{font-size:22px}.donut span{color:var(--muted);font-size:9px}.donut-legend{flex-direction:column;gap:13px;display:flex}.donut-legend span{color:var(--muted);white-space:nowrap;grid-template-columns:7px 17px auto;align-items:center;gap:7px;font-size:9px;display:grid}.donut-legend b{color:#eef0f5;font-size:11px}.dot-green{background:var(--green)}.dot-blue{background:var(--blue)}.dot-orange{background:var(--orange)}.dot-red{background:var(--red)}.panel-link{width:100%;color:var(--purple-bright);border:0;border-top:1px solid var(--line-soft);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;padding:13px 0 0;font-size:10px;font-weight:650;text-decoration:none;display:flex}.panel-link:hover{color:#c0acff}.bottom-grid{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:14px;display:grid}.movements-panel,.critical-panel{min-height:298px;padding:19px 20px 13px}.text-button{color:var(--purple-bright);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:10px;text-decoration:none;display:flex}.movement-list,.critical-list{margin-top:11px}.movement-row,.critical-row{border-top:1px solid var(--line-soft);align-items:center;gap:11px;min-height:54px;display:flex}.movement-icon{border-radius:8px;flex:none;place-items:center;width:31px;height:31px;display:grid}.movement-icon.entrada,.movement-entrada{color:var(--green);background:#33d69f17}.movement-icon.salida,.movement-salida{color:var(--orange);background:#f5a52417}.movement-icon.traslado,.movement-traslado{color:var(--purple-bright);background:#8b5cf61a}.movement-product,.critical-row>div:nth-child(2){flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.movement-product strong,.critical-row strong{color:#d8dce5;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.movement-product span,.critical-row span{color:var(--muted-2);font-size:8px}.movement-amount,.critical-numbers{flex-direction:column;flex:none;align-items:flex-end;gap:4px;display:flex}.movement-amount strong{color:#cfd4df;font-size:10px}.movement-amount span,.critical-numbers span{color:var(--muted-2);font-size:8px}.alert-count{color:var(--orange);background:#f5a5241a;border:1px solid #f5a52426;border-radius:20px;padding:3px 8px;font-size:9px;font-weight:700}.product-tile{color:#9d82e0;background:#191728;border:1px solid #29233e;border-radius:8px;flex:none;place-items:center;width:33px;height:33px;display:grid}.critical-numbers strong{color:var(--orange);font-size:10px}.inventory-panel{min-height:530px}.inventory-toolbar{border-bottom:1px solid var(--line);align-items:center;gap:9px;min-height:68px;padding:14px 17px;display:flex}.search-field{min-width:260px;max-width:440px;height:38px;color:var(--muted-2);border:1px solid var(--line);background:#0d1118;border-radius:9px;flex:1;align-items:center;gap:9px;padding:0 11px;display:flex}.search-field:focus-within{border-color:#6548a8;box-shadow:0 0 0 3px #8b5cf614}.search-field input{color:#dce0e9;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:11px}.search-field input::placeholder{color:#555e70}.search-field kbd{color:#60697b;background:#151a23;border:1px solid #282f3b;border-radius:4px;padding:2px 5px;font-size:8px}.select-field{min-width:155px;height:38px;color:var(--muted);border:1px solid var(--line);background:#0d1118;border-radius:9px;align-items:center;gap:7px;padding:0 9px;display:flex}.select-field select{color:#adb4c2;appearance:none;background:0 0;border:0;outline:0;flex:1;font-size:10px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{color:#5e6677;border-bottom:1px solid var(--line);letter-spacing:.08em;text-align:left;white-space:nowrap;background:#090c116b;height:42px;padding:0 15px;font-size:8px;font-weight:750}td{color:#aab1bf;border-bottom:1px solid var(--line-soft);white-space:nowrap;height:58px;padding:0 15px;font-size:10px}tbody tr{cursor:pointer;transition:all .15s}tbody tr:hover{background:#8b5cf60b}td>strong{color:#d9dde5}td>small{color:var(--muted-2)}.table-product{align-items:center;gap:10px;min-width:235px;display:flex}.table-product>span,.simple-product{flex-direction:column;gap:4px;display:flex}.table-product strong,.simple-product strong{color:#e0e3e9;font-size:10px}.table-product small,.simple-product small{color:var(--muted-2);font-size:8px}.category-tag{color:#aeb5c2;background:#181d27;border:1px solid #252c39;border-radius:5px;padding:4px 7px;font-size:8px}.location-cell{color:#9199a9;align-items:center;gap:6px;display:inline-flex}.location-cell svg{color:#6e4db9}.status{border-radius:20px;align-items:center;gap:6px;width:fit-content;padding:5px 8px;font-size:8px;font-weight:650;display:inline-flex}.status-dot{border-radius:50%;width:5px;height:5px}.status-disponible{color:var(--green);background:#33d69f14;border:1px solid #33d69f1f}.status-disponible .status-dot{background:var(--green)}.status-asignado{color:var(--blue);background:#47a9ff14;border:1px solid #47a9ff24}.status-asignado .status-dot{background:var(--blue)}.status-mantenimiento{color:var(--orange);background:#f5a52414;border:1px solid #f5a52424}.status-mantenimiento .status-dot{background:var(--orange)}.status-extraviado,.status-dado-de-baja{color:var(--red);background:#ff5c7714;border:1px solid #ff5c7724}.status-extraviado .status-dot,.status-dado-de-baja .status-dot{background:var(--red)}.status-bajo-stock{color:var(--orange);background:#f5a52414;border:1px solid #f5a5241f}.status-bajo-stock .status-dot{background:var(--orange)}.status-sin-stock{color:var(--red);background:#ff5c7714;border:1px solid #ff5c771f}.status-sin-stock .status-dot{background:var(--red)}.table-footer{min-height:62px;color:var(--muted-2);justify-content:space-between;align-items:center;padding:0 17px;font-size:9px;display:flex}.table-footer strong{color:#a9b0bf}.pagination{align-items:center;gap:4px;display:flex}.pagination button{color:#737c8e;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;place-items:center;width:28px;height:28px;font-size:9px;display:grid}.pagination button:hover,.pagination button.current{color:#e7e1fa;background:#8b5cf61f;border-color:#8b5cf640}.pagination button:disabled{opacity:.35;cursor:default}.empty-state{min-height:330px;color:var(--muted-2);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state h3{color:#c9ced8;margin:12px 0 4px;font-size:15px}.empty-state p{margin:0;font-size:10px}.movement-pill{border-radius:6px;align-items:center;gap:5px;width:fit-content;padding:5px 8px;font-size:8px;font-weight:650;display:inline-flex}.movement-ingreso,.movement-devolución{color:var(--green);background:#33d69f17}.movement-asignación{color:var(--blue);background:#47a9ff17}.movement-mantenimiento{color:var(--orange);background:#f5a52417}.movement-baja{color:var(--red);background:#ff5c7717}.movement-actualización{color:#c7cedb;background:#8b93a71a}.history-help{color:var(--blue);background:#47a9ff12;border:1px solid #47a9ff29;border-radius:11px;align-items:flex-start;gap:12px;margin:-8px 0 14px;padding:14px 16px;display:flex}.history-help svg{flex:none;margin-top:1px}.history-help strong{color:#cfe8ff;font-size:11px}.history-help p{color:#899eb2;margin:4px 0 0;font-size:10px;line-height:1.5}.history-change{color:#aab1bf;align-items:center;gap:6px;display:inline-flex}.history-change svg{color:var(--purple-bright)}.mini-stats{grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:14px;display:grid}.mini-stats>div{background:var(--surface);border:1px solid var(--line);border-radius:11px;align-items:center;gap:12px;padding:15px 17px;display:flex}.mini-stats p{flex-direction:column;gap:4px;margin:0;display:flex}.mini-stats small{color:var(--muted);font-size:9px}.mini-stats strong{font-size:14px}.mono{color:var(--purple-bright);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px}.person-cell{align-items:center;gap:7px;display:inline-flex}.person-cell i{color:#cbbcff;background:#29203b;border-radius:50%;place-items:center;width:24px;height:24px;font-size:7px;font-style:normal;font-weight:700;display:grid}.alert-banner{color:#dfae58;background:linear-gradient(90deg,#f5a52417,#f5a52409);border:1px solid #f5a5242b;border-radius:12px;align-items:center;gap:13px;margin-bottom:14px;padding:15px 17px;display:flex}.alert-banner>span{background:#f5a5241a;border-radius:9px;flex:none;place-items:center;width:38px;height:38px;display:grid}.alert-banner>div{flex:1}.alert-banner strong{font-size:12px}.alert-banner p{color:#9f8d70;margin:4px 0 0;font-size:10px}.alert-banner button{color:#eebd68;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:9px;display:flex}.alert-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;display:grid}.alert-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:17px}.alert-card-top{justify-content:space-between;align-items:center;display:flex}.alert-card h3{margin:14px 0 5px;font-size:13px}.alert-card>p{color:var(--muted);margin:0;font-size:9px}.stock-meter{margin:18px 0}.stock-meter>div:first-child,.capacity>div:first-child{color:var(--muted);justify-content:space-between;margin-bottom:8px;font-size:9px;display:flex}.stock-meter b{color:var(--orange)}.meter,.capacity>div:last-child{background:#252b36;border-radius:5px;height:5px;overflow:hidden}.meter i{background:linear-gradient(90deg,#ec8f2a,#f7bd59);border-radius:5px;height:100%;display:block}.alert-card-footer{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding-top:13px;display:flex}.alert-card-footer span,.alert-card-footer button{color:var(--muted);align-items:center;gap:5px;font-size:9px;display:flex}.alert-card-footer span svg{color:var(--purple)}.alert-card-footer button{color:var(--purple-bright);cursor:pointer;background:0 0;border:0}.location-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.location-help{color:var(--muted);background:#8b5cf60e;border:1px solid #8b5cf624;border-radius:10px;margin:-8px 0 14px;padding:12px 14px;font-size:10px;line-height:1.5}.location-help strong{color:#d8ccff}.location-empty{background:var(--surface);border:1px dashed var(--line);border-radius:13px;grid-column:1/-1;min-height:280px}.location-empty .button{margin-top:16px}.location-card{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:20px;position:relative}.location-card>.icon-button{position:absolute;top:17px;right:17px}.warehouse-icon{border-radius:11px;place-items:center;width:44px;height:44px;margin-bottom:17px;display:grid}.warehouse-purple{color:var(--purple-bright);background:#8b5cf61f}.warehouse-green{color:var(--green);background:#33d69f1c}.warehouse-blue{color:var(--blue);background:#47a9ff1c}.warehouse-orange{color:var(--orange);background:#f5a5241c}.location-card h2{margin:0;font-size:16px}.location-metrics{gap:45px;margin:20px 0;display:flex}.location-metrics span{flex-direction:column;gap:5px;display:flex}.location-metrics small{color:var(--muted);font-size:9px}.location-metrics strong{font-size:18px}.capacity{margin:0 0 18px}.capacity b{color:#c4cad5}.capacity i{background:linear-gradient(90deg,#7447d9,#a27af8);border-radius:5px;height:100%;display:block}.location-card footer{border-top:1px solid var(--line-soft);color:var(--muted);justify-content:space-between;align-items:center;padding-top:14px;font-size:9px;display:flex}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#030407bf;place-items:center;padding:20px;animation:.18s fade;display:grid;position:fixed;inset:0}.modal{background:#11151d;border:1px solid #2d3442;border-radius:16px;width:min(560px,100%);max-height:92vh;padding:24px;animation:.22s lift;overflow:auto;box-shadow:0 30px 80px #00000080}.modal-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:15px;padding-bottom:20px;display:flex}.modal-heading h2{letter-spacing:-.02em;margin:0;font-size:21px}.modal-heading p:not(.eyebrow){color:var(--muted);margin:7px 0 0;font-size:10px}.modal-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding-top:20px;display:grid}.modal-form label{flex-direction:column;gap:7px;display:flex}.modal-form label>span{color:#aab1bf;font-size:9px;font-weight:650}.modal-form .full{grid-column:1/-1}.modal-form input,.modal-form select,.modal-form textarea{color:#e1e4ea;border:1px solid var(--line);background:#0c1016;border-radius:8px;outline:0;width:100%;height:40px;padding:0 11px;font-size:11px}.modal-form textarea{resize:vertical;height:74px;padding-top:11px}.modal-form input::placeholder,.modal-form textarea::placeholder{color:#525b6d}.field-help{color:var(--muted-2);font-size:8px;line-height:1.5}.advanced-fields{border:1px solid var(--line);background:#0d1118;border-radius:10px;padding:0;overflow:hidden}.advanced-fields summary{color:#b7becb;cursor:pointer;padding:13px 14px;font-size:10px;font-weight:650}.advanced-fields[open] summary{border-bottom:1px solid var(--line-soft)}.nested-form{padding:14px}.form-warning{color:#efb04d;background:#f5a52412;border:1px solid #f5a52426;border-radius:8px;margin:0;padding:10px 12px;font-size:9px}.history-explanation{color:var(--green);background:#33d69f0e;border:1px solid #33d69f24;border-radius:9px;flex-direction:column;gap:4px;padding:11px 13px;display:flex}.history-explanation strong{font-size:10px}.history-explanation span{color:#7e9c92;font-size:9px;line-height:1.5}.input-with-icon{position:relative}.input-with-icon svg{z-index:1;color:var(--purple-bright);position:absolute;top:12px;left:11px}.input-with-icon input{padding-left:36px}.modal-actions{justify-content:flex-end;gap:9px;padding-top:10px;display:flex}.modal-actions .button{min-width:105px}.detail-status{justify-content:space-between;align-items:center;padding:18px 0 14px;display:flex}.detail-status>span{color:var(--muted-2);font-size:9px}.detail-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.detail-grid>div{border:1px solid var(--line-soft);background:#0d1118;border-radius:9px;flex-direction:column;gap:9px;min-height:82px;padding:14px;display:flex}.detail-grid small{color:var(--muted);font-size:9px}.detail-grid strong{font-size:15px}.detail-grid em{color:var(--muted);font-size:9px;font-style:normal;font-weight:500}.detail-location{align-items:center;gap:6px;display:flex;font-size:12px!important}.detail-location svg{color:var(--purple-bright)}.detail-total{background:#8b5cf612;border:1px solid #8b5cf629;border-radius:9px;justify-content:space-between;align-items:center;margin-top:10px;padding:17px;display:flex}.detail-total span{color:var(--muted);font-size:9px}.detail-total strong{color:#d9ccff;font-size:16px}.device-notes{color:var(--muted);border:1px solid var(--line-soft);background:#0d1118;border-radius:9px;margin:12px 0 0;padding:12px 14px;font-size:10px;line-height:1.55}.data-message{min-height:180px;color:var(--muted);place-items:center;font-size:12px;display:grid}.data-error{color:#ff9aad;background:#ff5c7712;border:1px solid #ff5c7729;border-radius:10px;align-items:center;gap:8px;margin:-10px 0 18px;padding:12px 14px;font-size:10px;display:flex}.office-bars{gap:15px;margin-top:25px;display:grid}.office-bar{grid-template-columns:minmax(120px,.75fr) minmax(160px,1.8fr) 28px;align-items:center;gap:12px;display:grid}.office-bar>span{color:#9ca4b4;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:6px;font-size:9px;display:flex;overflow:hidden}.office-bar>span svg{color:var(--purple-bright)}.office-bar>div{background:#242b36;border-radius:8px;height:7px;overflow:hidden}.office-bar>div i{border-radius:inherit;background:linear-gradient(90deg,#7447d9,#a27af8);height:100%;display:block}.office-bar b{color:#dfe3eb;text-align:right;font-size:10px}.empty-compact{min-height:90px;color:var(--muted-2);place-items:center;font-size:10px;display:grid}.alerts-section{margin-top:24px}.section-heading{margin-bottom:12px}.section-heading h2{margin:0;font-size:16px}.empty-alert{min-height:120px;color:var(--muted-2);background:var(--surface);border:1px dashed var(--line);border-radius:12px;grid-column:1/-1;place-items:center;font-size:10px;display:grid}.toast{z-index:150;color:#e5f8f1;background:#151d1c;border:1px solid #33d69f3d;border-radius:10px;align-items:center;gap:10px;padding:12px 16px;font-size:10px;animation:.2s lift;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 18px 50px #00000059}.toast>span{width:24px;height:24px;color:var(--green);background:#33d69f1c;border-radius:50%;place-items:center;display:grid}.sidebar-overlay{display:none}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes lift{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=1180px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.bottom-grid{grid-template-columns:1fr}.status-panel{min-height:275px}.alert-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.sidebar{transition:transform .24s;transform:translate(-100%);box-shadow:20px 0 60px #00000059}.sidebar-open{transform:translate(0)}.sidebar-overlay{z-index:25;background:#0000008c;border:0;display:block;position:fixed;inset:0}.mobile-close,.menu-button{display:grid!important}.main-area{margin-left:0}.topbar{padding:0 18px}.content-wrap{padding:25px 18px 40px}.location-selector span{display:none}.page-heading{flex-direction:column}.heading-actions{flex-wrap:wrap;width:100%;padding-top:0}.inventory-toolbar{flex-wrap:wrap}.search-field{flex-basis:100%;width:100%;max-width:none}.location-grid{grid-template-columns:1fr}}@media (width<=580px){.kpi-grid,.mini-stats,.alert-grid{grid-template-columns:1fr}.heading-actions .button{flex:1}.bar-chart{gap:6px}.donut-row{gap:18px}.trend-panel,.status-panel,.movements-panel,.critical-panel{padding:16px}.inventory-toolbar .button,.select-field{flex:1}.table-footer{flex-direction:column;align-items:flex-start;gap:12px;padding:15px 17px}.modal-form{grid-template-columns:1fr}.modal-form .full{grid-column:auto}.detail-grid{grid-template-columns:1fr}.alert-banner{flex-wrap:wrap;align-items:flex-start}.alert-banner button{margin-left:50px}}@media print{.sidebar,.topbar,.heading-actions{display:none!important}.main-area{margin:0}body,.app-shell{color:#000;background:#fff}}.login-page{--login-purple:#8b5cf6;--login-green:#a5e113;color:#f5f6f8;background:#080a0f;grid-template-columns:minmax(380px,.9fr) minmax(520px,1.1fr);min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,sans-serif;display:grid}.login-visual{min-height:100vh;position:relative;overflow:hidden}.login-visual>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.login-visual-overlay{background:linear-gradient(#07090c66,#08080cd1),linear-gradient(90deg,#0d081c8c,#0000);position:absolute;inset:0}.login-visual-content{z-index:1;flex-direction:column;justify-content:space-between;min-height:100vh;padding:42px 46px 38px;display:flex;position:relative}.login-brand{color:#fff;letter-spacing:-.035em;width:fit-content;font-family:Poppins,sans-serif;font-size:1.08rem;font-weight:700;text-decoration:none}.login-brand span{color:var(--login-green)}.login-visual-content>div{max-width:530px;padding-bottom:5vh}.login-kicker{color:var(--login-green);letter-spacing:.18em;margin:0 0 18px;font-size:.68rem;font-weight:800}.login-visual-content h1{letter-spacing:-.055em;margin:0;font-family:Poppins,sans-serif;font-size:clamp(2.5rem,4.6vw,4.7rem);font-weight:500;line-height:.96}.login-visual-content>div>p:last-child{color:#ffffffb0;max-width:450px;margin:24px 0 0;font-size:.92rem;line-height:1.6}.login-secure{color:#ffffffb8;align-items:center;gap:8px;width:fit-content;font-size:.72rem;display:inline-flex}.login-secure svg{color:var(--login-green)}.login-form-side{background:radial-gradient(circle at 75% 5%,#8b5cf621,#0000 27%),#0a0c12;place-items:center;min-height:100vh;padding:54px 34px;display:grid}.login-form-wrap{width:min(430px,100%)}.login-back{color:#81899a;align-items:center;gap:7px;width:fit-content;margin-bottom:70px;font-size:.75rem;text-decoration:none;display:inline-flex}.login-back:hover{color:#c4b5fd}.login-mobile-brand{display:none}.login-heading>p{color:#a78bfa;letter-spacing:.18em;margin:0 0 10px;font-size:.66rem;font-weight:800}.login-heading h2{letter-spacing:-.045em;margin:0;font-family:Poppins,sans-serif;font-size:2.25rem;font-weight:600}.login-heading>span{color:#7f8798;margin-top:10px;font-size:.82rem;line-height:1.5;display:block}.login-config-warning{color:#e5ba67;background:#f5a52414;border:1px solid #f5a5242e;border-radius:10px;flex-direction:column;gap:5px;margin-top:24px;padding:13px 14px;display:flex}.login-config-warning strong{font-size:.76rem}.login-config-warning span{color:#a28c68;font-size:.68rem;line-height:1.45}.login-form{gap:18px;margin-top:32px;display:grid}.login-form label{gap:8px;display:grid}.login-form label>span{color:#aeb5c2;font-size:.72rem;font-weight:600}.login-input{color:#596274;background:#0d1118;border:1px solid #242b38;border-radius:10px;align-items:center;gap:10px;min-height:48px;padding:0 13px;transition:border-color .18s,box-shadow .18s;display:flex}.login-input:focus-within{color:#a78bfa;border-color:#6f4bc8;box-shadow:0 0 0 3px #8b5cf617}.login-input input{color:#e8eaf0;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:.82rem}.login-input input::placeholder{color:#50596b}.login-input button{color:#687184;cursor:pointer;background:0 0;border:0;place-items:center;width:30px;height:30px;padding:0;display:grid}.login-input button:hover{color:#b9a5ef}.login-error{color:#ff8799;background:#ff5c7714;border:1px solid #ff5c7729;border-radius:9px;padding:11px 13px;font-size:.72rem;line-height:1.45}.login-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#9168f1,#7142db);border:1px solid #936fee;border-radius:10px;justify-content:space-between;align-items:center;gap:14px;min-height:49px;padding:0 18px;font-size:.78rem;font-weight:700;transition:transform .18s,filter .18s;display:flex;box-shadow:0 12px 28px #7142db38}.login-submit:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.login-submit:disabled{opacity:.5;cursor:not-allowed}.login-help{color:#666f80;text-align:center;margin:22px 0 0;font-size:.7rem}.auth-loading{color:#e8eaf0;background:radial-gradient(circle at 50% 38%,#8b5cf621,#0000 22%),#090b10;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:100vh;font-family:Inter,sans-serif;display:flex}.auth-loading>span{color:#a78bfa;background:#8b5cf61c;border:1px solid #8b5cf633;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:6px;animation:1.3s ease-in-out infinite auth-pulse;display:grid}.auth-loading strong{font-size:.86rem}.auth-loading small{color:#747d8f;font-size:.7rem}@keyframes auth-pulse{50%{transform:scale(1.04);box-shadow:0 0 28px #8b5cf62e}}@media (width<=900px){.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-form-side{padding:32px 22px}.login-back{margin-bottom:48px}.login-mobile-brand{letter-spacing:.08em;align-items:center;gap:10px;margin-bottom:42px;font-size:.78rem;font-weight:800;display:flex}.login-mobile-brand>span{color:#fff;background:linear-gradient(145deg,#9870f5,#6f43d7);border-radius:9px;place-items:center;width:34px;height:34px;display:grid}}@media (width<=480px){.login-form-side{place-items:start center;padding-top:24px}.login-back,.login-mobile-brand{margin-bottom:36px}.login-heading h2{font-size:1.95rem}}.skygreen-page{--sg-bg:#ebe7e3;--sg-orange:#f7913c;--sg-green:#a5e113;background:var(--sg-bg);color:#111;width:100%;font-family:DM Sans,ui-sans-serif,system-ui,sans-serif;overflow-x:hidden}.skygreen-page img{width:100%;max-width:100%;display:block}.skygreen-page a{color:inherit;text-decoration:none}.sg-section-full{width:100%;min-height:100vh}.sg-brand{letter-spacing:-.03em;font-family:Poppins,sans-serif;font-size:1.05rem;font-weight:700}.sg-brand span{color:var(--sg-green)}.sg-hero__nav{justify-content:space-between;align-items:center;gap:20px;display:flex}.sg-login-link{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#070a0c2e;border:1px solid #ffffff75;border-radius:999px;justify-content:center;align-items:center;min-height:40px;padding:0 22px;font-family:Poppins,sans-serif;font-size:.78rem;font-weight:600;transition:background .2s,color .2s,transform .2s;display:inline-flex;color:#fff!important}.sg-login-link:hover{background:var(--sg-green);border-color:var(--sg-green);transform:translateY(-1px);color:#111!important}.sg-pill{background:var(--sg-orange);color:#111;border-radius:999px;justify-content:center;align-items:center;width:fit-content;min-width:202px;height:40px;padding:0 26px;font-family:Poppins,sans-serif;font-size:.82rem;font-weight:600;transition:transform .25s,opacity .25s;display:inline-flex}.sg-pill:hover{transform:translateY(-2px)}.skygreen-page a.sg-pill--white{color:#111;background:#fff}.skygreen-page a.sg-pill--white:hover{color:#111;background:#f1f1f1}.sg-hero{position:relative;overflow:hidden}.sg-hero__bg{object-fit:cover;height:100%;position:absolute;inset:0}.sg-hero__overlay{background:linear-gradient(90deg,#00000038,#0000000a),linear-gradient(#0000 60%,#0000002e);position:absolute;inset:0}.sg-hero__content{z-index:1;color:#fff;flex-direction:column;justify-content:space-between;min-height:100vh;padding:38px 44px 30px;display:flex;position:relative}.sg-hero__text{flex:1;align-items:center;padding-left:66px;display:flex}.sg-hero__text h1{letter-spacing:-.045em;margin:0;font-family:Poppins,sans-serif;font-size:clamp(3rem,5.6vw,5rem);font-weight:400;line-height:.96}.sg-hero__bottom{justify-content:flex-end;display:flex}.sg-hero__bottom p{letter-spacing:.02em;margin:0;font-family:Poppins,sans-serif;font-size:.72rem;font-weight:500}.sg-transform{background:#000;grid-template-columns:.46fr .54fr;display:grid}.sg-transform__left{color:#fff;flex-direction:column;justify-content:center;padding:86px 54px 86px 64px;display:flex}.sg-transform__left h2{letter-spacing:-.05em;margin:0 0 34px;font-family:Poppins,sans-serif;font-size:clamp(2.2rem,4.2vw,4.45rem);font-weight:400;line-height:.99}.sg-transform__right{justify-content:center;align-items:center;padding:68px 42px 68px 0;display:flex}.sg-transform__right img{object-fit:cover;max-width:710px;height:auto}.sg-ecosystem{background:#e9e6e2;padding:74px 0 86px}.sg-ecosystem__inner{grid-template-columns:.42fr .58fr;align-items:center;gap:92px;width:min(1180px,100% - 78px);margin:0 auto;display:grid}.sg-ecosystem__photo{padding-left:6px}.sg-ecosystem__photo img{object-fit:cover;width:100%;max-width:360px}.sg-ecosystem__copy{max-width:520px}.sg-ecosystem__copy>p{margin:0 0 34px;font-size:1.05rem;line-height:1.6}.sg-ecosystem__copy h3{letter-spacing:-.045em;margin:0;font-family:Poppins,sans-serif;font-size:clamp(2rem,3.5vw,3.5rem);font-weight:400;line-height:.98}.sg-ecosystem__copy h3 span{color:#98c85a}.sg-future{position:relative;overflow:hidden}.sg-future__bg{object-fit:cover;height:100%;position:absolute;inset:0}.sg-future__overlay{background:linear-gradient(90deg,#0000002e,#0000000d);position:absolute;inset:0}.sg-future__content{z-index:1;align-items:center;min-height:100vh;padding:70px 56px;display:flex;position:relative}.sg-future__content h2{color:#fff;letter-spacing:-.05em;margin:0;font-family:Poppins,sans-serif;font-size:clamp(3rem,5.3vw,5rem);font-weight:600;line-height:.96}.sg-culture{background:var(--sg-orange);padding:96px 0}.sg-culture__inner{grid-template-columns:.58fr .42fr;align-items:center;gap:58px;width:min(1180px,100% - 88px);margin:0 auto;display:grid}.sg-culture__image img{object-fit:cover;width:100%;max-width:620px}.sg-culture__copy{color:#fff;max-width:420px}.sg-culture__copy h2{letter-spacing:-.05em;margin:0 0 24px;font-family:Poppins,sans-serif;font-size:clamp(2.2rem,3.8vw,4rem);font-weight:400;line-height:.98}.sg-culture__copy p{margin:0 0 32px;font-size:1rem;line-height:1.5}.sg-faq{background:#f1efec;padding:98px 0}.sg-faq__inner{grid-template-columns:.44fr .56fr;align-items:start;gap:70px;width:min(1180px,100% - 92px);margin:0 auto;display:grid}.sg-faq__left h2{letter-spacing:-.05em;margin:0 0 36px;font-family:Poppins,sans-serif;font-size:clamp(2.4rem,3.4vw,3.75rem);font-weight:800;line-height:.88}.sg-faq__list{gap:24px;max-width:390px;display:grid}.sg-faq__item h3{margin:0 0 6px;font-size:1rem;font-weight:700;line-height:1.2}.sg-faq__item p{margin:0;font-size:.98rem;line-height:1.35}.sg-faq__visual{max-width:560px;height:500px;position:relative}.sg-faq__visual img{object-fit:cover;width:100%;height:100%}.sg-footer{color:#fff;background:#000;padding:86px 0 76px}.sg-footer__inner{grid-template-columns:.3fr .7fr;align-items:start;gap:42px;width:min(1180px,100% - 88px);margin:0 auto;display:grid}.sg-footer__brand{margin-bottom:42px;font-size:1.15rem}.sg-footer__block{margin-bottom:34px}.sg-footer__block h3{margin:0 0 16px;font-family:Poppins,sans-serif;font-size:1rem;font-weight:600}.sg-footer__block a,.sg-footer__block p,.sg-footer__mail{color:#ffffffeb;margin:0 0 4px;font-size:.8rem;display:block}.sg-footer__offices{grid-template-columns:1fr 1fr;gap:18px;display:grid}.sg-footer__right img{object-fit:cover;width:100%}.skygreen-page .reveal{opacity:0;will-change:transform, opacity;transition:opacity .85s,transform .85s cubic-bezier(.22,1,.36,1)}.skygreen-page .reveal-up{transform:translateY(42px)}.skygreen-page .reveal-left{transform:translate(-42px)}.skygreen-page .reveal-right{transform:translate(42px)}.skygreen-page .reveal.is-visible{opacity:1;transform:translate(0)}@media (prefers-reduced-motion:reduce){.skygreen-page .reveal{opacity:1;transition:none;transform:none}}@media (width<=980px){.sg-transform,.sg-ecosystem__inner,.sg-culture__inner,.sg-faq__inner,.sg-footer__inner{grid-template-columns:1fr}.sg-transform__right{padding:0 24px 48px}.sg-transform__left{padding:72px 28px 36px}.sg-ecosystem__inner,.sg-culture__inner,.sg-faq__inner,.sg-footer__inner{gap:36px;width:calc(100% - 36px)}.sg-hero__text{padding-left:24px}.sg-future__content{padding:40px 26px}}@media (width<=640px){.sg-hero__content{padding:24px 20px 20px}.sg-hero__text{padding-left:0}.sg-login-link{min-height:36px;padding:0 16px;font-size:.72rem}.sg-transform__left,.sg-future__content{padding-left:20px;padding-right:20px}.sg-ecosystem__inner,.sg-culture__inner,.sg-faq__inner,.sg-footer__inner{width:calc(100% - 24px)}.sg-footer__offices{grid-template-columns:1fr}.skygreen-page .reveal-left,.skygreen-page .reveal-right,.skygreen-page .reveal-up{transform:translateY(28px)}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,input,select,textarea{font:inherit}