:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{cursor:pointer}.startup{min-height:100vh;display:grid;place-content:center;gap:16px;text-align:center;color:#627086}.spinner{width:38px;height:38px;margin:auto;border:4px solid #dbe2ec;border-top-color:#1b5cff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-page{min-height:100vh;display:grid;grid-template-columns:minmax(380px,46%) 1fr}.login-brand{min-height:100vh;padding:64px;display:flex;flex-direction:column;background:radial-gradient(circle at 80% 20%,rgba(54,118,255,.24),transparent 32%),linear-gradient(145deg,#081a33,#102f58 65%,#16477a);color:#fff}.brand-mark,.sidebar-logo,.mini-logo{display:grid;place-items:center;background:linear-gradient(135deg,#2e6eff,#56b7ff);color:#fff;font-weight:800}.brand-mark{width:54px;height:54px;border-radius:15px;font-size:27px}.brand-name{margin-top:16px;font-size:23px;font-weight:800;letter-spacing:.12em}.login-brand h1{max-width:600px;margin:auto 0 18px;font-size:clamp(36px,4.5vw,58px);line-height:1.04;letter-spacing:-.045em}.login-brand p{max-width:550px;margin:0 0 auto;color:#c2d3e9;font-size:18px;line-height:1.65}.brand-footer{color:#91a9c5;font-size:13px}.login-panel{display:grid;place-items:center;padding:50px;background:#f7f9fc}.login-card{width:100%;max-width:430px}.mobile-brand{display:none}.eyebrow{color:#2d63dd;font-size:11px;font-weight:800;letter-spacing:.16em}.login-card h2{margin:10px 0;font-size:38px;letter-spacing:-.035em}.login-help{margin:0 0 32px;color:#778399;line-height:1.55}.login-card label{display:block;margin-bottom:19px;color:#344158;font-size:13px;font-weight:700}.login-card input{width:100%;margin-top:8px;padding:14px 15px;border:1px solid #d9e0ea;border-radius:10px;outline:none;background:#fff;color:#182235;transition:.15s}.login-card input:focus{border-color:#3773f5;box-shadow:0 0 0 3px #3773f51f}.primary-button,.primary-small{border:0;background:#245edb;color:#fff;font-weight:700;border-radius:10px}.primary-button{width:100%;padding:15px;margin-top:4px}.primary-button:hover,.primary-small:hover{background:#194fc4}.primary-button:disabled{opacity:.65;cursor:wait}.login-error{margin:0 0 16px;padding:12px 14px;border:1px solid #fecaca;border-radius:9px;background:#fff1f2;color:#b42318;font-size:13px}.login-secure{margin-top:18px;color:#98a3b5;font-size:12px;text-align:center}.app-shell{min-height:100vh;display:flex}.sidebar{width:244px;min-height:100vh;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;background:#0d223d;color:#fff}.sidebar-brand{height:76px;padding:0 22px;display:flex;align-items:center;gap:12px;border-bottom:1px solid rgba(255,255,255,.08)}.sidebar-logo{width:36px;height:36px;border-radius:10px}.sidebar-brand strong{display:block;letter-spacing:.08em}.sidebar-brand small{display:block;margin-top:3px;color:#7990ac;font-size:9px;letter-spacing:.18em}.sidebar nav{padding:22px 13px;overflow:auto}.nav-caption{display:block;margin:0 10px 10px;color:#617b9b;font-size:9px;font-weight:800;letter-spacing:.18em}.nav-item{width:100%;height:43px;margin:2px 0;padding:0 12px;display:flex;align-items:center;gap:12px;border:0;border-radius:8px;background:transparent;color:#a9bad0;text-align:left;font-size:13px}.nav-item:hover{background:#ffffff0d;color:#fff}.nav-item.active{background:#1e59d3;color:#fff}.nav-icon{width:20px;text-align:center;font-size:17px}.sidebar-bottom{margin-top:auto;padding:15px}.company-pill{padding:12px;display:flex;gap:10px;align-items:center;border-radius:10px;background:#ffffff0f}.company-pill>span{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#274566;font-size:10px;font-weight:800}.company-pill strong,.company-pill small{display:block}.company-pill strong{font-size:11px}.company-pill small{margin-top:2px;color:#8096b0;font-size:9px}.main-area{width:calc(100% - 244px);margin-left:244px}.topbar{height:76px;padding:0 30px;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:5;border-bottom:1px solid #e5eaf1;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar-title{font-size:16px;font-weight:750}.user-area{display:flex;align-items:center;gap:11px}.notification,.logout{border:0;background:transparent}.notification{width:36px;height:36px;border-radius:9px;color:#66758a;font-size:18px}.user-copy{margin-left:5px;text-align:right}.user-copy strong,.user-copy small{display:block}.user-copy strong{color:#28364b;font-size:12px}.user-copy small{margin-top:2px;color:#8b97a9;font-size:9px}.avatar{width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:#e8efff;color:#285bc6;font-size:11px;font-weight:800}.logout{color:#7d8999;font-size:11px}.content{padding:31px}.welcome{margin-bottom:27px;display:flex;align-items:flex-end;justify-content:space-between}.welcome h1{margin:7px 0;font-size:29px;letter-spacing:-.035em}.welcome p{margin:0;color:#7e8a9c;font-size:13px}.primary-small{padding:11px 16px;font-size:12px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.metric-card{min-height:125px;padding:20px;display:flex;align-items:flex-start;gap:15px;border:1px solid #e4e9f0;border-radius:12px;background:#fff}.metric-icon{width:39px;height:39px;display:grid;place-items:center;border-radius:10px;background:#eef3ff;color:#2d63d8;font-size:19px}.metric-card span,.metric-card strong,.metric-card small{display:block}.metric-card span{color:#68768a;font-size:11px}.metric-card strong{margin:4px 0 2px;font-size:25px}.metric-card small{color:#9aa4b3;font-size:9px}.dashboard-grid{margin-top:18px;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:18px}.panel{border:1px solid #e4e9f0;border-radius:12px;background:#fff;overflow:hidden}.panel-heading{padding:20px;display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #edf0f4}.panel-heading h3{margin:0;font-size:14px}.panel-heading p{margin:5px 0 0;color:#98a2b2;font-size:10px}.text-button{border:0;background:transparent;color:#2d63da;font-size:10px;font-weight:700}.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.product-row{padding:15px 18px;display:grid;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;border-bottom:1px solid #f0f2f5}.product-row:nth-child(odd){border-right:1px solid #f0f2f5}.product-logo{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#f0f4fa;color:#345472;font-size:10px;font-weight:800}.product-row strong,.product-row small{display:block}.product-row strong{font-size:11px}.product-row small{margin-top:3px;color:#9aa4b4;font-size:9px}.status-dot{color:#27885b;font-size:9px}.quick-action{width:100%;padding:15px 18px;display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;border:0;border-bottom:1px solid #f0f2f5;background:#fff;text-align:left}.quick-action:hover{background:#fafbfe}.quick-action>span{width:32px;height:32px;display:grid;place-items:center;border-radius:8px;background:#f0f4fa;color:#426486}.quick-action strong,.quick-action small{display:block}.quick-action strong{color:#364357;font-size:11px}.quick-action small{margin-top:3px;color:#9aa4b4;font-size:9px}.quick-action b{color:#a1abba}.placeholder{min-height:500px;display:grid;place-content:center;text-align:center}.placeholder-icon{width:56px;height:56px;margin:auto;display:grid;place-items:center;border-radius:15px;background:#eaf0ff;color:#2a61d6;font-size:23px}.placeholder h2{margin:17px 0 7px}.placeholder p{max-width:430px;margin:0;color:#8c98a9;font-size:13px}@media(max-width:980px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}@media(max-width:760px){.login-page{grid-template-columns:1fr}.login-brand{display:none}.login-panel{min-height:100vh;padding:28px}.mobile-brand{margin-bottom:40px;display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.08em}.mini-logo{width:35px;height:35px;border-radius:9px}.sidebar{width:72px}.sidebar-brand{padding:0;justify-content:center}.sidebar-brand div:not(.sidebar-logo),.nav-item{font-size:0}.nav-item{justify-content:center}.nav-icon{font-size:18px}.company-pill{display:none}.main-area{width:calc(100% - 72px);margin-left:72px}.topbar{padding:0 16px}.user-copy,.notification{display:none}.content{padding:20px}.welcome{align-items:flex-start;gap:20px}.metrics,.products{grid-template-columns:1fr}.product-row:nth-child(odd){border-right:0}}