@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;600;700;800&display=swap');
:root{font-family:'DM Sans',sans-serif;background:#08172c;color:#e9f2ff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}p,h1,h2,h3,h4{margin:0}p{line-height:1.6}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #ffd56a;outline-offset:3px}.skip{position:absolute;left:-9999px;top:0;background:#fff;color:#112b4c;z-index:50}.skip:focus{left:8px;top:8px;padding:12px}.demo-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px max(22px,calc((100vw - 1310px)/2));background:#0a1e39;border-bottom:1px solid #284363}.back{font-size:13px;font-weight:700;color:#b9d2f0}.back:hover,.contact:hover{color:#ffda7b}.demo-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:13px}.demo-brand img{width:44px;height:44px;object-fit:contain;background:#fff;border-radius:8px}.contact{color:#ffd777;font-size:13px;font-weight:800}.demo-intro{max-width:1310px;padding:49px 22px 44px;margin:0 auto;display:grid;grid-template-columns:1.18fr .82fr;gap:55px;align-items:end}.eyebrow,.app-overline{display:inline-block;font-size:11px;letter-spacing:.14em;font-weight:800;color:#ffca61;margin-bottom:16px}.demo-intro h1{font:800 clamp(30px,3.6vw,54px)/1.17 'Manrope',sans-serif;letter-spacing:-.047em}.demo-intro h1 em{font-style:normal;color:#ffcd62}.demo-intro p{color:#bdcee4;max-width:700px;margin-top:17px;font-size:15px}.fictitious{padding:19px 22px;border:1px solid #416186;background:#123052;border-radius:16px}.fictitious strong{color:#ffdc88;font-size:14px}.fictitious p{font-size:12px;margin-top:7px;color:#d2e0ef}.shell{background:#f3f6fb;color:#172b47;border-radius:25px 25px 0 0;padding:38px max(22px,calc((100vw - 1310px)/2)) 65px;min-height:750px}.app-heading{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:22px}.app-overline{color:#1764c3;margin-bottom:8px}.app-heading h2{font:800 30px 'Manrope',sans-serif;letter-spacing:-.04em}.project-switch{display:flex;flex-wrap:wrap;gap:7px;background:#e4ebf4;border-radius:11px;padding:6px}.project-switch button{font-weight:800;font-size:12px;border:0;border-radius:8px;background:transparent;padding:12px 16px;color:#48617e}.project-switch button.chosen{background:#0b376a;color:white;box-shadow:0 3px 11px #0b376a20}.app-layout{display:grid;grid-template-columns:222px 1fr;background:#fff;border:1px solid #dce5ef;border-radius:18px;overflow:hidden;box-shadow:0 20px 55px #07294812;min-height:590px}.side{background:#17253d;color:#e8f3ff;padding:22px 13px;display:flex;flex-direction:column;gap:24px}.side-brand{display:flex;align-items:center;gap:10px;padding:0 9px}.side-brand-icon{height:40px;width:40px;border-radius:12px;display:grid;place-items:center;background:#ffcd62;color:#092547;font-weight:900;font-size:22px}.side-brand strong{display:block;font-size:15px}.side-brand small{font-size:9px;color:#91b5de;font-weight:800;letter-spacing:.15em}.side-links{display:grid;gap:5px}.side-links button{display:flex;gap:10px;text-align:left;align-items:center;background:transparent;color:#b9cbe1;padding:13px 13px;border:0;border-radius:9px;font-size:13px;font-weight:700}.side-links button:hover{background:#253e60;color:#fff}.side-links button.selected{background:#335e9c;color:#fff}.side-links .nav-symbol{width:22px;color:#ffda83;font-weight:800}.side-bottom{margin-top:auto;border-top:1px solid #39516b;padding:18px 9px 0;color:#93a9c4;font-size:11px;line-height:1.6}.workspace{padding:29px;overflow:hidden}.section-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin-bottom:21px}.section-head h3{font:800 24px 'Manrope',sans-serif;letter-spacing:-.04em}.section-head p{font-size:13px;color:#61748f;margin-top:5px}.pill{font-size:10px;font-weight:800;letter-spacing:.08em;color:#87601c;background:#fff4db;padding:9px 11px;border-radius:50px}.metric-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.metric{border:1px solid #dfe8f2;border-radius:13px;background:#f9fbfe;padding:20px}.metric small{display:block;color:#6a7a91;font-size:12px;margin-bottom:10px}.metric b{font:800 clamp(20px,2vw,29px) 'Manrope',sans-serif}.metric span{display:block;margin-top:8px;font-size:10px;color:#527d69}.columns{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;margin-top:16px}.panel{border:1px solid #dfe8f2;border-radius:13px;padding:20px;background:#fff}.panel h4{font-size:15px;margin-bottom:13px}.panel p{font-size:13px;color:#63758d}.bars{display:flex;height:160px;align-items:end;gap:14px;border-bottom:1px solid #d1dfef;padding:8px 7px 0}.bar{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(#4f9bff,#1c65c1);height:var(--h)}.bar:nth-child(2n){background:linear-gradient(#fbd786,#d49d3d)}.bar-caption{display:flex;justify-content:space-between;font-size:10px;color:#72839a;margin-top:9px}.compact-list{display:grid;gap:0}.compact-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #e8eef5;font-size:13px}.compact-item:last-child{border-bottom:0}.compact-item strong{font-size:13px}.compact-item small{display:block;color:#718198;font-size:11px;margin-top:3px}.compact-item .num{font-weight:800;color:#145abb;white-space:nowrap}.btn{border:0;border-radius:9px;background:#0d57b1;color:#fff;padding:12px 16px;font-weight:800;font-size:12px}.btn:hover{background:#0b4084}.btn.gold{background:#ffcb5e;color:#0c2a4f}.btn.gold:hover{background:#f6b73a}.btn.ghost{border:1px solid #b7cae2;background:white;color:#1f4e84}.btn.ghost:hover{background:#eaf4ff}.field{display:grid;gap:6px}.field label{font-size:12px;font-weight:800;color:#374c6a}.field input,.field select,.field textarea{width:100%;padding:11px 12px;background:#fff;color:#142b46;border-radius:9px;border:1px solid #cbd9e9;min-width:0}.field textarea{min-height:122px;resize:vertical}.toolbar{display:flex;gap:12px;align-items:end;justify-content:space-between;margin-bottom:16px}.search{max-width:410px;flex:1}.table{border:1px solid #dfe8f2;border-radius:12px;overflow:auto;width:100%}.table table{width:100%;border-collapse:collapse;min-width:580px;font-size:12px}.table th{text-align:left;background:#edf3fa;color:#52647f;font-size:11px}.table th,.table td{padding:13px 15px;border-bottom:1px solid #eaf0f7}.table tr:last-child td{border-bottom:0}.status{display:inline-block;background:#dff5eb;color:#11684c;padding:5px 9px;border-radius:30px;font-size:10px;font-weight:800}.status.warn{background:#fff1d7;color:#8b6516}.empty{padding:28px;color:#627590;font-size:13px;text-align:center}.notice{font-size:12px;line-height:1.55;padding:12px 15px;background:#edf5ff;border:1px solid #d4e6fa;color:#2b5b8d;border-radius:10px;margin-bottom:16px}.order-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product{padding:14px;text-align:left;border:1px solid #dfe7f0;border-radius:10px;background:#fff;color:#16314e}.product strong{display:block;font-size:13px}.product small{display:block;color:#627a95;margin-top:6px;font-size:10px}.product span{display:block;color:#095fb7;margin-top:9px;font-weight:800;font-size:13px}.product:hover{border-color:#1b70cc;background:#f5faff}.mini-cart .compact-item{align-items:flex-start}.cart-actions{display:flex;gap:8px;margin-top:18px;flex-wrap:wrap}.total{padding:14px;background:#11356d;color:#fff;border-radius:10px;display:flex;justify-content:space-between;gap:10px;font-weight:800;margin-top:12px}.message-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:16px}.client-picker{display:grid;gap:8px}.client-picker button{text-align:left;border:1px solid #dae5f1;border-radius:11px;background:#fff;padding:13px;color:#1c3352}.client-picker button.selected{border:2px solid #1d66c0;background:#f1f7ff}.client-picker strong{display:block;font-size:13px}.client-picker small{color:#6a7e95;display:block;margin-top:5px}.message-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.message-actions button{font-size:11px}.message-preview{padding:15px;background:#f4f9ff;border:1px solid #d5e4f4;border-radius:11px;color:#263e5c;font-size:13px;white-space:pre-wrap;line-height:1.6;margin-top:16px;min-height:105px}.inline-status{padding:10px 13px;margin-top:12px;border-radius:9px;background:#e5f5ec;color:#24684b;font-size:12px;font-weight:700}.demo-footer{display:flex;justify-content:space-between;gap:20px;max-width:1310px;margin:0 auto;padding:23px 22px 36px;color:#afc5e2;font-size:12px}.demo-footer a{color:#ffdd8a;font-weight:800}@media(max-width:920px){.app-layout{grid-template-columns:184px 1fr}.workspace{padding:21px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.columns,.order-grid,.message-grid{grid-template-columns:1fr}.demo-intro{gap:20px}.contact{display:none}}@media(max-width:650px){.demo-topbar{padding:10px 14px}.demo-brand span{display:none}.demo-intro{padding:35px 16px;grid-template-columns:1fr}.shell{padding:27px 12px 45px;border-radius:20px 20px 0 0}.app-heading{align-items:flex-start;flex-direction:column;gap:15px}.app-heading h2{font-size:24px}.project-switch{width:100%}.project-switch button{flex:1;padding:12px 8px}.app-layout{display:flex;flex-direction:column}.side{padding:12px;gap:8px}.side-brand,.side-bottom{display:none}.side-links{display:flex;overflow:auto;gap:5px}.side-links button{flex:none;padding:9px 12px}.workspace{padding:17px 12px}.metric-grid{gap:8px}.metric{padding:13px}.metric b{font-size:21px}.section-head h3{font-size:19px}.product-grid{grid-template-columns:1fr}.toolbar{align-items:stretch;flex-direction:column}.demo-footer{padding:24px 18px;flex-direction:column}.panel{padding:16px}}