:root{--primary:#0d6efd;--dark:#101828;--muted:#667085;--bg:#f5f7fb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--dark);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:245px;background:#101828;padding:28px 20px;z-index:1040;transition:.25s}.brand{display:block;color:#fff;text-decoration:none;font-size:28px;font-weight:800;margin-bottom:35px}.brand span{color:#60a5fa}.sidebar nav a{display:flex;gap:12px;align-items:center;color:#cbd5e1;text-decoration:none;padding:12px 14px;border-radius:10px;margin-bottom:7px}.sidebar nav a:hover,.sidebar nav a.active{background:#1d4ed8;color:#fff}.main-content{margin-left:245px;padding:0 28px}.topbar{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e5e7eb}.stat-card,.panel{background:#fff;border:1px solid #e8ecf2;border-radius:16px;box-shadow:0 7px 25px rgba(16,24,40,.04)}.stat-card{padding:20px;display:flex;align-items:center;gap:16px;height:100%}.stat-card span{color:var(--muted);font-size:14px}.stat-card h3{margin:3px 0 0;font-weight:800}.stat-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:14px;font-size:23px}.blue{color:#2563eb;background:#dbeafe}.green{color:#16a34a;background:#dcfce7}.orange{color:#ea580c;background:#ffedd5}.purple{color:#7c3aed;background:#ede9fe}.panel{overflow:hidden}.panel-header{padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #edf0f4}.filters{padding:18px 22px;border-bottom:1px solid #edf0f4}.order-card{padding:20px 22px;border-bottom:1px solid #edf0f4}.order-card:last-child{border-bottom:0}.order-meta{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.order-id{font-weight:800}.order-products{background:#f8fafc;border-radius:10px;padding:12px;margin-top:13px}.status-select{min-width:145px}.badge-status{font-size:12px;padding:7px 10px}.empty-state{text-align:center;padding:65px 20px;color:var(--muted)}.empty-state i{font-size:50px}.detail-box{background:#f8fafc;border-radius:12px;padding:16px}.toast-container{z-index:2000}@media(max-width:991.98px){.sidebar{transform:translateX(-100%)}.sidebar.show{transform:translateX(0)}.main-content{margin-left:0;padding:0 16px}.topbar{min-height:74px}.order-meta{flex-direction:column}.order-actions{width:100%;display:flex;flex-wrap:wrap;gap:8px}.status-select{flex:1}}@media(max-width:575px){.panel-header{align-items:flex-start}.stat-card{padding:16px}.order-card{padding:16px}.filters{padding:16px}}

.login-screen{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#101828,#1d4ed8)}.login-card{width:min(430px,100%);background:#fff;border-radius:22px;padding:34px;text-align:center;box-shadow:0 25px 70px rgba(0,0,0,.25)}.login-logo{font-size:32px;font-weight:800;margin-bottom:22px}.login-logo span{color:#0d6efd}@media(max-width:575px){.login-card{padding:25px 20px}.topbar>div:last-child{gap:5px!important}.topbar .btn{font-size:0}.topbar .btn i{font-size:16px;margin:0!important}}
html[data-theme="dark"] body{background:#0f172a;color:#e5e7eb}html[data-theme="dark"] .topbar,html[data-theme="dark"] .panel,html[data-theme="dark"] .stat-card,html[data-theme="dark"] .modal-content,html[data-theme="dark"] .login-card{background:#1e293b;color:#f8fafc;border-color:#334155}html[data-theme="dark"] .detail-box,html[data-theme="dark"] .order-products,html[data-theme="dark"] .form-control,html[data-theme="dark"] .form-select,html[data-theme="dark"] .input-group-text{background:#273449!important;color:#fff!important;border-color:#475569}html[data-theme="dark"] .table{--bs-table-bg:#1e293b;--bs-table-color:#fff;--bs-table-border-color:#475569}#revenueChart{width:100%;max-height:220px}.pro-actions{border-top:1px dashed #d0d5dd;padding-top:12px}
:focus-visible{outline:3px solid rgba(13,110,253,.45)!important;outline-offset:2px}@media(max-width:767px){.panel-header{flex-wrap:wrap}.table{min-width:720px}.main-content{padding:0 12px}.filters .btn{white-space:nowrap}.modal-dialog{margin:.5rem}}