:root{--purple:#6732b1;--deep:#4f218d;--bright:#874dd6;--soft:#f1eaff;--violet:#b997fa;--ink:#17182a;--muted:#878ca0;--line:#e9eaf1;--bg:#f8f9fd;--white:#fff;--success:#0c9873;--warning:#e58b18;--danger:#d45070;--shadow:0 2px 8px rgba(43,35,78,.035),0 14px 42px rgba(43,35,78,.035)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font-family:'Tajawal','DM Sans',sans-serif;font-size:15px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{text-decoration:none;color:inherit}svg{display:block}input,select,textarea{outline:none}input:focus,select:focus,textarea:focus{border-color:var(--bright)!important;box-shadow:0 0 0 3px rgba(135,77,214,.12)}
.app-layout{display:flex;min-height:100vh;direction:rtl}.sidebar{width:258px;min-width:258px;min-height:100vh;background:linear-gradient(172deg,#6733ae 0%,#552793 61%,#4c237f 100%);color:white;padding:29px 17px 17px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:20;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#8c5bc2 transparent}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:3px 11px 25px;direction:ltr;justify-content:flex-start}.brand-mark{width:38px;height:38px;border:2px solid rgba(255,255,255,.9);border-radius:13px;display:grid;place-items:center;font:800 27px 'DM Sans',sans-serif;position:relative}.brand-mark span{font-size:12px;position:absolute;top:-8px;right:-7px;color:#ffdf84}.brand-name{font:800 27px/.95 'DM Sans',sans-serif;letter-spacing:-1.3px}.brand-end{color:#ffc86e}.brand-sub{font:600 9px 'DM Sans',sans-serif;letter-spacing:3.1px;opacity:.7;margin-top:6px}.store-picker{background:rgba(177,117,240,.33);border:1px solid rgba(255,255,255,.1);padding:11px;display:flex;align-items:center;gap:10px;border-radius:13px;margin-bottom:28px}.store-avatar{width:40px;height:40px;border-radius:50%;background:#fff;color:var(--purple);display:grid;place-items:center;font:bold 21px 'DM Sans'}.store-info{display:grid;gap:2px;flex:1}.store-info strong{font-weight:800;font-size:15px}.store-info small{font-size:11px;opacity:.7}.chevron{font-size:22px;opacity:.65}.side-label{font-size:11px;font-weight:800;letter-spacing:.8px;opacity:.53;padding:0 19px 11px}.side-label-second{margin-top:26px}nav{display:grid;gap:5px}.nav-link{width:100%;display:flex;align-items:center;gap:14px;text-align:start;color:rgba(255,255,255,.83);border:0;background:transparent;padding:12px 15px;border-radius:11px;min-height:45px;font-size:15px;font-weight:700;transition:background .18s,color .18s,transform .18s}.nav-link:hover{background:rgba(255,255,255,.11);color:#fff}.nav-link.active{background:white;color:var(--purple);box-shadow:0 10px 16px rgba(44,10,83,.1)}.nav-link svg{height:19px;width:19px;stroke-width:1.8;flex:none}.nav-link span:not(.nav-count){flex:1}.nav-count{display:grid;place-items:center;background:rgba(255,255,255,.16);color:#fff;min-width:26px;padding:2px 5px;border-radius:6px;font:700 12px 'DM Sans'}.nav-link.active .nav-count{color:var(--purple);background:var(--soft)}.sidebar-bottom{margin-top:auto;padding-top:22px}.support-panel{border-radius:15px;background:rgba(36,14,80,.24);padding:17px;margin:0 3px 19px;overflow:hidden;position:relative}.sparkle-icon{background:rgba(255,255,255,.14);width:32px;height:32px;border-radius:9px;display:grid;place-items:center;font-size:20px;margin-bottom:12px}.support-panel strong{font-size:14px}.support-panel p{color:#e6d3fc;font-size:12px;line-height:1.7;margin:7px 0 12px}.support-mini{font:800 11px 'DM Sans';letter-spacing:1px}.support-mini span{background:#fee0a7;border-radius:3px;color:#4b2582;padding:2px 4px}.sidebar-user{border-top:1px solid rgba(255,255,255,.16);display:flex;align-items:center;gap:9px;padding:16px 4px 3px}.sidebar-user div{min-width:0;flex:1;display:grid;gap:2px}.sidebar-user strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user small{opacity:.65;font-size:10px}.user-avatar{background:#ecdfff;color:var(--deep);font-weight:800;width:34px;height:34px;border-radius:11px;display:grid;place-items:center}.logout-button{border:0;color:#fff;background:transparent;padding:6px;opacity:.75}.logout-button svg{width:17px;height:17px}.mobile-close{display:none}
.main-area{min-width:0;flex:1;display:flex;flex-direction:column}.topbar{height:80px;padding:0 31px;background:var(--white);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;position:sticky;top:0;z-index:10}.top-title,.top-actions{display:flex;align-items:center;gap:15px}.breadcrumb{display:flex;align-items:center;gap:12px;color:var(--muted);font-weight:700;font-size:14px}.breadcrumb strong{color:var(--ink)}.crumb-slash{color:#c8cad5}.top-actions{gap:12px}.live-status{display:inline-flex;align-items:center;gap:7px;border:1px solid #def1e9;background:#f3fbf8;color:#168769;padding:9px 12px;border-radius:9px;font-size:12px;font-weight:800;white-space:nowrap}.live-status i{height:7px;width:7px;border-radius:50%;background:#19ad78;box-shadow:0 0 0 3px rgba(20,162,113,.12)}.live-status.offline{background:#fff8ec;border-color:#fff0d9;color:#c27c1a}.live-status.offline i{background:#ed9a25}.icon-button{height:37px;width:37px;display:grid;place-items:center;background:white;border:1px solid var(--line);border-radius:10px;color:#575b6f}.icon-button svg{width:17px;height:17px}.menu-button{display:none}.header-avatar{height:35px;width:35px;background:linear-gradient(150deg,#eedafe,#ad84df);color:var(--deep);border-radius:12px;display:grid;place-items:center;font:800 16px 'DM Sans'}.lang-switch{display:flex;gap:3px;background:#f1eff6;padding:4px;border-radius:10px;direction:ltr}.lang-switch button{border:0;background:transparent;color:#8d889a;padding:6px 8px;border-radius:7px;font:800 11px 'DM Sans'}.lang-switch button.selected{background:white;color:var(--deep);box-shadow:0 1px 5px #cfc7e166}.page-content{padding:30px 30px 35px;max-width:1650px;width:100%;margin:auto;flex:1}.main-footer{border-top:1px solid var(--line);color:#a3a0ae;padding:18px 30px;text-align:center;font:600 11px 'DM Sans',sans-serif}.main-footer span{margin:0 5px}.demo-banner,.system-banner{margin:14px 30px -8px;background:#fff8e9;color:#a76a15;padding:12px 16px;border:1px solid #ffe4ab;border-radius:10px;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700}.demo-banner[hidden],.system-banner[hidden]{display:none}.demo-banner strong{font:800 12px 'DM Sans';color:white;background:#e19a2b;padding:5px 8px;border-radius:5px}.system-banner{background:#fff2f4;color:#a7354d;border-color:#f4ced6}.loading-state{min-height:450px;display:grid;align-content:center;justify-items:center;gap:14px;color:var(--muted);font-weight:700}.spinner{border:4px solid #e8def8;border-top-color:var(--purple);border-radius:50%;width:37px;height:37px;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:26px}.heading-copy .eyebrow{font:800 11px 'DM Sans';color:var(--purple);text-transform:uppercase;letter-spacing:2px;margin-bottom:5px}.heading-copy h1{font-weight:800;margin:0;font-size:30px;letter-spacing:-.6px;line-height:1.3}.heading-copy p{color:var(--muted);margin:5px 0 0;font-size:14px}.heading-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.select-control,.search-field,.field-input{border:1px solid #e6e5ee;background:#fff;border-radius:11px;height:42px;padding:0 13px;color:#444758;min-width:150px}.select-control{font-weight:700}.search-field{min-width:275px}.primary-btn,.subtle-btn,.danger-btn{border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--purple);color:#fff;border-radius:11px;padding:11px 16px;min-height:42px;font-size:13px;font-weight:800;white-space:nowrap;box-shadow:0 5px 12px rgba(101,46,173,.14)}.primary-btn svg,.subtle-btn svg,.danger-btn svg{width:16px;height:16px}.primary-btn:hover{background:var(--deep)}.subtle-btn{background:#fff;color:#515369;border:1px solid var(--line);box-shadow:none}.subtle-btn:hover{background:#f5f1fb}.danger-btn{background:#fff2f3;color:var(--danger);box-shadow:none}.mini-btn{background:var(--soft);border:0;border-radius:8px;padding:7px 10px;color:var(--purple);font-size:12px;font-weight:800}
.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:20px}.metric-card{background:white;border:1px solid var(--line);border-radius:16px;min-height:154px;padding:20px 22px;box-shadow:var(--shadow);position:relative;overflow:hidden}.metric-card.primary-metric{background:linear-gradient(138deg,#6633ae,#7f41c7);color:#fff;border-color:transparent}.metric-card.primary-metric:after{content:'';position:absolute;width:170px;height:170px;border:1px solid rgba(255,255,255,.12);border-radius:50%;left:-75px;top:-92px;box-shadow:0 0 0 34px rgba(255,255,255,.025)}.metric-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.metric-name{font-size:13px;font-weight:800;color:#73758a}.primary-metric .metric-name{color:#eee0ff}.metric-icon{height:32px;width:32px;background:var(--soft);display:grid;place-items:center;border-radius:10px;color:var(--purple)}.metric-icon svg{width:16px;height:16px}.primary-metric .metric-icon{background:rgba(255,255,255,.17);color:#fff}.metric-value{font:800 28px 'DM Sans','Tajawal',sans-serif;letter-spacing:-1px;margin:15px 0 6px;direction:ltr;text-align:start;white-space:nowrap}.metric-value small{font:800 12px Tajawal;letter-spacing:0;margin-inline-start:5px}.metric-bottom{font-size:12px;color:#8c8fa0;font-weight:700}.primary-metric .metric-bottom{color:#ebddf9}.positive{color:var(--success)}.negative{color:var(--danger)}.primary-metric .positive{color:#bdffe8}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:18px;margin-bottom:20px}.panel{border:1px solid var(--line);border-radius:16px;background:white;box-shadow:var(--shadow);overflow:hidden}.panel-head{padding:19px 21px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #f0eff5}.panel-head h2{margin:0;font-size:16px;font-weight:800;display:flex;align-items:center;gap:9px}.panel-head p{color:#9b9db0;margin:4px 0 0;font-size:12px}.panel-head .head-right{display:flex;gap:8px;align-items:center}.panel-body{padding:18px 21px}.panel-link{color:var(--purple);font-size:12px;font-weight:800;background:var(--soft);border:none;border-radius:8px;padding:8px 11px}.chart-legend{display:flex;align-items:center;gap:13px;font-size:11px;font-weight:700;color:#8e8d9e}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-inline-end:5px;background:var(--purple)}.legend-dot.muted{background:#e0d0fb}.chart-wrap{height:255px;position:relative;padding:13px 3px 0}.bar-chart{width:100%;height:100%;overflow:visible}.chart-gridline{stroke:#edf0f4;stroke-width:1}.chart-axis{fill:#979aad;font:11px 'DM Sans';text-anchor:middle}.chart-bar{fill:#7b42c7}.chart-bar:hover{fill:#55218f;filter:drop-shadow(0 2px 6px #c0a5ea)}.chart-value{fill:#6d42ad;font:700 11px 'DM Sans';text-anchor:middle}.chart-empty{display:grid;place-items:center;height:230px;color:#aaa}.donut-wrap{display:flex;align-items:center;gap:25px;justify-content:space-evenly;min-height:250px;flex-wrap:wrap}.donut{height:180px;width:180px;border-radius:50%;display:grid;place-items:center;position:relative;flex:none}.donut:before{content:'';position:absolute;inset:29px;background:white;border-radius:50%;box-shadow:inset 0 0 0 1px #f4f1f9}.donut-center{position:relative;text-align:center;display:grid;gap:3px;z-index:1}.donut-center strong{font:800 31px 'DM Sans'}.donut-center small{color:var(--muted);font-size:12px;font-weight:700}.status-legend{display:grid;gap:13px;min-width:125px}.status-legend-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;font-weight:700;color:#767789}.status-legend-row strong{font:800 12px 'DM Sans';color:#343247}.legend-swatch{height:9px;width:9px;display:inline-block;border-radius:50%;margin-inline-end:7px}.progress-track{height:10px;border-radius:999px;background:#f0e7fa;overflow:hidden;margin-top:17px}.progress-track span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#9e69ea,#652cb0)}.progress-foot{display:flex;justify-content:space-between;font-weight:700;font-size:12px;color:#9394a7;margin-top:11px}
.table-panel{overflow:hidden}.table-wrap{overflow:auto}.data-table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:13px;min-width:720px}.data-table th{text-align:start;background:#fafaff;color:#9999ac;font-size:11px;font-weight:800;padding:15px 20px;border-bottom:1px solid var(--line)}.data-table td{padding:15px 20px;border-bottom:1px solid #f2f1f6;font-weight:700;color:#55566b}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fcfbff}.person-cell{display:flex;align-items:center;gap:10px}.person-avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:10px;background:#f0e7fd;color:var(--purple);font-weight:800;flex:none}.person-cell strong{display:block;color:#302f41;font-size:13px}.person-cell small{display:block;color:#aaa;font:500 11px 'DM Sans';direction:ltr;text-align:start;margin-top:3px}.mono{font:700 12px 'DM Sans';direction:ltr;display:inline-block}.amount-strong{font:800 13px 'DM Sans';color:#272438}.status-pill{border-radius:7px;padding:7px 9px;font-size:11px;font-weight:800;display:inline-flex;align-items:center;gap:5px;background:#f7f3ff;color:#7945b4}.status-pill:before{content:'';width:6px;height:6px;border-radius:50%;background:currentColor}.status-pill.pending{color:#cc8620;background:#fff5e3}.status-pill.confirmed,.status-pill.processing{color:#4f69c5;background:#edf2ff}.status-pill.shipped{color:#9c60ba;background:#f8ecff}.status-pill.delivered{color:#069c78;background:#e8f9f2}.status-pill.cancelled,.status-pill.failed{color:#d3576d;background:#fff0f2}.status-pill.returned{color:#bb7138;background:#fff1e7}.row-actions{display:flex;align-items:center;gap:5px}.row-action{width:30px;height:30px;border-radius:8px;background:#f5f0fd;border:0;color:var(--purple);display:grid;place-items:center}.row-action svg{width:15px;height:15px}.row-action:hover{background:#e5d5ff}.table-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 20px;border-top:1px solid var(--line);font-size:12px;color:#8b899e;font-weight:700}.pagination{display:flex;gap:5px;align-items:center}.pagination button{border:1px solid var(--line);background:white;border-radius:7px;min-width:29px;height:29px;font:700 12px 'DM Sans';color:#5f5b73}.pagination button.active{background:var(--purple);color:white;border-color:var(--purple)}
.filter-strip{display:flex;gap:10px;align-items:center;justify-content:space-between;margin-bottom:17px;flex-wrap:wrap}.filter-group{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.filter-chip{border:1px solid var(--line);border-radius:9px;background:white;padding:10px 13px;font-size:12px;color:#828397;font-weight:800}.filter-chip.active{background:var(--purple);border-color:var(--purple);color:#fff}.filter-chip span{opacity:.67;margin-inline-start:5px}.empty-state{padding:55px 15px;display:grid;justify-items:center;gap:10px;color:#9c9aab;text-align:center}.empty-state svg{height:38px;width:38px;color:#bca1df}.empty-state strong{color:#4c465d;font-size:16px}.empty-state p{margin:0;font-size:12px;max-width:360px;line-height:1.7}
.info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.small-info{border:1px solid var(--line);background:white;padding:20px;border-radius:14px}.small-info small{font-size:12px;font-weight:800;color:var(--muted)}.small-info strong{display:block;font:800 25px 'DM Sans';margin:10px 0;color:var(--ink)}.small-info p{margin:0;color:#9e9aaa;font-size:12px}.long-panel{margin-bottom:20px}.two-col{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.product-card{border:1px solid var(--line);background:#fff;border-radius:15px;overflow:hidden}.product-cover{height:122px;background:radial-gradient(circle at 34% 24%,#e2cef9,#f8f6fe 75%);display:grid;place-items:center;color:var(--purple)}.product-cover svg{width:43px;height:43px;stroke-width:1.2}.product-info{padding:15px 17px}.product-info h3{font-size:15px;margin:0 0 8px}.product-info .row{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:12px}.product-info .price{color:var(--purple);font:800 19px 'DM Sans'}.product-actions{display:flex;gap:7px;margin-top:15px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.setting-item{padding:19px;border:1px solid var(--line);border-radius:12px;background:#fff;display:flex;align-items:center;gap:12px}.setting-item svg{height:21px;width:21px;color:var(--purple)}.setting-item div{display:grid;gap:3px;flex:1}.setting-item strong{font-size:14px}.setting-item small{color:#9694a5}.code-box{background:#1c1b2c;color:#e7d9fa;padding:17px;border-radius:12px;overflow-x:auto;direction:ltr;text-align:left;font:12px/1.7 monospace}.note-box{background:#f6f1ff;border:1px solid #ede3ff;color:#66479a;border-radius:12px;padding:13px 15px;font-size:13px;line-height:1.7;font-weight:700;margin:12px 0}.marketing-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.marketing-hint{margin-bottom:18px}.market-step{display:flex;align-items:flex-start;gap:12px;margin-bottom:15px}.step-number{height:30px;width:30px;border-radius:9px;background:var(--soft);color:var(--purple);display:grid;place-items:center;font:800 13px 'DM Sans';flex:none}.market-step h4{font-size:13px;margin:0 0 3px}.market-step p{font-size:12px;color:#9693a4;line-height:1.7;margin:0}.form-stack{display:grid;gap:13px}.form-label{display:grid;gap:7px;color:#595769;font-size:12px;font-weight:800}.form-input{border:1px solid #dedfea;border-radius:9px;background:#fff;min-height:41px;padding:10px 12px;width:100%;color:#2e2b3c}.form-input[type=checkbox]{width:auto;min-height:0}.form-help{color:#a2a0b0;font-size:11px}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:13px}.modal-backdrop{position:fixed;inset:0;background:rgba(20,16,40,.55);z-index:70;display:flex;align-items:center;justify-content:center;padding:17px;backdrop-filter:blur(3px)}.modal-window{width:min(710px,100%);background:#fff;border-radius:19px;box-shadow:0 28px 100px rgba(20,10,50,.25);max-height:92vh;display:flex;flex-direction:column;animation:pop .15s ease-out}@keyframes pop{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:21px 24px;gap:12px}.modal-header h2{font-size:19px;font-weight:800;margin:0}.modal-close{background:#f4f1fa;color:#72678a;border:0;height:32px;width:32px;border-radius:9px;font-size:23px;line-height:1}.modal-content{overflow-y:auto;padding:22px 24px}.modal-footer{display:flex;gap:10px;justify-content:flex-end;padding-top:17px;margin-top:10px;border-top:1px solid var(--line)}.detail-summary{border-radius:13px;background:linear-gradient(135deg,#f7f1ff,#fff);padding:18px;margin-bottom:17px;display:flex;align-items:center;justify-content:space-between;gap:12px}.detail-summary h3{font-size:18px;margin:0 0 4px}.detail-summary small{color:#9391a3}.detail-kv{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:15px 0}.detail-kv>div{padding:12px;border:1px solid var(--line);border-radius:11px}.detail-kv small{display:block;color:#9693a4;margin-bottom:6px;font-weight:700}.detail-kv strong{font-size:13px;overflow-wrap:anywhere}.detail-kv a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}.activity-line{display:flex;gap:12px;margin-bottom:12px}.activity-dot{height:10px;width:10px;background:#a77adc;border-radius:50%;margin-top:4px}.activity-line strong{display:block;font-size:12px}.activity-line small{color:#a0a0aa}.toast-zone{position:fixed;bottom:21px;left:20px;display:grid;gap:8px;z-index:100}.toast{padding:13px 16px;background:#271c3f;color:white;border-radius:11px;box-shadow:0 7px 30px #200f4033;font-weight:700;max-width:350px;font-size:13px}.toast.error{background:#b83c60}.mobile-overlay{display:none}.login-page{background:radial-gradient(circle at 0 0,#e4d1ff,transparent 35%),#f7f5fb;min-height:100vh;display:grid;place-items:center;padding:28px}.login-wrap{width:min(440px,100%);border:1px solid #e9e0f7;background:#fff;border-radius:22px;padding:40px;box-shadow:0 26px 75px #452c7e17}.login-logo{color:#5f2ca4;font:800 35px 'DM Sans';letter-spacing:-2px}.login-logo span{font-size:14px;vertical-align:super;margin-inline-start:5px}.login-wrap h1{font:800 27px 'DM Sans',sans-serif;letter-spacing:-1px;margin:22px 0 5px}.login-wrap p{color:#9290a2;font-size:14px}.login-form{display:grid;gap:17px;margin:30px 0 21px}.login-form label{display:grid;gap:8px;font-weight:700;font-size:12px;color:#5f5b6d}.login-form input{border:1px solid #e4e0ec;border-radius:9px;height:46px;padding:0 13px;color:#333}.login-form button{background:#652cae;border:0;border-radius:10px;color:white;font-weight:800;height:46px}.login-wrap .login-note{font-size:11px;line-height:1.8;margin-top:20px}.login-error{color:#c84359!important;background:#ffedf0;padding:11px;border-radius:9px}.setup-wrap{width:min(510px,100%)}
html[dir=ltr] body{font-family:'DM Sans','Tajawal',sans-serif}html[dir=ltr] .metric-value,html[dir=ltr] .amount-strong{letter-spacing:-1px}html[dir=ltr] .nav-link{font-size:13px}html[dir=ltr] .side-label{font-size:10px}html[dir=ltr] .heading-copy h1{font-size:27px}
@media(max-width:1200px){.sidebar{width:227px;min-width:227px}.metric-grid{gap:10px}.metric-card{padding:17px}.metric-value{font-size:24px}.page-content{padding:25px 20px}.dashboard-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,1fr)}.donut-wrap{gap:7px}.donut{width:146px;height:146px}.donut:before{inset:24px}}
@media(max-width:980px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.marketing-grid{grid-template-columns:1fr}.sidebar{width:220px;min-width:220px}.topbar{padding:0 20px}.info-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.sidebar{position:fixed;right:0;top:0;bottom:0;transform:translateX(110%);transition:transform .22s;width:265px;min-width:265px}.sidebar.open{transform:translateX(0)}.mobile-overlay.show{display:block;position:fixed;inset:0;background:#16122588;z-index:18}.menu-button,.mobile-close{display:grid}.mobile-close{margin-left:auto;color:#fff;border:0;background:transparent;font-size:23px;align-self:center}.topbar{height:66px;padding:0 14px}.top-actions{gap:6px}.live-status{padding:7px}.live-status span{display:none}.breadcrumb{font-size:12px}.header-avatar{display:none}.page-content{padding:22px 13px}.page-heading{align-items:flex-start;flex-wrap:wrap;gap:14px}.heading-copy h1{font-size:25px}.metric-card{min-height:140px}.metric-grid{gap:9px}.metric-value{font-size:22px}.panel-head{padding:17px}.panel-body{padding:14px}.dashboard-grid{gap:13px}.donut-wrap{min-height:210px}.info-grid,.settings-grid,.two-col{grid-template-columns:1fr}.form-columns,.detail-kv{grid-template-columns:1fr}.search-field{min-width:100%;width:100%}.filter-group{width:100%}.filter-strip{display:block}.filter-group{margin-bottom:9px}.modal-window{max-height:94vh}.modal-content{padding:15px}.modal-header{padding:16px}}
@media(max-width:420px){.metric-card{padding:13px}.metric-name{font-size:11px}.metric-value{font-size:20px}.metric-icon{height:28px;width:28px}.select-control{min-width:130px}.lang-switch button{padding:5px}.top-actions{gap:4px}}
@media(prefers-reduced-motion:reduce){*,*:after,*:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}