@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap";:root{color:#dce8f5;font-synthesis:none;--ink:#dce8f5;--muted:#8495a9;--panel:#0d1928;--line:#1f3044;--blue:#36a6ff;--teal:#55e2c3;--orange:#ffb867;background:#07101d;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 75% 5%,#0f2c48 0,#0000 28rem),#07101d;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{color:inherit}.app-shell{min-height:100vh}.sidebar{z-index:20;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060f1bf5;flex-direction:column;width:270px;padding:28px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 8px 30px;display:flex}.brand img{object-fit:contain;width:38px;height:38px}.brand strong{letter-spacing:.16em;font:700 15px Manrope,sans-serif;display:block}.brand span{color:var(--muted);margin-top:3px;font-size:13px;display:block}.close-menu{background:0 0;border:0;margin-left:auto;display:none}nav{gap:7px;display:grid}nav button{color:#8da0b5;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:all .2s;display:flex}nav button:hover{color:var(--ink);background:#101e2e}nav button.active{color:#e8f5ff;box-shadow:inset 3px 0 var(--blue);background:linear-gradient(100deg,#12304b,#101e2e);border-color:#284a69}.sidebar-foot{border:1px solid var(--line);background:#0b1725;border-radius:14px;margin-top:auto;padding:18px 14px}.sidebar-foot span,.eyebrow{color:var(--teal);letter-spacing:.13em;font-size:11px;font-weight:700}.sidebar-foot p{color:var(--muted);font-size:13px;line-height:1.5}.sidebar-foot a{color:#cfe9ff;align-items:center;gap:7px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.sidebar-foot button{border:1px solid var(--line);color:#adc3d8;cursor:pointer;background:#101f30;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;padding:9px;display:flex}.sidebar-foot button svg{width:15px}.main-wrap{min-height:100vh;margin-left:270px}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#07101dc7;justify-content:space-between;align-items:center;height:82px;padding:0 clamp(22px,4vw,58px);display:flex;position:sticky;top:0}.topbar div:first-of-type span{color:#61768d;letter-spacing:.15em;font-size:10px;display:block}.topbar div:first-of-type strong{margin-top:5px;font-size:14px;display:block}.topbar-mark{color:#8fa3b7;align-items:center;gap:8px;font-size:13px;display:flex}.menu-button{background:0 0;border:0;display:none}main{max-width:1500px;margin:0 auto;padding:clamp(30px,5vw,66px)}h1,h2,strong{font-family:Manrope,sans-serif}h1{color:#f2f8ff;letter-spacing:-.045em;max-width:900px;margin:10px 0 14px;font-size:clamp(34px,4.2vw,66px);line-height:1.02}h2{color:#edf6ff;margin:6px 0;font-size:20px}p{color:var(--muted);line-height:1.65}.intro-row{justify-content:space-between;align-items:flex-start;gap:30px;margin-bottom:40px;display:flex}.intro-row p,.page-title p,.case-hero p{max-width:720px;font-size:17px}.live{white-space:nowrap;color:#a8b9ca;border:1px solid var(--line);border-radius:99px;align-items:center;gap:8px;padding:9px 12px;font-size:12px;display:flex}.live i{background:var(--teal);width:7px;height:7px;box-shadow:0 0 12px var(--teal);border-radius:50%}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.kpi{border:1px solid var(--line);background:linear-gradient(145deg,#0f1d2c,#0a1522);border-radius:16px;min-height:150px;padding:22px}.kpi-accent{background:linear-gradient(145deg,#123454,#0b1c2d);border-color:#2f6f9f}.kpi p{color:#8093a8;margin:0;font-size:13px}.kpi strong{color:#f5faff;letter-spacing:-.04em;margin:16px 0 7px;font-size:clamp(26px,2.5vw,38px);display:block}.kpi span{color:#7290aa;font-size:12px}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:18px;margin-bottom:18px;display:grid}.panel{border:1px solid var(--line);background:#0d1928d6;border-radius:16px;padding:24px;box-shadow:0 24px 60px #0000001f}.panel-head{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:24px;display:flex}.tag{color:#71859a;border:1px solid var(--line);border-radius:99px;padding:7px 10px;font-size:11px}.bar-chart{border-bottom:1px solid #24384d;grid-template-columns:repeat(6,1fr);align-items:end;gap:clamp(10px,2vw,28px);height:260px;padding:34px 14px 0;display:grid}.bar-item{text-align:center;color:#73879a;grid-template-rows:18px 1fr 28px;align-items:end;gap:5px;height:100%;font-size:11px;display:grid}.bar-track{justify-content:center;align-items:flex-end;height:100%;display:flex}.bar-fill{background:linear-gradient(180deg,var(--teal),var(--blue));border-radius:6px 6px 0 0;width:min(44px,70%);min-height:8%;transition:all .25s;box-shadow:0 0 24px #36a6ff1f}.bar-item:hover .bar-fill{filter:brightness(1.2)}.bar-value{color:#8fa5b9}.decision-list{gap:2px;display:grid}.decision{border-bottom:1px solid var(--line);padding:14px 0}.decision:last-child{border:0}.decision span{color:var(--teal);letter-spacing:.1em;font-size:10px}.decision strong{margin-top:5px;font-size:14px;display:block}.decision p{margin:5px 0 0;font-size:12px;line-height:1.5}.text-button{color:#9dcaeb;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;display:flex}.text-button svg{width:16px}.primary{color:#061321;background:linear-gradient(135deg,var(--teal),#55bfff);cursor:pointer;border:1px solid #3e9bda;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 15px;font-weight:700;display:inline-flex}.primary svg{width:18px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px}th{border-bottom:1px solid var(--line);color:#60758b;text-align:left;text-transform:uppercase;letter-spacing:.1em;padding:11px 14px;font-size:10px}td{color:#b4c4d3;border-bottom:1px solid #18293b;padding:16px 14px;font-size:13px}tr:last-child td{border:0}td strong{color:#e3edf6;font-size:13px;display:block}td small{color:#62768b;margin-top:3px;display:block}.status{border-radius:99px;align-items:center;padding:5px 8px;font-size:10px;font-weight:700;display:inline-flex}.status-saludable{color:#77efd3;background:#12342f}.status-atencion{color:#ffd39a;background:#3b2d1b}.status-critico{color:#faa;background:#3d2028}.page-title,.case-hero{margin-bottom:35px}.page-title h1{font-size:clamp(34px,3.5vw,55px)}.filter-row{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.filter-row button{border:1px solid var(--line);color:#8397aa;cursor:pointer;background:#0c1826;border-radius:99px;padding:9px 14px}.filter-row button.active{color:#eaf6ff;background:#123351;border-color:#3479ad}.search{border:1px solid var(--line);color:#6e8297;background:#0b1724;border-radius:12px;align-items:center;gap:10px;max-width:520px;margin-bottom:18px;padding:11px 14px;display:flex}.search input{color:#e5eef8;background:0 0;border:0;outline:0;width:100%}.toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.toolbar .search{flex:1;margin:0}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.product-card{border:1px solid var(--line);background:#0d1928;border-radius:18px;overflow:hidden}.product-art{background:radial-gradient(circle at 50% 35%,#20364b,#0a1522 72%);place-items:center;height:190px;display:grid;overflow:hidden}.product-art svg{width:78%;height:88%;fill:var(--garment);filter:drop-shadow(0 18px 16px #0000004d)}.product-art .art-line{fill:none;stroke:#ffffff40;stroke-width:2px}.product-art.compact{border-radius:8px;flex:0 0 44px;width:44px;height:44px}.product-art.compact svg{width:85%;height:85%}.product-copy{padding:18px}.product-copy>span{color:var(--teal);letter-spacing:.08em;font-size:11px}.product-copy h2{font-size:17px}.product-copy p{margin:4px 0 14px;font-size:13px}.stock-line{color:#9db1c5;background:#101f30;border-radius:10px;padding:11px;font-size:12px}.stock-line strong{color:#f1f8ff;margin-right:4px;font-size:22px}.stock-line small{color:#667d92;margin-top:3px;display:block}.actions{gap:8px;margin-top:13px;display:flex}.actions button,.row-actions button{border:1px solid var(--line);color:#9cb2c7;cursor:pointer;background:#0a1522;border-radius:8px;align-items:center;gap:6px;padding:7px 9px;display:inline-flex}.actions svg,.row-actions svg{width:14px;height:14px}.actions .danger{color:#e89a9f}.mini-product{align-items:center;gap:10px;min-width:190px;display:flex}.row-actions{gap:6px;display:flex}.status-select{color:#d7e5f2;background:#0a1623;border:1px solid #2a435a;border-radius:8px;min-width:125px;padding:7px 9px}.status-summary{flex-wrap:wrap;gap:8px;display:flex}.status-summary span{border:1px solid var(--line);color:#7f94a8;border-radius:10px;min-width:92px;padding:9px 11px;font-size:11px}.status-summary b{color:#eef6fd;font-size:18px;display:block}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#02080fcc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#0d1928;border:1px solid #31526e;border-radius:18px;width:min(650px,100%);max-height:92vh;padding:24px;overflow:auto;box-shadow:0 30px 90px #000}.modal header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.icon-button{color:#91a6b9;cursor:pointer;background:0 0;border:0;place-items:center;display:grid}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.form-grid label{color:#91a6b9;gap:7px;font-size:12px;display:grid}.form-grid input,.form-grid select{border:1px solid var(--line);color:#ecf6ff;background:#081522;border-radius:9px;outline:0;width:100%;min-height:42px;padding:9px 11px}.form-grid input:focus,.form-grid select:focus{border-color:var(--blue)}.form-grid .primary{align-self:end}.workflow{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.workflow article{border:1px solid var(--line);background:#0d1928;border-radius:16px;min-height:260px;padding:22px;position:relative}.workflow-icon{width:44px;height:44px;color:var(--teal);background:#10293a;border-radius:12px;place-items:center;margin-bottom:30px;display:grid}.workflow strong{color:#f1f7fd;margin:13px 0 0;font-size:36px;display:block}.workflow h2{font-size:15px}.workflow p{font-size:12px}.workflow-arrow{z-index:2;color:#47627b;position:absolute;top:50%;right:-18px}.note-panel{align-items:flex-start;gap:14px;display:flex}.note-panel>svg{color:var(--teal);flex:none}.note-panel h2,.note-panel p{margin-top:0}.case-hero{background:linear-gradient(120deg,#103554e6,#0a1725eb);border:1px solid #284a69;border-radius:24px;padding:clamp(30px,5vw,64px)}.case-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin:18px 0;display:grid}.case-grid article{background:#0c1826;border-top:1px solid #355875;padding:24px}.case-grid article>span{color:var(--blue);font:600 12px Manrope,sans-serif}.case-grid p{font-size:13px}.two-col{grid-template-columns:1fr 1fr;gap:50px;display:grid}.chip-list{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.chip-list span{color:#aec2d4;border:1px solid #2b4359;border-radius:8px;padding:8px 11px;font-size:12px}.two-col li{color:#8fa3b7;margin-bottom:10px;line-height:1.5}footer{border-top:1px solid var(--line);color:#61758a;align-items:center;gap:12px;margin:0 clamp(22px,4vw,58px);padding:28px 0 38px;font-size:12px;display:flex}footer img{width:28px;height:28px}footer p{flex:1;margin:0;font-size:12px}.backdrop{display:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.workflow,.case-grid,.product-grid{grid-template-columns:repeat(2,1fr)}.workflow-arrow{display:none}}@media (width<=820px){.sidebar{transition:all .25s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.close-menu,.menu-button{display:block}.main-wrap{margin-left:0}.backdrop{z-index:15;background:#00000094;border:0;display:block;position:fixed;inset:0}.topbar{justify-content:flex-start;gap:15px;height:72px}.topbar-mark{margin-left:auto}main{padding:34px 20px}}@media (width<=600px){h1{font-size:38px}.intro-row{display:block}.intro-row .primary{margin-top:16px}.live{width:max-content;margin-top:20px}.kpi-grid,.workflow,.case-grid,.two-col,.product-grid,.form-grid{grid-template-columns:1fr}.toolbar{flex-direction:column;align-items:stretch}.toolbar .primary{width:100%}.kpi{min-height:130px}.topbar-mark span{display:none}footer{flex-wrap:wrap}footer p{flex-basis:70%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important}}.form-note{border:1px solid var(--line);background:#091522;border-radius:9px;grid-column:1/-1;margin:0;padding:10px 12px;font-size:12px}.insight-list{margin:16px 0 0;padding-left:20px}.insight-list li{color:#93a8ba;margin-bottom:13px;line-height:1.5}.roadmap{margin-top:18px}.roadmap-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.roadmap-grid article{border:1px solid var(--line);background:linear-gradient(145deg,#102033,#0a1624);border-radius:14px;min-height:210px;padding:22px}.roadmap-grid svg{width:28px;color:var(--teal)}.roadmap-grid span{color:#57738c;letter-spacing:.12em;margin-top:24px;font:600 11px Manrope,sans-serif;display:block}.roadmap-grid h3{color:#edf6ff;margin:7px 0;font:600 16px Manrope,sans-serif}.roadmap-grid p{margin:0;font-size:13px}@media (width<=1100px){.roadmap-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.roadmap-grid{grid-template-columns:1fr}.form-note{grid-column:auto}}