:root{--sidebar-width: 240px;--sidebar-bg: #1a1a2e;--sidebar-text: rgba(255,255,255,.7);--sidebar-active: #e63946;--topbar-h: 60px;--brand: #e63946}body{font-family:Segoe UI,sans-serif;background:#f0f2f5}.sidebar{width:var(--sidebar-width);min-height:100vh;height:100vh;overflow-y:auto;background:var(--sidebar-bg);position:fixed;top:0;left:0;z-index:100;display:flex;flex-direction:column}.sidebar .sidebar-brand{padding:20px;font-size:1.3rem;font-weight:700;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.sidebar .sidebar-brand span{color:var(--brand)}.sidebar .nav-link{color:var(--sidebar-text);padding:12px 20px;font-size:14px;display:flex;align-items:center;gap:10px;border-left:3px solid transparent;transition:all .2s}.sidebar .nav-link i{font-size:1.1rem;width:20px}.sidebar .nav-link:hover,.sidebar .nav-link.active{color:#fff;background:#ffffff12;border-left-color:var(--brand)}.sidebar .nav-link.active{color:var(--brand);font-weight:600}.sidebar .nav-section{padding:16px 20px 6px;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#fff6}.main-content{margin-left:var(--sidebar-width);min-height:100vh;min-width:0}.topbar{height:var(--topbar-h);background:#fff;border-bottom:1px solid #e8e8e8;padding:0 24px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:99;box-shadow:0 1px 4px #0000000f}.page-content{padding:24px}.stat-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000f;display:flex;align-items:center;gap:16px;border-left:4px solid var(--color, #e63946)}.stat-card .icon{width:52px;height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:var(--bg, #fff0f1);font-size:1.5rem}.stat-card .label{font-size:12px;color:#888;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-card .value{font-size:1.6rem;font-weight:700;color:#1a1a2e;line-height:1.2}.stat-card .sub{font-size:12px;color:#888}.card{border:none;border-radius:12px;box-shadow:0 2px 8px #0000000f}.card-header{background:#fff;border-bottom:1px solid #f0f0f0;font-weight:700;padding:16px 20px;border-radius:12px 12px 0 0!important}.table th{background:#f8f9fa;font-size:13px;font-weight:600;color:#555;border-top:none;white-space:nowrap}.table td{font-size:13px;vertical-align:middle}.badge-status{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;display:inline-block}.badge-status.pending{background:#fff3cd;color:#856404}.badge-status.confirmed{background:#d1ecf1;color:#0c5460}.badge-status.shipped,.badge-status.delivered{background:#d4edda;color:#155724}.badge-status.cancelled{background:#f8d7da;color:#721c24}.badge-status.processing{background:#cce5ff;color:#004085}.btn-brand{background:var(--brand);color:#fff;border:none;font-weight:600}.btn-brand:hover{background:#c1121f;color:#fff}.btn-brand:disabled,.btn-brand.disabled{background:var(--brand);color:#fff;opacity:.55}.nav-tabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.nav-tabs .nav-link{white-space:nowrap;cursor:pointer}.sidebar-backdrop{display:none}@media(max-width:767.98px){.sidebar{transform:translate(-100%);transition:transform .25s ease;z-index:1040;height:100dvh;min-height:0;overflow-y:auto}.sidebar.open{transform:none;box-shadow:4px 0 24px #0000004d}.sidebar-backdrop{display:block;position:fixed;inset:0;background:#00000073;z-index:1039}.main-content{margin-left:0}.topbar{padding:0 12px}.page-content{padding:14px}.stat-card{padding:14px;gap:12px}.stat-card .value{font-size:1.3rem}.card-header{padding:12px 14px}.d-flex.justify-content-between{flex-wrap:wrap;gap:.5rem}.modal-dialog{margin:.5rem}.table-cards thead{display:none}.table-cards,.table-cards tbody,.table-cards tr,.table-cards td{display:block;width:100%}.table-cards tr{padding:.5rem .25rem;border-bottom:8px solid #f0f2f5}.table-cards td{display:flex;justify-content:space-between;align-items:center;gap:12px;border:0;padding:.3rem .75rem;text-align:right}.table-cards td:before{content:attr(data-label);font-weight:600;color:#888;font-size:12px;text-align:left;flex-shrink:0}.table-cards td:not([data-label]):before,.table-cards td[data-label=""]:before{display:none}.table-cards td:not([data-label]),.table-cards td[data-label=""]{justify-content:flex-end}.table-cards td>.form-control:not(.form-control-color){flex:1;max-width:60%;text-align:right}}