@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#172033;background:#f7f8fa;--line:#e9edf3;--muted:#8a93a3;--primary:#566be9}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}.shell{display:flex;min-height:100vh}.sidebar{width:246px;background:#fff;border-right:1px solid var(--line);padding:24px 14px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;padding:0 12px 28px;font:600 17px Space Grotesk}.brand b{color:#6072ed}.brand-mark{width:30px;height:30px;border-radius:9px;background:#5367e7;color:#fff;display:grid;place-items:center;font-weight:700}.workspace{height:43px;background:#f7f8fc;border:1px solid #edf0f6;border-radius:9px;display:flex;align-items:center;gap:8px;padding:0 11px;font-size:12px;font-weight:600;margin-bottom:28px}.store-dot,.sync-dot{width:7px;height:7px;background:#32c584;border-radius:50%;display:inline-block}.workspace .chevron{margin-left:auto;color:#a5acba}nav{display:flex;flex-direction:column;gap:5px}.nav-label{padding:0 13px 8px;color:#a4abba;font-size:10px;letter-spacing:1.4px;font-weight:700}.bottom-label{margin-top:34px}nav a{height:43px;border-radius:8px;color:#7e8798;text-decoration:none;display:flex;align-items:center;gap:12px;padding:0 13px;font-size:13px}nav a.active{color:#5266e8;background:#eff1ff;font-weight:700}nav a em{font-style:normal;background:#e8ebfb;color:#5266e8;border-radius:10px;padding:2px 7px;font-size:10px;margin-left:auto}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding:19px 7px 2px;display:flex;gap:9px;align-items:center;color:#8c95a5}.sidebar-footer strong,.sidebar-footer small{display:block;font-size:11px}.sidebar-footer small{font-size:10px;margin-top:3px;color:#a6adba}.main{flex:1;min-width:0}header{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 42px;justify-content:space-between}.breadcrumbs{font-size:12px;display:flex;gap:10px}.breadcrumbs span{color:#9ba3b1}.header-actions{display:flex;align-items:center;gap:25px}.icon-button{background:none;border:0;color:#919aab;font-size:21px}.profile{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600}.avatar{width:31px;height:31px;border-radius:50%;background:#e6e9ff;color:#5568d9;display:grid;place-items:center;font-size:10px;font-weight:700}.content{max-width:1400px;margin:auto;padding:35px 42px 25px}.title-row{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:29px}.eyebrow{color:#a2aab7;font-size:10px;letter-spacing:1.4px;font-weight:700;margin:0 0 10px}.title-row h1{font:700 28px Space Grotesk;margin:0;color:#1d2638}.title-row h1 span{color:#6175ed}.subhead,.panel-head p{color:var(--muted);font-size:12px;margin:8px 0 0}.primary{background:var(--primary);color:#fff;border:0;border-radius:7px;padding:11px 18px;font-size:12px;font-weight:700}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:17px}.metric,.panel{background:#fff;border:1px solid var(--line);border-radius:10px}.metric{padding:18px 19px}.metric-top{display:flex;justify-content:space-between;color:#7e8798;font-size:11px}.metric-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center}.mint{background:#e6f7f1;color:#27b483}.blue{background:#e8edff;color:#5570e9}.amber{background:#fff4df;color:#dd9d32}.purple{background:#f0eaff;color:#8966d8}.metric>strong{font:700 23px Space Grotesk;display:block;margin:12px 0 8px}.metric small{font-size:10px}.up{color:#29ad7b}.down{color:#d69b3e}.grid{display:grid;grid-template-columns:1.55fr .85fr;gap:17px;margin-bottom:17px}.panel-head{padding:18px 20px 0;display:flex;align-items:flex-start;justify-content:space-between}.panel-head h2{font:600 14px Space Grotesk;margin:0;color:#253044}.panel-head p{margin-top:5px;font-size:11px}.panel-head select,.toolbar select{border:1px solid var(--line);color:#647084;background:#fff;border-radius:6px;padding:7px 10px;font-size:10px}.chart{height:250px;display:flex;padding:20px}.plot{position:relative;flex:1;margin-left:12px}.plot svg{width:100%;height:190px}.area{fill:#6175ef1f}.line{fill:none;stroke:#6175ef;stroke-width:2.5}.y-labels{width:38px;display:flex;flex-direction:column;justify-content:space-between;padding-bottom:30px;color:#a7afbc;font-size:9px}.x-labels{display:flex;justify-content:space-between;color:#a7afbc;font-size:9px}.split-panel{min-height:310px}.donut-wrap{display:flex;flex-direction:column;align-items:center;padding:25px 20px}.donut{height:146px;width:146px;border-radius:50%;background:conic-gradient(#4fc29a 0 57%,#6479ec 57% 82%,#e9ae51 82% 89%,#dce1e8 89%);display:grid;place-items:center}.donut div{background:#fff;border-radius:50%;width:105px;height:105px;display:grid;place-content:center;text-align:center}.donut strong{font:700 25px Space Grotesk}.donut span{color:#9199a8;font-size:10px}.legend{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin-top:24px;font-size:10px;color:#7f8897;width:100%}.legend span{display:flex;justify-content:space-between}.orders-panel{padding-bottom:5px}.text-button{border:0;background:none;color:#5367e7;font-size:11px;font-weight:700}.toolbar{display:flex;gap:9px;padding:22px 20px 13px}.search{height:32px;border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;padding:0 10px;color:#aab1bd;flex:1}.search input{outline:0;border:0;width:100%;font-size:10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:630px}th{font-size:9px;color:#a5adba;text-align:left;background:#fbfcfd;padding:10px 20px}td{padding:11px 20px;border-top:1px solid #f0f2f5;font-size:11px}.customer{display:flex;gap:9px;align-items:center}.customer small{display:block;color:#9ca4b1;font-size:9px;margin-top:3px}.avatar.sm{width:27px;height:27px;font-size:9px}.status{padding:5px 8px;border-radius:5px;font-size:9px;font-weight:700}.status.processing{color:#d28c22;background:#fff4de}.status.ready-to-ship{color:#5267df;background:#edf0ff}.status.delivered{color:#25966a;background:#e4f8ef}.status.on-hold{color:#d05f73;background:#ffebef}.placed{color:#8d96a5;font-size:10px}.empty{text-align:center;padding:30px;color:#9da5b2}footer{display:flex;justify-content:space-between;color:#a1a9b5;font-size:10px;padding:20px 3px}.mobile-menu{display:none}.toast{position:fixed;right:25px;bottom:25px;background:#202b40;color:#fff;padding:12px 17px;border-radius:8px;font-size:12px;opacity:0;transform:translateY(10px);transition:.2s}.toast.show{opacity:1;transform:translateY(0)}.modal-backdrop{display:none;position:fixed;inset:0;background:#18223566;z-index:10;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.order-modal{background:#fff;border-radius:14px;width:min(760px,100%);max-height:92vh;overflow:auto;box-shadow:0 25px 80px #14213d38}.modal-head{display:flex;justify-content:space-between;padding:25px 27px 18px;border-bottom:1px solid var(--line)}.modal-head h2{font:700 21px Space Grotesk;margin:0}.modal-head p:not(.eyebrow){margin:6px 0 0}.close-modal{border:0;background:#f3f5f8;border-radius:50%;width:28px;height:28px;font-size:20px;color:#778195}.order-modal form{padding:22px 27px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid label{font-size:11px;color:#667184;font-weight:600}.form-grid input,.form-grid textarea,.form-grid select{display:block;width:100%;margin-top:6px;padding:10px 11px;border:1px solid #e1e6ee;border-radius:7px;font-size:12px;outline:0;color:#263248;background:#fff}.wide{grid-column:1/-1}.form-section{border-top:1px solid var(--line);margin-top:22px;padding-top:20px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-title h3{margin:0;font:600 13px Space Grotesk}.section-title p{margin:4px 0 0;color:#9aa2af;font-size:10px}.secondary{border:1px solid #dce2f6;color:#5266e8;background:#f8f9ff;border-radius:6px;font-size:10px;font-weight:700;padding:8px 10px}.article-row{display:grid;grid-template-columns:1fr 115px 75px 30px;gap:8px;margin-bottom:8px}.article-row input{width:100%;padding:9px;border:1px solid #e1e6ee;border-radius:6px;font-size:11px}.remove-article{border:0;background:#fff0f2;color:#d2697c;border-radius:6px;font-size:18px}.order-total-bar{display:flex;justify-content:space-between;background:#f6f8fd;border-radius:8px;padding:14px;margin-top:22px;color:#677287;font-size:11px;font-weight:600}.order-total-bar strong{font:700 18px Space Grotesk;color:#28344a}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.modal-actions button:first-child{border:1px solid #e1e6ee;background:#fff;border-radius:7px;padding:10px 15px;color:#778195;font-size:11px;font-weight:700}.modal-actions .primary{padding:10px 16px}@media(max-width:900px){.sidebar{width:205px}.content{padding:28px 20px}.metrics{grid-template-columns:repeat(2,1fr)}header{padding:0 20px}.grid{grid-template-columns:1fr}}@media(max-width:620px){.sidebar{display:none}.mobile-menu{display:block}.header-actions{gap:10px}.profile-name{display:none}.content{padding:24px 14px}.title-row{align-items:flex-start;gap:15px;flex-direction:column}.title-row h1{font-size:24px}.metrics{gap:9px}.metric{padding:14px}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.article-row{grid-template-columns:1fr 82px 60px 28px}.modal-backdrop{padding:8px}.modal-head,.order-modal form{padding-left:17px;padding-right:17px}}