@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap";:root{--md-primary: #4758e6;--md-primary-hover: #3d4ccc;--md-on-primary: #ffffff;--md-primary-container: #e0e2ff;--md-on-primary-container: #0e1567;--md-secondary: #10b981;--md-secondary-hover: #059669;--md-on-secondary: #ffffff;--md-secondary-container: #d1fae5;--md-on-secondary-container: #064e3b;--md-tertiary: #8b5cf6;--md-on-tertiary: #ffffff;--md-error: #dc2626;--md-error-hover: #b91c1c;--md-on-error: #ffffff;--md-error-container: #fee2e2;--md-on-error-container: #7f1d1d;--md-warning: #f59e0b;--md-warning-container: #fef3c7;--md-on-warning-container: #78350f;--md-surface: #ffffff;--md-surface-dim: #f5f5f7;--md-surface-container-lowest: #ffffff;--md-surface-container-low: #f5f6fa;--md-surface-container: #eef0f6;--md-surface-container-high: #e8eaf2;--md-surface-container-highest: #e1e3ed;--md-on-surface: #1a1c25;--md-on-surface-secondary: #44475a;--md-on-surface-muted: #72758a;--md-outline: #c4c7d4;--md-outline-variant: #e1e3ed;--md-inverse-surface: #2e3140;--md-inverse-on-surface: #f0f0f5;--md-elevation-1: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.06);--md-elevation-2: 0 4px 6px rgba(0,0,0,.07), 0 2px 4px rgba(0,0,0,.06);--md-elevation-3: 0 10px 20px rgba(0,0,0,.08), 0 3px 6px rgba(0,0,0,.06);--md-elevation-4: 0 15px 30px rgba(0,0,0,.1), 0 5px 15px rgba(0,0,0,.06);--md-sidebar-bg: var(--md-surface-container-low);--md-sidebar-active-bg: var(--md-primary-container);--md-sidebar-active-text: var(--md-on-primary-container);--primary: var(--md-primary);--primary-hover: var(--md-primary-hover);--danger: var(--md-error);--secondary: var(--md-secondary);--success: var(--md-secondary);--bg-900: var(--md-surface-dim);--bg-800: var(--md-surface-container);--bg-700: var(--md-surface-container-high);--surface-1: var(--md-surface);--surface-2: var(--md-surface-container-low);--bg: var(--md-surface-dim);--bg-primary: var(--md-surface);--bg-secondary: var(--md-surface-container-low);--bg-tertiary: var(--md-surface-container);--bg-hover: var(--md-surface-container-high);--primary-rgb: 71, 88, 230;--text-primary: var(--md-on-surface);--text-secondary: var(--md-on-surface-secondary);--text-muted: var(--md-on-surface-muted);--text: var(--md-on-surface);--accent-primary: var(--md-primary);--accent-primary-hover: var(--md-primary-hover);--state-success-bg: var(--md-secondary-container);--state-success-text: var(--md-on-secondary-container);--state-warning-bg: var(--md-warning-container);--state-warning-text: var(--md-on-warning-container);--state-error-bg: var(--md-error-container);--state-error-text: var(--md-on-error-container);--border: var(--md-outline-variant);--border-subtle: var(--md-outline-variant);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius-xs: 8px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--radius: var(--radius-md);--font-family: "IBM Plex Sans Arabic", system-ui, -apple-system, sans-serif;--font-size-display: 36px;--font-size-headline: 28px;--font-size-title-lg: 22px;--font-size-title: 18px;--font-size-body-lg: 16px;--font-size-body: 14px;--font-size-label: 13px;--font-size-caption: 12px;--font-size-page-title: var(--font-size-headline);--font-size-section-title: var(--font-size-title);--font-size-meta: var(--font-size-caption);--shadow-soft: var(--md-elevation-1);--shadow-hover: var(--md-elevation-2);--sidebar-gradient: var(--md-sidebar-bg);--motion-fast: .15s cubic-bezier(.2, 0, 0, 1);--motion-standard: .3s cubic-bezier(.2, 0, 0, 1);--motion-emphasized: .5s cubic-bezier(.2, 0, 0, 1)}[data-theme=dark]{--md-primary: #b4bcff;--md-primary-hover: #c6cdff;--md-on-primary: #1d2680;--md-primary-container: #2f3a98;--md-on-primary-container: #e0e2ff;--md-secondary: #6ee7b7;--md-secondary-hover: #a7f3d0;--md-on-secondary: #064e3b;--md-secondary-container: #065f46;--md-on-secondary-container: #a7f3d0;--md-tertiary: #c4b5fd;--md-on-tertiary: #2e1065;--md-error: #fca5a5;--md-error-hover: #fecaca;--md-on-error: #7f1d1d;--md-error-container: #991b1b;--md-on-error-container: #fecaca;--md-warning: #fcd34d;--md-warning-container: #92400e;--md-on-warning-container: #fef3c7;--md-surface: #111318;--md-surface-dim: #111318;--md-surface-container-lowest: #0c0e13;--md-surface-container-low: #191c24;--md-surface-container: #1e2029;--md-surface-container-high: #282a33;--md-surface-container-highest: #33353e;--md-on-surface: #e4e5ef;--md-on-surface-secondary: #c0c2d0;--md-on-surface-muted: #8e91a4;--md-outline: #5a5d6e;--md-outline-variant: #3a3d4a;--md-inverse-surface: #e4e5ef;--md-inverse-on-surface: #2e3140;--md-elevation-1: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.3);--md-elevation-2: 0 4px 8px rgba(0,0,0,.4), 0 2px 4px rgba(0,0,0,.3);--md-elevation-3: 0 10px 24px rgba(0,0,0,.5), 0 3px 8px rgba(0,0,0,.3);--md-elevation-4: 0 16px 32px rgba(0,0,0,.5), 0 6px 16px rgba(0,0,0,.3);--md-sidebar-bg: var(--md-surface-container-low);--md-sidebar-active-bg: var(--md-primary-container);--md-sidebar-active-text: var(--md-on-primary-container);--primary: var(--md-primary);--danger: var(--md-error);--secondary: var(--md-secondary);--success: var(--md-secondary);--bg-900: var(--md-surface);--bg-800: var(--md-surface-container);--bg-700: var(--md-surface-container-high);--surface-1: var(--md-surface-container-low);--surface-2: var(--md-surface-container);--bg: var(--md-surface);--bg-primary: var(--md-surface-container-low);--bg-secondary: var(--md-surface-container);--bg-tertiary: var(--md-surface-container-high);--bg-hover: var(--md-surface-container-highest);--primary-rgb: 180, 188, 255;--text-primary: var(--md-on-surface);--text-secondary: var(--md-on-surface-secondary);--text-muted: var(--md-on-surface-muted);--text: var(--md-on-surface);--accent-primary: var(--md-primary);--accent-primary-hover: var(--md-primary-hover);--state-success-bg: rgba(16, 185, 129, .15);--state-success-text: var(--md-secondary);--state-warning-bg: rgba(245, 158, 11, .15);--state-warning-text: var(--md-warning);--state-error-bg: rgba(239, 68, 68, .15);--state-error-text: var(--md-error);--border: var(--md-outline-variant);--border-subtle: var(--md-outline-variant)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{color-scheme:light dark}body{font-family:var(--font-family);background-color:var(--md-surface-dim);color:var(--md-on-surface);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--motion-standard),color var(--motion-standard)}a{color:inherit;text-decoration:none;transition:color var(--motion-fast)}button{cursor:pointer;font-family:inherit;border:none;background:none;font-size:inherit}img{max-width:100%;display:block}::selection{background:var(--md-primary);color:var(--md-on-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--md-outline);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--md-on-surface-muted)}.app-layout{display:flex;min-height:100vh;background:var(--md-surface-dim)}.sidebar{width:270px;background:var(--md-sidebar-bg);border-inline-end:1px solid var(--md-outline-variant);padding:var(--space-5);display:flex;flex-direction:column;transition:background var(--motion-standard);position:sticky;top:0;height:100vh;overflow-y:auto}.sidebar-logo{font-size:22px;font-weight:700;margin-bottom:var(--space-2);color:var(--md-primary);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3)}.store-preview-link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);margin-bottom:var(--space-4);font-size:.8rem;font-weight:500;color:var(--md-primary);text-decoration:none;border-radius:var(--radius-lg);transition:all var(--motion-fast);opacity:.85}.store-preview-link:hover{opacity:1;background:var(--md-surface-container-high)}.store-preview-link svg{flex-shrink:0}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.nav-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);color:var(--md-on-surface-secondary);font-size:var(--font-size-body);font-weight:500;transition:all var(--motion-fast);position:relative}.nav-link:hover{background:var(--md-surface-container-high);color:var(--md-on-surface)}.nav-link.active{background:var(--md-sidebar-active-bg);color:var(--md-sidebar-active-text);font-weight:600}.nav-link.active:before{display:none}.nav-link svg{width:20px;height:20px;opacity:.75;flex-shrink:0}.nav-link.active svg{opacity:1}.sidebar-footer{padding-top:var(--space-4);border-top:1px solid var(--md-outline-variant);margin-top:var(--space-3)}.theme-toggle-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-2)}.theme-toggle-row span{font-size:var(--font-size-body);color:var(--md-on-surface-secondary);font-weight:500}.theme-toggle-btn{width:52px;height:28px;border-radius:var(--radius-full);background:var(--md-surface-container-highest);border:2px solid var(--md-outline);position:relative;cursor:pointer;transition:all var(--motion-fast);margin-inline-start:auto}.theme-toggle-btn:after{content:"";position:absolute;top:3px;inset-inline-start:3px;width:18px;height:18px;border-radius:50%;background:var(--md-on-surface-muted);transition:all var(--motion-standard)}[data-theme=dark] .theme-toggle-btn{background:var(--md-primary-container);border-color:var(--md-primary)}[data-theme=dark] .theme-toggle-btn:after{inset-inline-start:calc(100% - 21px);background:var(--md-primary)}.main-content{flex:1;padding:var(--space-6);overflow-y:auto;min-height:100vh;max-width:100%}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);gap:var(--space-4)}.page-header h1{font-size:var(--font-size-headline);font-weight:700;color:var(--md-on-surface);letter-spacing:-.02em}.card,.stat-card{background:var(--md-surface);border-radius:var(--radius-md);padding:var(--space-5);border:1px solid var(--md-outline-variant);transition:all var(--motion-fast)}[data-theme=dark] .card,[data-theme=dark] .stat-card{background:var(--md-surface-container)}.card:hover,.stat-card:hover{box-shadow:var(--md-elevation-1)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5)}.stat-card .icon{font-size:24px;margin-bottom:var(--space-1);width:fit-content}.stat-card .value{font-size:var(--font-size-display);font-weight:700;color:var(--md-on-surface);line-height:1.1;letter-spacing:-.02em}.stat-card .label{font-size:var(--font-size-caption);color:var(--md-on-surface-muted);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--md-outline-variant)}.card-title{font-size:var(--font-size-title);font-weight:600;color:var(--md-on-surface)}.table-container{width:100%;overflow-x:auto;border-radius:var(--radius-md)}table{width:100%;border-collapse:collapse;text-align:right}th{padding:var(--space-3) var(--space-4);font-size:var(--font-size-label);font-weight:600;color:var(--md-on-surface-secondary);border-bottom:1px solid var(--md-outline-variant);white-space:nowrap;text-transform:uppercase;letter-spacing:.04em;background:var(--md-surface-container-low)}[data-theme=dark] th{background:var(--md-surface-container-high)}td{padding:var(--space-3) var(--space-4);font-size:var(--font-size-body);color:var(--md-on-surface);border-bottom:1px solid var(--md-outline-variant);height:52px;vertical-align:middle;transition:background var(--motion-fast)}tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--md-surface-container-low)}[data-theme=dark] tbody tr:hover td{background:var(--md-surface-container-high)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:var(--radius-xl);font-weight:600;font-size:var(--font-size-body);transition:all var(--motion-fast);gap:8px;border:none;cursor:pointer;white-space:nowrap;line-height:1.3}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn-primary,[data-theme=dark] .btn-primary{background:var(--md-primary);color:var(--md-on-primary)}.btn-primary:hover:not(:disabled){background:var(--md-primary-hover);box-shadow:var(--md-elevation-1)}.btn-secondary{background:var(--md-surface-container-high);color:var(--md-on-surface)}.btn-secondary:hover:not(:disabled){background:var(--md-surface-container-highest);box-shadow:var(--md-elevation-1)}.btn-danger{background:var(--md-error-container);color:var(--md-on-error-container)}[data-theme=dark] .btn-danger{background:#ef444433;color:var(--md-error)}.btn-danger:hover:not(:disabled){background:var(--md-error);color:var(--md-on-error)}.btn-success{background:var(--md-secondary);color:var(--md-on-secondary)}.btn-success:hover:not(:disabled){background:var(--md-secondary-hover);box-shadow:var(--md-elevation-1)}.btn-outlined{background:transparent;color:var(--md-primary);border:1px solid var(--md-outline)}.btn-outlined:hover:not(:disabled){background:var(--md-primary-container);border-color:var(--md-primary)}.btn-sm{padding:6px 14px;font-size:var(--font-size-label);border-radius:var(--radius-sm)}.btn-lg{padding:14px 28px;font-size:var(--font-size-body-lg);border-radius:var(--radius-xl)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:var(--md-on-surface-secondary)}.btn-icon:hover{background:var(--md-surface-container-high);color:var(--md-on-surface)}.status-badge,.badge{padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-caption);font-weight:600;display:inline-flex;align-items:center;gap:4px;border:none;letter-spacing:.02em}.status-pending,.badge-pending{background:var(--state-warning-bg);color:var(--state-warning-text)}.status-completed,.status-paid,.badge-confirmed,.badge-shipped,.badge-delivered,.status-delivered{background:var(--state-success-bg);color:var(--state-success-text)}.status-cancelled,.status-failed,.badge-cancelled{background:var(--state-error-bg);color:var(--state-error-text)}.badge-processing{background:var(--md-primary-container);color:var(--md-on-primary-container)}.form-group{margin-bottom:var(--space-5)}.form-group label{display:block;margin-bottom:var(--space-2);font-weight:600;color:var(--md-on-surface-secondary);font-size:var(--font-size-label);letter-spacing:.01em}input,select,textarea{background:var(--md-surface-container-low);border:1px solid var(--md-outline-variant);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);color:var(--md-on-surface);font-family:inherit;font-size:var(--font-size-body);width:100%;transition:all var(--motion-fast);line-height:1.5}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:var(--md-surface-container);border-color:var(--md-outline-variant)}input:hover,select:hover,textarea:hover{border-color:var(--md-outline)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--md-primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.15);background:var(--md-surface)}[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{background:var(--md-surface-container-low)}input::placeholder,textarea::placeholder{color:var(--md-on-surface-muted)}textarea{resize:vertical;min-height:100px}select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2372758a' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 12px center;padding-inline-start:var(--space-4);padding-inline-end:var(--space-4)}[dir=rtl] select{background-position:left 12px center}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}input[type=color]{width:50px;height:40px;padding:2px;cursor:pointer;border-radius:var(--radius-xs)}input[type=checkbox]{width:auto;accent-color:var(--md-primary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--motion-fast) ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal{background:var(--md-surface-container-low);border-radius:var(--radius-lg);width:90%;max-width:520px;max-height:85vh;overflow-y:auto;box-shadow:var(--md-elevation-4);animation:slideUp var(--motion-standard) ease-out}[data-theme=dark] .modal{background:var(--md-surface-container-high)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5);border-bottom:1px solid var(--md-outline-variant)}.modal-header h2{font-size:var(--font-size-title);font-weight:700;color:var(--md-on-surface)}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--md-on-surface-muted);font-size:1.3rem;transition:all var(--motion-fast)}.modal-close:hover{background:var(--md-surface-container-highest);color:var(--md-on-surface)}.modal-body{padding:var(--space-5)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--md-outline-variant)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--md-surface-dim)}.login-card{width:100%;max-width:420px;background:var(--md-surface);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5);border:1px solid var(--md-outline-variant);box-shadow:var(--md-elevation-3)}[data-theme=dark] .login-card{background:var(--md-surface-container)}.login-card h1{text-align:center;margin-bottom:var(--space-5);font-size:var(--font-size-title-lg);font-weight:700;color:var(--md-on-surface)}.login-card .logo{text-align:center;margin-bottom:var(--space-4);display:flex;justify-content:center}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);margin-bottom:var(--space-4);font-size:var(--font-size-body);font-weight:500;display:flex;align-items:center;gap:var(--space-3);line-height:1.5}.alert-error,.alert-danger{background:var(--state-error-bg);color:var(--state-error-text);border:1px solid transparent}[data-theme=dark] .alert-error,[data-theme=dark] .alert-danger{border-color:#ef444433}.alert-success{background:var(--state-success-bg);color:var(--state-success-text);border:1px solid transparent}[data-theme=dark] .alert-success{border-color:#10b98133}.alert-warning{background:var(--state-warning-bg);color:var(--state-warning-text)}.loading{display:flex;justify-content:center;align-items:center;height:100vh;color:var(--md-on-surface-muted);font-size:var(--font-size-title);gap:var(--space-3)}.loading:before{content:"";width:24px;height:24px;border:3px solid var(--md-outline-variant);border-top-color:var(--md-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.tabs-row{display:flex;gap:var(--space-1);margin-bottom:var(--space-5);border-bottom:1px solid var(--md-outline-variant);overflow-x:auto}.tab-btn{padding:var(--space-3) var(--space-5);font-size:var(--font-size-body);font-weight:500;color:var(--md-on-surface-muted);border:none;background:none;cursor:pointer;border-bottom:2px solid transparent;transition:all var(--motion-fast);white-space:nowrap}.tab-btn:hover{color:var(--md-on-surface);background:var(--md-surface-container-low)}.tab-btn.active{color:var(--md-primary);border-bottom-color:var(--md-primary);font-weight:600}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-xs);font-size:var(--font-size-label);font-weight:500;border:1px solid var(--md-outline-variant);background:var(--md-surface);color:var(--md-on-surface-secondary);cursor:pointer;transition:all var(--motion-fast)}.chip:hover{background:var(--md-surface-container-high)}.chip.selected{background:var(--md-primary-container);color:var(--md-on-primary-container);border-color:var(--md-primary-container)}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4)}.pagination .btn{min-width:40px}.pagination span{font-size:var(--font-size-body);color:var(--md-on-surface-secondary);font-weight:500}.empty-state{text-align:center;padding:var(--space-6) var(--space-4);color:var(--md-on-surface-muted)}.empty-state svg{width:48px;height:48px;margin:0 auto var(--space-4);opacity:.4}.empty-state p{font-size:var(--font-size-body-lg)}.search-bar{position:relative;max-width:400px}.search-bar input{padding-inline-start:40px}.search-bar svg{position:absolute;top:50%;inset-inline-start:12px;transform:translateY(-50%);color:var(--md-on-surface-muted);width:18px;height:18px;pointer-events:none}.toolbar{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap;margin-bottom:var(--space-5)}.toolbar-spacer{flex:1}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:60px;background:var(--md-surface);border-bottom:1px solid var(--md-outline-variant);align-items:center;padding:0 var(--space-4);gap:var(--space-3);z-index:1001;box-shadow:var(--md-elevation-1)}[data-theme=dark] .mobile-header{background:var(--md-surface-container)}.mobile-header-title{font-size:var(--font-size-title);font-weight:700;color:var(--md-on-surface)}.hamburger-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);color:var(--md-on-surface);transition:background var(--motion-fast)}.hamburger-btn:hover{background:var(--md-surface-container-high)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999}@media (max-width: 768px){.mobile-header{display:flex}.sidebar-overlay{display:block}.sidebar{position:fixed;top:0;inset-inline-end:-280px;bottom:0;width:270px;z-index:1000;transition:inset-inline-end var(--motion-standard);border-inline-end:none;box-shadow:var(--md-elevation-4)}.sidebar.sidebar-open{inset-inline-end:0}.main-content{padding:var(--space-4);padding-top:calc(60px + var(--space-4))}.form-row{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.page-header h1{font-size:var(--font-size-title-lg)}.stats-grid{grid-template-columns:1fr 1fr}table{font-size:var(--font-size-label)}td,th{padding:var(--space-2) var(--space-3)}}@media (max-width: 480px){.stats-grid{grid-template-columns:1fr}}.text-muted{color:var(--md-on-surface-muted)}.text-primary-color{color:var(--md-primary)}.text-error{color:var(--md-error)}.text-success{color:var(--md-secondary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.w-full{width:100%}.text-center{text-align:center}.font-bold{font-weight:700}.font-medium{font-weight:500}