:root{color:#062c67;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f7fbff;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}.admin-shell{display:grid;min-height:100vh;grid-template-columns:minmax(360px,35vw) 1fr;overflow:hidden}.brand-panel{position:relative;min-height:100vh;padding:72px 64px;color:#fff;background:linear-gradient(180deg,#021b4333,#062c67eb),radial-gradient(circle at 78% 20%,rgba(7,85,201,.52),transparent 33%),linear-gradient(145deg,#021b43,#062c67 58%,#0755c9)}.brand-logo{width:min(250px,74%)}.brand-copy{position:relative;z-index:1;margin-top:118px}.brand-line{width:72px;height:5px;margin-bottom:30px;border-radius:999px;background:#ffc400}.brand-title{margin:0;font-size:clamp(36px,3vw,54px);line-height:1.12;font-weight:900}.brand-title span{color:#ffc400}.brand-subtitle{max-width:430px;margin:30px 0 0;color:#eff6ff;font-size:24px;line-height:1.45;font-weight:500}.solar-visual{position:absolute;right:-80px;bottom:-28px;width:560px;max-width:100%;opacity:.38}.login-panel{position:relative;display:grid;min-height:100vh;place-items:center;padding:48px;background:radial-gradient(circle at 96% 92%,rgba(255,196,0,.17),transparent 15%),radial-gradient(circle at 10% 10%,rgba(7,85,201,.08),transparent 28%),#f8fbff}.admin-top-link{position:absolute;top:48px;right:64px;display:inline-flex;gap:10px;align-items:center;color:#3b5990;font-weight:700}.icon{display:block;width:22px;height:22px;flex:0 0 auto}.login-card{width:min(100%,660px);padding:62px 54px 44px;border:1px solid rgba(205,217,235,.6);border-radius:16px;background:#ffffffe6;box-shadow:0 24px 80px #062c6729}.card-logo{display:block;width:170px;margin:0 auto 24px}.login-title{margin:0;color:#061f58;text-align:center;font-size:34px;line-height:1.15;font-weight:900}.login-subtitle{margin:16px 0;color:#526795;text-align:center;font-size:21px;font-weight:500}.default-admin-note{margin:0 0 24px;color:#526795;text-align:center;font-size:14px;font-weight:700}.default-admin-note strong{color:#061f58}.field-group{position:relative;margin-bottom:22px}.field-icon,.field-action{position:absolute;top:50%;transform:translateY(-50%);color:#061f58}.field-icon{left:20px;pointer-events:none}.field-action{right:16px;display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;border:0;border-radius:999px;background:transparent;cursor:pointer}.field-action:focus-visible{outline:3px solid rgba(7,85,201,.22);outline-offset:2px}.field-group input{width:100%;min-height:64px;padding:0 58px;border:1px solid #d9e2ef;border-radius:8px;color:#061f58;outline:none;font-size:18px;font-weight:600}.field-group input:focus{border-color:#0755c9;box-shadow:0 0 0 3px #0755c91f}.field-group input::placeholder{color:#a2abc0}.form-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:4px 0 34px}.checkbox-label{display:inline-flex;align-items:center;gap:12px;color:#061f58;font-weight:700}.checkbox-label input{width:22px;height:22px;accent-color:#0755c9}.link-button{border:0;color:#004cff;background:transparent;cursor:pointer;font-weight:800}.primary-button{display:inline-flex;width:100%;min-height:64px;align-items:center;justify-content:center;border:0;border-radius:8px;color:#061f58;background:#ffc400;cursor:pointer;font-size:18px;font-weight:900}.primary-button:disabled{cursor:progress;opacity:.74}.button-content{display:inline-flex;gap:16px;align-items:center}.button-content .icon{width:30px;height:30px}.divider{height:1px;margin:34px 0 24px;background:#dde6f2}.secure-note{display:flex;align-items:center;justify-content:center;gap:10px;color:#4d638f;font-size:14px;font-weight:700}.secure-note .icon,.admin-top-link .icon{width:18px;height:18px}.form-error{min-height:0;margin:0;color:#b42318;font-weight:700}.form-error:not(:empty){margin:0 0 16px}.dashboard{display:grid;min-height:100vh;place-items:center;padding:32px;background:#f7fbff}.dashboard-card{width:min(100%,520px);padding:42px;border-radius:16px;background:#fff;box-shadow:0 18px 60px #062c6729}.dashboard-card h1{margin:0 0 12px;color:#061f58;font-size:32px}.dashboard-card p{color:#526795;font-size:18px}.admin-dashboard-shell{display:grid;min-height:100vh;grid-template-columns:300px minmax(0,1fr);background:#f5f8fc;color:#061f58}.admin-sidebar{position:sticky;top:0;display:grid;height:100vh;grid-template-rows:auto 1fr auto;padding:38px 22px 28px;overflow:hidden;color:#fff;background:linear-gradient(180deg,#062c67,#021b43)}.sidebar-logo-wrap{display:flex;justify-content:flex-start;padding:0 18px 34px}.sidebar-logo{width:194px;max-width:100%}.sidebar-nav{display:grid;align-content:start;gap:12px}.sidebar-link{display:grid;min-height:56px;grid-template-columns:28px 1fr auto;gap:14px;align-items:center;border:0;border-radius:10px;padding:0 16px;color:#fff;background:transparent;cursor:pointer;text-align:left;font-size:16px;font-weight:700}.sidebar-link.active,.sidebar-link:hover{background:#0755c9}.sidebar-link .icon{width:24px;height:24px}.sidebar-link-caret .icon{width:18px;height:18px}.sidebar-product-group{display:grid;gap:4px}.sidebar-product-group .sidebar-link-caret{display:grid;place-items:center;transition:transform .16s ease}.sidebar-product-group.collapsed .sidebar-link-caret{transform:rotate(-90deg)}.sidebar-product-group.collapsed .sidebar-submenu{display:none}.sidebar-submenu{display:grid;gap:3px;padding:2px 0 4px 57px}.sidebar-sublink{position:relative;min-height:38px;border:0;border-radius:8px;padding:7px 12px 7px 22px;color:#d7e5f8;background:transparent;cursor:pointer;font:inherit;font-size:14px;font-weight:750;text-align:left}.sidebar-sublink:before{position:absolute;top:50%;left:8px;width:6px;height:6px;border-radius:999px;background:#7ea7df;content:"";transform:translateY(-50%)}.sidebar-sublink:hover,.sidebar-sublink.active{color:#fff;background:#ffffff1c}.sidebar-sublink.active:before{background:#ffd600}.sidebar-support{border-radius:12px;padding:24px 18px 18px;background:#0755c98f}.support-icon{display:grid;width:46px;height:46px;place-items:center;border-radius:999px;background:#ffffff24}.support-title{margin:12px 0 4px;font-size:16px;font-weight:900}.support-copy{margin:0 0 16px;color:#d7e5f8;font-size:14px}.support-button{width:100%;min-height:42px;border:0;border-radius:8px;color:#061f58;background:#ffc400;cursor:pointer;font-weight:900}.admin-workspace{min-width:0}.sidebar-backdrop{display:none}.admin-topbar{position:sticky;top:0;z-index:3;display:flex;min-height:90px;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #dfe7f3;padding:0 34px;background:#ffffffeb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.topbar-title-group,.topbar-actions,.admin-profile,.panel-actions{display:flex;align-items:center}.topbar-title-group{gap:22px}.topbar-title-group h1{margin:0;color:#061f58;font-size:27px;line-height:1.1;font-weight:900}.icon-button,.theme-toggle,.notification-button,.logout-button,.secondary-action,.primary-action,.period-button,.text-link,.icon-action{border:0;cursor:pointer}.icon-button{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;color:#061f58;background:transparent}.topbar-actions{gap:18px}.notification-button{position:relative;display:grid;width:42px;height:42px;place-items:center;border-radius:999px;color:#061f58;background:#eef4ff}.theme-toggle{display:grid;width:42px;height:42px;place-items:center;border:0;border-radius:999px;color:#061f58;background:#eef4ff;cursor:pointer}.theme-toggle .icon{width:20px;height:20px}.notification-count{position:absolute;top:1px;right:2px;display:grid;min-width:19px;height:19px;place-items:center;border-radius:999px;color:#061f58;background:#ffc400;font-size:11px;font-weight:900}.admin-profile{gap:12px}.avatar,.initials{display:grid;place-items:center;border-radius:999px;color:#0755c9;background:#dce9ff;font-weight:900}.avatar{width:46px;height:46px}.admin-profile strong{display:block;font-size:15px}.admin-profile span{display:block;color:#526795;font-size:14px}.logout-button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:8px;border-radius:8px;padding:0 14px;color:#061f58;background:#edf3fb;font-weight:800}.logout-button .icon{width:17px;height:17px}.admin-main-content{display:grid;gap:22px;padding:28px 34px 42px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(180px,1fr));gap:16px}.stat-card,.panel,.setting-card,.content-card{border:1px solid #dfe7f3;border-radius:12px;background:#fff;box-shadow:0 10px 34px #062c6714}.stat-card{display:grid;min-height:118px;grid-template-columns:54px 1fr;gap:14px;align-items:center;padding:16px 18px}.stat-icon{display:grid;width:52px;height:52px;place-items:center;border-radius:999px;color:#fff}.stat-icon.blue{background:#0755c9}.stat-icon.green{background:#24b47e}.stat-icon.yellow{color:#061f58;background:#ffc400}.stat-icon.purple{background:#7c5ce6}.stat-card p,.panel-header p,.setting-card p{margin:0;color:#526795}.stat-card p{color:#061f58;font-size:14px;line-height:1.25;font-weight:800}.stat-card strong{display:block;margin-top:6px;color:#061f58;font-size:28px;line-height:1;font-weight:900}.stat-card .stat-trend{display:inline-flex;gap:4px;align-items:center;margin-top:10px;color:#1fa86b;font-size:13px;font-weight:800}.stat-card .stat-trend .icon{width:14px;height:14px;transform:rotate(-45deg)}.stat-card .stat-trend.negative{color:#d84a4a}.stat-card .stat-trend.negative .icon{transform:rotate(45deg)}.stat-card .stat-trend.neutral{color:#7283a6}.stat-card .stat-trend.neutral .icon{transform:none}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:22px}.panel{overflow:hidden}.full-panel{width:100%}.panel-header{display:flex;min-height:66px;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #e5ecf5;padding:0 24px}.panel-header h2{margin:0;color:#061f58;font-size:20px;font-weight:900}.panel-header p{margin-top:6px;font-size:14px;font-weight:700}.panel-actions{gap:12px;justify-content:flex-end}.secondary-action,.primary-action,.period-button,.search-box{display:inline-flex;min-height:44px;align-items:center;gap:10px;border-radius:8px;padding:0 16px;font-weight:800}.secondary-action,.period-button,.search-box{border:1px solid #d6e0ee;color:#061f58;background:#fff}.primary-action{color:#fff;background:#0755c9}.secondary-action .icon,.primary-action .icon,.period-button .icon,.search-box .icon{width:19px;height:19px}.text-link{display:inline-flex;align-items:center;gap:7px;color:#0755c9;background:transparent;font-weight:900;line-height:1.2;white-space:nowrap}.text-link .icon{flex:0 0 auto;width:18px;height:18px}.search-box input{width:190px;border:0;outline:none;color:#061f58;background:transparent;font-weight:700}.chart-legend{display:flex;gap:28px;padding:20px 24px 0;color:#526795;font-size:14px;font-weight:700}.chart-legend span{display:inline-flex;align-items:center;gap:8px}.chart-legend i{display:block;width:22px;height:3px;border-radius:999px}.legend-current{background:#0755c9}.legend-previous{background:#8aaad4}.sales-chart{width:100%;height:300px;padding:8px 20px 22px}.sales-chart text{fill:#526795;font-size:13px;font-weight:700}.chart-grid{fill:none;stroke:#e5ecf5;stroke-width:1}.chart-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:4}.chart-line.current{stroke:#0755c9}.chart-line.previous{stroke:#8aaad4;stroke-dasharray:3 8;stroke-width:3}.chart-dot{fill:#0755c9;stroke:#fff;stroke-width:2}.compact-list{display:grid}.recent-order-row{display:grid;min-height:56px;grid-template-columns:42px 1fr 1fr 150px 110px;gap:12px;align-items:center;border-bottom:1px solid #edf2f8;padding:0 22px;color:#061f58;font-size:14px}.recent-order-row:last-child{border-bottom:0}.recent-order-row b,.recent-order-row strong{font-weight:900}.initials{width:34px;height:34px;font-size:12px}.table-wrap{width:100%;overflow-x:auto}.admin-table{width:100%;min-width:850px;border-collapse:collapse}.admin-table th,.admin-table td{border-bottom:1px solid #edf2f8;padding:14px 22px;text-align:left;vertical-align:middle}.admin-table th{color:#526795;font-size:14px;font-weight:900}.admin-table td{color:#061f58;font-size:15px;font-weight:700}.admin-table tr:last-child td{border-bottom:0}.product-cell{display:flex;align-items:center;gap:14px}.customer-cell{display:flex;min-width:0;align-items:center;gap:12px}.customer-cell .initials{flex:0 0 34px;margin:0;color:#0755c9;font-size:12px}.customer-cell strong{line-height:1.25}.product-cell strong{display:block;font-weight:900}.product-cell span{display:block;margin-top:4px;color:#526795;font-size:13px}.product-thumb{display:grid;width:62px;height:48px;place-items:center;border-radius:8px;color:#0755c9;background:#edf5ff;overflow:hidden}.product-thumb img{width:100%;height:100%;object-fit:cover}.product-cell .component-thumbs{display:flex;gap:4px;margin-top:6px}.component-thumbs img{width:24px;height:24px;border:1px solid #e2eaf4;border-radius:5px;object-fit:cover}.product-form-heading h2{margin:10px 0 5px;color:#061f58;font-size:26px}.product-form-heading p,.product-form-card>p{margin:0;color:#526795}.product-form-notice{margin:0;border:1px solid #f5d77b;border-radius:10px;padding:13px 16px;color:#5c4400;background:#fff7da}.product-form{display:grid;gap:22px}.product-form-card{display:grid;gap:20px;padding:26px}.product-form-card h3{margin:0;color:#061f58;font-size:19px}.product-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.product-form-grid label,.product-form-wide{display:grid;gap:8px;color:#061f58;font-size:14px;font-weight:800}.product-form input:not([type=checkbox],[type=radio]),.product-form select,.product-form textarea,.product-edit-form input:not([type=checkbox],[type=radio]),.product-edit-form select,.product-edit-form textarea{width:100%;min-height:44px;border:1px solid #cad8ed;border-radius:8px;padding:10px 12px;color:#061f58;background:#fff;font:inherit;font-weight:500}.product-form textarea,.product-edit-form textarea{resize:vertical}.product-form-check{display:flex;align-items:center;gap:10px;color:#061f58;font-weight:700}.product-upload-zone{position:relative;display:grid;min-height:260px;place-items:center;overflow:hidden;border:2px dashed #9db5d8;border-radius:14px;color:#526795;background:#f7faff;cursor:pointer;text-align:center;transition:border-color .16s ease,background .16s ease}.product-upload-zone:hover,.product-upload-zone:focus-within{border-color:#0755c9;background:#edf5ff}.product-upload-zone input[type=file]{position:absolute;width:1px;height:1px;opacity:0}.product-upload-prompt{display:grid;gap:7px}.product-upload-prompt strong{color:#0755c9;font-size:18px}.product-upload-prompt small{color:#526795;font-size:13px}.product-upload-preview{width:100%;height:300px;object-fit:contain;background:#fff}.product-list-summary{display:flex;justify-content:flex-end;min-height:38px;align-items:center;border-bottom:1px solid #e5ecf5;padding:0 24px;color:#526795;font-size:13px;font-weight:800}.product-flash{margin:12px 24px 0;border:1px solid #8dddb7;border-radius:8px;padding:10px 13px;color:#087344;background:#edfbf4;font-size:13px;font-weight:750}.product-flash.error{border-color:#f1b1b1;color:#b42318;background:#fff1f1}.stock-cell{min-width:105px;cursor:text}.stock-cell:focus{outline:2px solid #7fb0ef;outline-offset:-3px}.stock-inline-input{width:96px;min-height:36px;border:1px solid #0755c9;border-radius:7px;padding:6px 9px;color:#061f58;background:#fff;font:inherit;font-weight:800}.category-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px;padding:24px}.category-card{display:grid;min-height:175px;grid-template-columns:52px 1fr;gap:16px;align-items:start;border:1px solid #dfe8f4;border-radius:12px;padding:20px;background:#fff}.category-card-icon{display:grid;width:52px;height:52px;place-items:center;border-radius:12px;color:#0755c9;background:#edf5ff}.category-card-icon .icon{width:25px;height:25px}.category-card h3{margin:2px 0 6px;color:#061f58;font-size:17px}.category-card p{margin:0;color:#526795}.category-card .text-link{grid-column:1 / -1;justify-self:start;align-self:end}.category-card-link{min-height:34px;padding:4px 2px}.category-card-link .icon{align-self:center}.category-modal-card{width:min(520px,100%)}.category-filter{position:relative}.category-filter .secondary-action .icon:last-child{width:15px;height:15px}.category-menu{position:absolute;z-index:20;top:calc(100% + 8px);right:0;display:grid;min-width:230px;gap:4px;border:1px solid #d6e0ee;border-radius:10px;padding:8px;background:#fff;box-shadow:0 16px 35px #061f5826}.category-menu button{display:flex;min-height:40px;align-items:center;justify-content:space-between;border:0;border-radius:7px;padding:0 11px;color:#061f58;background:transparent;cursor:pointer;font:inherit;font-weight:750;text-align:left}.category-menu button:hover,.category-menu button.active{color:#0755c9;background:#edf5ff}.category-menu button span{color:#526795;font-size:12px}.product-empty-state{display:grid;min-height:240px;place-items:center;align-content:center;gap:8px;color:#526795;text-align:center}.product-empty-state .icon{width:34px;height:34px;margin-bottom:5px;color:#0755c9}.product-empty-state strong{color:#061f58;font-size:18px}.product-modal{position:fixed;z-index:100;inset:0;display:grid;place-items:center;overflow-y:auto;padding:28px;background:#020f2a94}.product-modal-card{width:min(760px,100%);max-height:calc(100vh - 56px);overflow-y:auto;border-radius:16px;padding:26px;color:#526795;background:#fff;box-shadow:0 24px 70px #020f2a4d}.product-modal-card h2,.product-modal-card h3{color:#061f58}.product-modal-card h2{margin:2px 0 0;font-size:24px}.product-modal-card h3{margin:22px 0 8px;font-size:16px}.product-modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.modal-eyebrow{color:#0755c9;font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.danger-text{color:#c62828}.modal-close{display:grid;width:36px;height:36px;place-items:center;border:0;border-radius:8px;color:#526795;background:#edf2f8;cursor:pointer;font-size:24px}.product-detail-hero{display:grid;grid-template-columns:190px 1fr;gap:24px}.product-detail-hero>img{width:100%;aspect-ratio:1;border:1px solid #e2eaf4;border-radius:12px;object-fit:cover}.product-detail-hero dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:0}.product-detail-hero dl div{border-radius:9px;padding:10px 12px;background:#f5f8fc}.product-detail-hero dt{color:#7283a6;font-size:11px;font-weight:800;text-transform:uppercase}.product-detail-hero dd{margin:3px 0 0;color:#061f58;font-weight:850}.product-feature-list{margin:0;padding-left:20px}.product-edit-form{display:grid;gap:18px}.product-edit-form .product-form-grid label,.product-edit-form .product-form-wide{display:grid;gap:8px;color:#061f58;font-size:14px;font-weight:800}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.danger-action{min-height:44px;border:0;border-radius:8px;padding:0 16px;color:#fff;background:#d92d20;cursor:pointer;font:inherit;font-weight:850}.modal-open{overflow:hidden}[hidden]{display:none!important}.product-image-layout{display:grid;grid-template-columns:minmax(180px,260px) 1fr;gap:24px;align-items:start}.product-image-preview{width:100%;aspect-ratio:1;border:1px solid #e2eaf4;border-radius:12px;object-fit:cover}.product-image-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.product-image-choice{display:grid;gap:5px;justify-items:center;border:1px solid #dbe6f5;border-radius:10px;padding:7px;cursor:pointer;text-align:center;font-size:12px;font-weight:700}.product-image-choice:has(input:checked){border-color:#0755c9;background:#edf5ff}.product-image-choice img{width:100%;aspect-ratio:1;border-radius:6px;object-fit:cover}.product-image-choice input{accent-color:#0755c9}.product-form-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.product-form-footer>div{display:flex;gap:10px}@media(max-width:980px){.product-image-layout{grid-template-columns:1fr}.product-image-preview{max-width:260px}}@media(max-width:640px){.product-form-grid{grid-template-columns:1fr}.product-image-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.product-form-footer{display:grid}.product-modal{padding:12px}.product-modal-card{max-height:calc(100vh - 24px);padding:20px}.product-detail-hero{grid-template-columns:1fr}.product-detail-hero>img{max-width:220px}}.product-thumb .icon{width:26px;height:26px}.category-chip,.status-pill,.app-badge{display:inline-flex;min-height:28px;align-items:center;border-radius:999px;padding:0 12px;font-size:13px;font-weight:900}.status-pill{white-space:nowrap}.category-chip{color:#0755c9;background:#e9f1ff}.status-pill.status-active,.status-pill.status-paid,.status-pill.status-delivered,.status-pill.status-published,.app-badge.visible{color:#178454;background:#e4f8ef}.status-pill.status-pending,.status-pill.status-scheduled{color:#c86d09;background:#fff0dc}.status-pill.status-cancelled,.status-pill.status-failed{color:#c62828;background:#feeceb}.panel-subtitle{margin:4px 0 0;color:#526795;font-size:13px;font-weight:750}.list-filter-panel{display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(180px,.7fr) minmax(200px,.8fr);gap:14px;align-items:end;border-bottom:1px solid #edf2f8;padding:16px 22px;background:#f8fbff}.list-filter-panel>label:not(.search-box){display:grid;gap:6px;color:#526795;font-size:12px;font-weight:850}.list-filter-panel select,.modal-select-field select,.modal-select-field input{min-height:44px;border:1px solid #d6e0ee;border-radius:8px;padding:0 12px;color:#061f58;background:#fff;font:inherit;font-weight:700}.list-filter-panel .search-box{width:100%;background:#fff}.list-filter-panel .search-box input{width:100%}.table-empty{margin:0;padding:30px 22px;color:#526795;text-align:center;font-weight:800}.payment-provider{display:inline-flex;min-height:30px;align-items:center;border-radius:999px;padding:0 11px;color:#0755c9;background:#e9f1ff;white-space:nowrap;font-size:13px;font-weight:900}.payment-provider.provider-wave{color:#00547a;background:#dff7ff}.payment-provider.provider-mtn_money{color:#554500;background:#fff3ad}.payment-provider.provider-orange_money{color:#a43b00;background:#ffeadc}.modal-select-field{display:grid;gap:8px;color:#061f58;font-size:14px;font-weight:800}.order-items-list{display:grid;gap:9px}.order-items-list>div{display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:10px;padding:12px 14px;background:#f5f8fc}.order-items-list span,.order-items-list small{display:block}.order-items-list small{margin-top:3px;color:#7283a6}.order-create-form{display:grid;gap:18px}.order-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.order-create-field{display:grid;gap:7px;color:#061f58;font-size:14px;font-weight:800}.order-create-field-wide{grid-column:1 / -1}.order-create-field input,.order-create-field select,.order-product-quantity-label input{min-height:44px;border:1px solid #d6e0ee;border-radius:8px;padding:0 12px;color:#061f58;background:#fff;font:inherit;font-weight:700}.order-product-fieldset{min-width:0;border:0;padding:0}.order-product-fieldset legend{margin-bottom:3px;color:#061f58;font-size:15px;font-weight:900}.order-create-help{margin:0 0 10px;color:#66799d;font-size:13px}.order-product-search{display:flex;min-height:44px;align-items:center;gap:9px;margin-bottom:10px;border:1px solid #d6e0ee;border-radius:8px;padding:0 12px;color:#526795;background:#fff}.order-product-search .icon{width:19px;height:19px;flex:0 0 auto}.order-product-search input{width:100%;min-height:42px;border:0;outline:0;color:#061f58;background:transparent;font:inherit;font-weight:700}.order-product-picker{display:grid;max-height:310px;gap:8px;overflow:auto;padding-right:4px}.order-product-option{display:grid;grid-template-columns:22px minmax(180px,1fr) minmax(120px,auto) 82px;align-items:center;gap:12px;border:1px solid #dfe7f3;border-radius:10px;padding:11px 12px;background:#f8fbff}.order-product-option:has([data-order-product]:checked){border-color:#0755c9;background:#edf5ff}.order-product-option.unavailable{opacity:.58}.order-product-option>input[type=checkbox]{width:18px;height:18px;accent-color:#0755c9}.order-product-description{cursor:pointer}.order-product-description strong,.order-product-description small{display:block}.order-product-description small{margin-top:3px;color:#7283a6;font-size:12px}.order-product-price{color:#061f58;white-space:nowrap;font-size:13px;font-weight:900}.order-product-quantity-label{display:grid;grid-template-columns:auto 54px;align-items:center;gap:6px;color:#526795;font-size:12px;font-weight:850}.order-product-quantity-label input{min-height:38px;width:54px;padding:0 6px;text-align:center}.order-product-quantity-label input:disabled{opacity:.55}.order-create-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:10px;padding:14px 16px;color:#526795;background:#f3f7fc;font-size:13px;font-weight:750}.order-create-summary strong{color:#061f58;font-size:20px;font-weight:950}.order-create-empty{margin:0;border-radius:8px;padding:12px 14px;color:#8a5a00;background:#fff8df;font-weight:750}.order-table th:last-child,.order-table td:last-child{width:142px}.payment-table th:last-child,.payment-table td:last-child{width:104px}.dashboard-period{cursor:default}.dashboard-chart-empty{display:grid;min-height:300px;place-items:center;align-content:center;gap:8px;padding:32px;color:#7283a6;text-align:center}.dashboard-chart-empty .icon{width:34px;height:34px;color:#8aaad4}.dashboard-chart-empty strong{color:#061f58;font-size:17px}.dashboard-empty{margin:0;padding:32px 24px;color:#7283a6;text-align:center;font-weight:700}.payment-table{min-width:0;table-layout:fixed}.payment-table th,.payment-table td{padding:12px;overflow-wrap:anywhere;white-space:normal}.payment-table th:nth-child(1){width:17%}.payment-table th:nth-child(2){width:17%}.payment-table th:nth-child(3){width:11%}.payment-table th:nth-child(4){width:14%}.payment-table th:nth-child(5){width:10%}.payment-table th:nth-child(6){width:8%}.payment-table th:nth-child(7){width:9%}.payment-table th:nth-child(8){width:14%}.payment-table .payment-provider{justify-content:center;padding:6px 9px;line-height:1.2;text-align:center;white-space:normal}.payment-table .row-actions{min-width:0;gap:5px}@media(max-width:760px){.list-filter-panel,.order-create-grid{grid-template-columns:1fr}.order-create-field-wide{grid-column:auto}.order-product-option{grid-template-columns:22px 1fr 76px}.order-product-price{grid-column:2 / -1;grid-row:2}.order-product-quantity-label{grid-column:3;grid-row:1}.order-create-summary{align-items:flex-start;flex-direction:column}}.status-pill.status-draft,.status-pill.status-new{color:#0755c9;background:#e8f0ff}.status-pill.status-expired,.status-pill.status-out_of_stock,.app-badge.hidden{color:#b42318;background:#fee4e2}.row-actions{display:flex;min-width:118px;align-items:center;gap:8px}.customer-table th:last-child,.customer-table td.actions-cell{width:16%}.customer-table{min-width:850px;table-layout:fixed}.customer-table th,.customer-table td{padding-right:12px;padding-left:12px;overflow-wrap:anywhere}.customer-table th:nth-child(1){width:21%}.customer-table th:nth-child(2){width:21%}.customer-table th:nth-child(3){width:16%}.customer-table th:nth-child(4){width:14%}.customer-table th:nth-child(5){width:12%}.customer-table td.actions-cell{padding-right:8px;padding-left:8px;overflow-wrap:normal}.customer-table td{height:66px}.icon-action{display:grid;width:34px;height:34px;place-items:center;border:1px solid #dce5f2;border-radius:8px;color:#0755c9;background:#fff}.icon-action.danger{color:#ef3b3b}.icon-action.success{color:#087a2b;border-color:#b7dfc4;background:#edf8f0}.icon-action .icon{display:block;width:18px;height:18px}.customer-actions .icon-action{flex:0 0 34px}.customer-actions{min-width:114px;gap:6px}.customer-modal-card{width:min(700px,100%)}.customer-status-field{grid-column:1 / -1}.customer-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}.customer-detail-grid div{border-radius:10px;padding:14px 16px;background:#f5f8fc}.customer-detail-grid div:last-child{grid-column:1 / -1}.customer-detail-grid dt{color:#7283a6;font-size:11px;font-weight:800;text-transform:uppercase}.customer-detail-grid dd{margin:5px 0 0;color:#061f58;font-weight:850}.content-grid,.settings-grid,.sync-grid{display:grid;gap:18px}.content-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));padding:24px}.content-card,.setting-card{padding:22px}.content-card-top,.content-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.content-card h3{margin:20px 0 10px;color:#061f58;font-size:19px}.content-card p{margin:0;color:#526795;line-height:1.55;font-weight:600}.content-card-bottom{margin-top:22px}.hero-slides-manager{margin-bottom:22px;padding:24px}.hero-slides-manager>.panel-header{margin-bottom:22px}.hero-slides-manager>.panel-header p{margin:6px 0 0;color:#526795;font-weight:600}.hero-slides-layout{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:26px;align-items:start}.hero-slide-form{display:grid;gap:15px;border-right:1px solid #e1e9f4;padding-right:26px}.hero-slide-form h3{margin:0;color:#061f58;font-size:19px}.hero-slide-form>label:not(.hero-upload-zone,.product-form-check),.hero-form-grid label{display:grid;gap:7px;color:#061f58;font-size:13px;font-weight:800}.hero-slide-form input:not([type=file],[type=checkbox]),.hero-slide-form select,.hero-slide-form textarea{width:100%;min-height:44px;border:1px solid #cad8ed;border-radius:8px;padding:10px 12px;color:#061f58;background:#fff;font:inherit}.hero-slide-form textarea{resize:vertical}.hero-form-grid{display:grid;grid-template-columns:1fr 120px;gap:12px}.hero-upload-zone{display:grid;min-height:150px;place-items:center;align-content:center;gap:6px;border:1px dashed #8eb5eb;border-radius:8px;padding:18px;color:#0755c9;background:#f4f8ff;cursor:pointer;text-align:center}.hero-upload-zone input{position:absolute;width:1px;height:1px;opacity:0}.hero-upload-zone small{color:#526795;line-height:1.35}.hero-upload-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;color:#fff;background:#0755c9}.hero-upload-icon .icon{width:22px}.hero-upload-preview{width:100%;aspect-ratio:3 / 2;border-radius:8px;object-fit:cover}.hero-slides-list{display:grid;gap:14px}.hero-slide-card{display:grid;grid-template-columns:minmax(180px,38%) minmax(0,1fr);overflow:hidden;border:1px solid #dce5f2;border-radius:8px;background:#fff}.hero-slide-media{position:relative;min-height:190px;background:#061f58}.hero-slide-media img{width:100%;height:100%;object-fit:cover}.hero-slide-built-in{display:grid;height:100%;place-items:center;align-content:center;gap:9px;padding:20px;color:#fff;text-align:center}.hero-slide-built-in .icon{width:32px;height:32px;color:#ffcb05}.hero-slide-order{position:absolute;top:10px;left:10px;display:grid;width:30px;height:30px;place-items:center;border-radius:50%;color:#061f58;background:#ffcb05;font-weight:900}.hero-slide-copy{padding:18px}.hero-slide-copy h3{margin:16px 0 7px;color:#061f58;font-size:18px}.hero-slide-copy p{margin:0;color:#526795;line-height:1.45;font-weight:600}.hero-button-label{display:block;margin-top:12px;color:#0755c9;font-size:13px;font-weight:800}.hero-slide-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.hero-slide-actions .secondary-action{min-height:34px;padding:0 11px;font-size:12px}.hero-slides-empty{display:grid;min-height:260px;place-items:center;align-content:center;gap:10px;border:1px dashed #cad8ed;border-radius:8px;color:#526795;text-align:center}.hero-slides-empty .icon{width:36px;height:36px;color:#0755c9}@media(max-width:1100px){.hero-slides-layout{grid-template-columns:1fr}.hero-slide-form{border-right:0;border-bottom:1px solid #e1e9f4;padding-right:0;padding-bottom:24px}}@media(max-width:680px){.hero-slide-card,.hero-form-grid{grid-template-columns:1fr}.hero-slide-media{min-height:210px}}.settings-grid{grid-template-columns:repeat(4,minmax(160px,1fr))}.setting-card span,.sync-metric span,.muted-meta{color:#526795;font-size:14px;font-weight:800}.setting-card strong,.sync-metric strong{display:block;margin-top:10px;color:#061f58;font-size:22px;font-weight:900}.sync-grid{grid-template-columns:repeat(3,minmax(140px,1fr));padding:24px}.sync-metric{border-radius:10px;padding:20px;background:#f5f8fc}.loading-panel{display:grid;min-height:260px;place-items:center;color:#526795;font-weight:800}.loader{width:42px;height:42px;border:4px solid #dce5f2;border-top-color:#0755c9;border-radius:999px;animation:spin .8s linear infinite}.error-panel{color:#b42318}@keyframes spin{to{transform:rotate(360deg)}}html[data-theme=dark]{color:#eef4ff;background:#07111f;color-scheme:dark}html[data-theme=dark] body,html[data-theme=dark] #app,html[data-theme=dark] .admin-workspace,html[data-theme=dark] .admin-dashboard-shell,html[data-theme=dark] .dashboard{background:#07111f;color:#eef4ff}html[data-theme=dark] .admin-sidebar{background:linear-gradient(180deg,#041e49,#020d20)}html[data-theme=dark] .admin-topbar{border-bottom-color:#243650;background:#091626f0}html[data-theme=dark] .topbar-title-group h1,html[data-theme=dark] .admin-profile strong,html[data-theme=dark] .stat-card p,html[data-theme=dark] .stat-card strong,html[data-theme=dark] .panel-header h2,html[data-theme=dark] .product-form-heading h2,html[data-theme=dark] .product-form-card h3,html[data-theme=dark] .category-card h3,html[data-theme=dark] .product-empty-state strong,html[data-theme=dark] .product-modal-card h2,html[data-theme=dark] .product-modal-card h3,html[data-theme=dark] .product-detail-hero dd,html[data-theme=dark] .dashboard-chart-empty strong,html[data-theme=dark] .customer-detail-grid dd,html[data-theme=dark] .content-card h3,html[data-theme=dark] .hero-slide-form h3,html[data-theme=dark] .hero-slide-copy h3,html[data-theme=dark] .setting-card strong,html[data-theme=dark] .sync-metric strong,html[data-theme=dark] .dashboard-card h1,html[data-theme=dark] .default-admin-note strong{color:#eef4ff}html[data-theme=dark] .admin-profile span,html[data-theme=dark] .panel-header p,html[data-theme=dark] .product-form-heading p,html[data-theme=dark] .product-form-card>p,html[data-theme=dark] .product-cell span,html[data-theme=dark] .category-card p,html[data-theme=dark] .panel-subtitle,html[data-theme=dark] .table-empty,html[data-theme=dark] .dashboard-chart-empty,html[data-theme=dark] .dashboard-empty,html[data-theme=dark] .content-card p,html[data-theme=dark] .hero-slides-manager>.panel-header p,html[data-theme=dark] .hero-upload-zone small,html[data-theme=dark] .hero-slide-copy p,html[data-theme=dark] .setting-card span,html[data-theme=dark] .sync-metric span,html[data-theme=dark] .muted-meta,html[data-theme=dark] .loading-panel,html[data-theme=dark] .dashboard-card p,html[data-theme=dark] .login-subtitle,html[data-theme=dark] .default-admin-note,html[data-theme=dark] .secure-note{color:#9fb0ca}html[data-theme=dark] .stat-card,html[data-theme=dark] .panel,html[data-theme=dark] .setting-card,html[data-theme=dark] .content-card,html[data-theme=dark] .dashboard-card,html[data-theme=dark] .login-card{border-color:#243650;background:#0f1c2e;box-shadow:0 12px 36px #0000003d}html[data-theme=dark] .icon-button,html[data-theme=dark] .theme-toggle,html[data-theme=dark] .notification-button{color:#dce9ff}html[data-theme=dark] .theme-toggle,html[data-theme=dark] .notification-button,html[data-theme=dark] .avatar,html[data-theme=dark] .initials{background:#182b46}html[data-theme=dark] .avatar,html[data-theme=dark] .initials,html[data-theme=dark] .text-link,html[data-theme=dark] .product-upload-prompt strong,html[data-theme=dark] .modal-eyebrow,html[data-theme=dark] .hero-button-label{color:#6ea8ff}html[data-theme=dark] .logout-button,html[data-theme=dark] .secondary-action,html[data-theme=dark] .period-button,html[data-theme=dark] .search-box,html[data-theme=dark] .icon-action,html[data-theme=dark] .modal-close{border-color:#304664;color:#e5edfa;background:#15243a}html[data-theme=dark] .search-box input,html[data-theme=dark] .stock-inline-input,html[data-theme=dark] .product-form input:not([type=checkbox],[type=radio]),html[data-theme=dark] .product-form select,html[data-theme=dark] .product-form textarea,html[data-theme=dark] .product-edit-form input:not([type=checkbox],[type=radio]),html[data-theme=dark] .product-edit-form select,html[data-theme=dark] .product-edit-form textarea,html[data-theme=dark] .list-filter-panel select,html[data-theme=dark] .modal-select-field select,html[data-theme=dark] .modal-select-field input,html[data-theme=dark] .order-create-field input,html[data-theme=dark] .order-create-field select,html[data-theme=dark] .order-product-quantity-label input,html[data-theme=dark] .order-product-search,html[data-theme=dark] .hero-slide-form input:not([type=file],[type=checkbox]),html[data-theme=dark] .hero-slide-form select,html[data-theme=dark] .hero-slide-form textarea{border-color:#304664;color:#edf4ff;background:#0b1727}html[data-theme=dark] .order-product-search input{color:#edf4ff}html[data-theme=dark] .order-product-search input::placeholder{color:#7185a3}html[data-theme=dark] .product-form-grid label,html[data-theme=dark] .product-form-wide,html[data-theme=dark] .product-form-check,html[data-theme=dark] .product-edit-form .product-form-grid label,html[data-theme=dark] .product-edit-form .product-form-wide,html[data-theme=dark] .modal-select-field,html[data-theme=dark] .order-create-field,html[data-theme=dark] .hero-slide-form>label:not(.hero-upload-zone,.product-form-check),html[data-theme=dark] .hero-form-grid label{color:#dfe9f8}html[data-theme=dark] .admin-table th,html[data-theme=dark] .chart-legend,html[data-theme=dark] .product-list-summary,html[data-theme=dark] .list-filter-panel>label:not(.search-box),html[data-theme=dark] .product-detail-hero dt,html[data-theme=dark] .customer-detail-grid dt,html[data-theme=dark] .order-items-list small{color:#91a5c2}html[data-theme=dark] .admin-table td,html[data-theme=dark] .recent-order-row,html[data-theme=dark] .category-menu button{color:#e8f0fc}html[data-theme=dark] .admin-table th,html[data-theme=dark] .admin-table td,html[data-theme=dark] .recent-order-row,html[data-theme=dark] .product-list-summary,html[data-theme=dark] .list-filter-panel{border-color:#223550}html[data-theme=dark] .list-filter-panel,html[data-theme=dark] .product-detail-hero dl div,html[data-theme=dark] .customer-detail-grid div,html[data-theme=dark] .order-items-list>div,html[data-theme=dark] .order-create-summary,html[data-theme=dark] .sync-metric{background:#132238}html[data-theme=dark] .order-product-option{border-color:#2b405d;color:#e8f0fc;background:#132238}html[data-theme=dark] .order-product-option:has([data-order-product]:checked){border-color:#528ce2;background:#183152}html[data-theme=dark] .order-product-fieldset legend,html[data-theme=dark] .order-product-price,html[data-theme=dark] .order-create-summary strong{color:#edf4ff}html[data-theme=dark] .order-create-help,html[data-theme=dark] .order-product-description small,html[data-theme=dark] .order-product-quantity-label,html[data-theme=dark] .order-create-summary{color:#91a5c2}html[data-theme=dark] .order-create-empty{color:#f5d373;background:#342b13}html[data-theme=dark] .product-thumb,html[data-theme=dark] .category-card-icon{color:#78b0ff;background:#172b47}html[data-theme=dark] .component-thumbs img,html[data-theme=dark] .product-detail-hero>img,html[data-theme=dark] .hero-slide-card,html[data-theme=dark] .hero-slide-form{border-color:#2b405d}html[data-theme=dark] .category-card,html[data-theme=dark] .product-modal-card,html[data-theme=dark] .category-menu,html[data-theme=dark] .hero-slide-card{color:#aab9cf;background:#101f33}html[data-theme=dark] .category-card{border-color:#2b405d}html[data-theme=dark] .category-menu button:hover,html[data-theme=dark] .category-menu button.active{color:#86b9ff;background:#183152}html[data-theme=dark] .category-menu button span{color:#91a5c2}html[data-theme=dark] .product-upload-zone,html[data-theme=dark] .hero-upload-zone,html[data-theme=dark] .hero-slides-empty{border-color:#3c587b;color:#8cbcff;background:#0c1a2c}html[data-theme=dark] .product-upload-zone:hover,html[data-theme=dark] .product-upload-zone:focus-within{border-color:#6ea8ff;background:#122a48}html[data-theme=dark] .product-upload-preview{background:#0b1727}html[data-theme=dark] .chart-grid{stroke:#263a56}html[data-theme=dark] .sales-chart text{fill:#91a5c2}html[data-theme=dark] .chart-dot{stroke:#0f1c2e}html[data-theme=dark] .product-form-notice{border-color:#6d5a1f;color:#ffe590;background:#2b2614}html[data-theme=dark] .product-flash{border-color:#287a5b;color:#8ce2bb;background:#102a22}html[data-theme=dark] .product-flash.error{border-color:#81464c;color:#ffadb3;background:#30191e}html[data-theme=dark] .category-chip,html[data-theme=dark] .status-pill.status-draft,html[data-theme=dark] .status-pill.status-new,html[data-theme=dark] .payment-provider{color:#8cbbff;background:#183152}html[data-theme=dark] .status-pill.status-active,html[data-theme=dark] .status-pill.status-paid,html[data-theme=dark] .status-pill.status-delivered,html[data-theme=dark] .status-pill.status-published,html[data-theme=dark] .app-badge.visible{color:#75ddb0;background:#143829}html[data-theme=dark] .status-pill.status-pending,html[data-theme=dark] .status-pill.status-scheduled{color:#ffc878;background:#3a2913}html[data-theme=dark] .status-pill.status-cancelled,html[data-theme=dark] .status-pill.status-failed,html[data-theme=dark] .status-pill.status-expired,html[data-theme=dark] .status-pill.status-out_of_stock,html[data-theme=dark] .app-badge.hidden{color:#ff9d9d;background:#3a1d22}html[data-theme=dark] .payment-provider.provider-wave{color:#8bdcff;background:#123044}html[data-theme=dark] .payment-provider.provider-mtn_money{color:#ffe56b;background:#39310b}html[data-theme=dark] .payment-provider.provider-orange_money{color:#ffb17e;background:#3b2215}html[data-theme=dark] .login-panel{background:radial-gradient(circle at 96% 92%,rgb(255 196 0 / 8%),transparent 18%),radial-gradient(circle at 12% 10%,rgb(7 85 201 / 20%),transparent 30%),#07111f}html[data-theme=dark] .field-icon,html[data-theme=dark] .field-action,html[data-theme=dark] .checkbox-label{color:#dfe9f8}html[data-theme=dark] .field-group input{border-color:#304664;color:#edf4ff;background:#0b1727}html[data-theme=dark] .field-group input::placeholder{color:#7185a3}html[data-theme=dark] .divider:before,html[data-theme=dark] .divider:after{background:#2b405d}@media(max-width:980px){.admin-shell{grid-template-columns:1fr}.brand-panel{display:none}.login-panel{padding:96px 24px 32px}.admin-top-link{top:28px;right:28px}.admin-dashboard-shell{grid-template-columns:1fr}.admin-sidebar{position:fixed;inset:0 auto 0 0;z-index:5;width:min(300px,calc(100vw - 44px));overflow-y:auto;overscroll-behavior:contain;transform:translate(-100%);transition:transform .2s ease}.sidebar-backdrop{position:fixed;z-index:4;inset:0;display:block;border:0;padding:0;background:#020f2a94;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease}.admin-dashboard-shell.sidebar-open .admin-sidebar{transform:translate(0)}.admin-dashboard-shell.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}.stats-grid,.dashboard-grid,.settings-grid{grid-template-columns:1fr}.admin-topbar{min-height:auto;align-items:stretch;flex-direction:column;gap:14px;padding:22px}.topbar-title-group{width:100%;min-width:0}.topbar-title-group h1{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-actions{display:grid;width:100%;min-width:0;grid-template-columns:42px 42px minmax(0,1fr) auto;gap:12px}.admin-profile{min-width:0}.admin-profile>div:nth-child(2){min-width:0}.admin-profile strong,.admin-profile span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-main-content{padding:22px}.panel-header{align-items:flex-start;flex-direction:column;padding:18px}.panel-actions{width:100%;flex-wrap:wrap;justify-content:flex-start}}@media(max-width:560px){.admin-topbar{gap:12px;padding:max(14px,env(safe-area-inset-top)) 14px 14px}.topbar-title-group{gap:10px}.topbar-title-group h1{font-size:22px}.icon-button,.theme-toggle,.notification-button{width:38px;height:38px}.topbar-actions{grid-template-columns:38px 38px minmax(0,1fr) auto;gap:8px}.admin-profile{gap:8px}.avatar{width:38px;height:38px;flex:0 0 38px}.admin-profile strong{font-size:13px}.admin-profile span{font-size:12px}.admin-profile>.icon{display:none}.logout-button{min-height:38px;padding:0 10px;font-size:12px}.admin-main-content{gap:14px;padding:14px}.stats-grid,.dashboard-grid,.settings-grid{gap:12px}.panel-header{gap:14px;padding:16px}.panel-header h2{font-size:20px}.login-card{padding:42px 22px 32px}.form-row{align-items:flex-start;flex-direction:column}.stat-card{grid-template-columns:54px 1fr}.recent-order-row{grid-template-columns:42px 1fr;padding:14px 18px}.search-box,.search-box input{width:100%}.customer-detail-grid{grid-template-columns:1fr}.customer-detail-grid div:last-child{grid-column:auto}}@media(max-width:380px){.topbar-title-group h1{font-size:20px}.topbar-actions{grid-template-columns:36px 36px minmax(0,1fr) 36px;gap:6px}.theme-toggle,.notification-button,.logout-button{width:36px;height:36px;min-height:36px;padding:0}.logout-button span{display:none}.avatar{width:34px;height:34px;flex-basis:34px}}