:root{--bg-page:#f0f2f5;--bg-card:#fff;--bg-topbar:#fff;--bg-thead:#f9fafb;--text-primary:#1a1d23;--text-muted:#6b7280;--border:#e5e7eb;--border-light:#f3f4f6;--row-hover:#f9fafb;--input-bg:#fff;--modal-bg:#fff;--shadow:rgba(0,0,0,.06);--sb-bg:linear-gradient(180deg,#fff,#f8f9ff);--sb-brand-bg:#f3f4f6;--sb-brand-color:#1a1d23;--sb-border:#e5e7eb;--sb-section:#9ca3af;--sb-link:#4b5563;--sb-link-hover-bg:#f3f4f6;--sb-link-hover-border:rgba(102,126,234,.4);--sb-active-bg:linear-gradient(90deg,rgba(102,126,234,.15),rgba(102,126,234,.04));--sb-active-border:#667eea;--sb-active-color:#4338ca;--sb-scrollbar:rgba(0,0,0,.12);--sb-shadow:4px 0 20px rgba(0,0,0,.08)}[data-theme=dark]{--bg-page:#0f1117;--bg-card:#1a1d2e;--bg-topbar:#1a1d2e;--bg-thead:#13151f;--text-primary:#e5e7eb;--text-muted:#9ca3af;--border:#2d3148;--border-light:#252840;--row-hover:#1f2235;--input-bg:#13151f;--modal-bg:#1a1d2e;--shadow:rgba(0,0,0,.3);--sb-bg:linear-gradient(180deg,#1a1f3c,#252b50);--sb-brand-bg:rgba(0,0,0,.2);--sb-brand-color:#fff;--sb-border:hsla(0,0%,100%,.08);--sb-section:hsla(0,0%,100%,.35);--sb-link:hsla(0,0%,100%,.65);--sb-link-hover-bg:hsla(0,0%,100%,.07);--sb-link-hover-border:hsla(0,0%,100%,.3);--sb-active-bg:linear-gradient(90deg,rgba(102,126,234,.35),rgba(102,126,234,.08));--sb-active-border:#667eea;--sb-active-color:#fff;--sb-scrollbar:hsla(0,0%,100%,.15);--sb-shadow:4px 0 20px rgba(0,0,0,.15)}*,:after,:before{box-sizing:border-box}body{background:var(--bg-page);font-family:Segoe UI,system-ui,sans-serif;color:var(--text-primary);margin:0;transition:background .25s,color .25s}.sidebar{width:260px;height:100vh;background:var(--sb-bg);position:fixed;top:0;left:0;z-index:1000;display:flex;flex-direction:column;box-shadow:var(--sb-shadow);transition:background .25s,box-shadow .25s}.sidebar nav{flex:1 1;overflow-y:auto;padding-bottom:16px}.sidebar nav::-webkit-scrollbar{width:4px}.sidebar nav::-webkit-scrollbar-thumb{background:var(--sb-scrollbar);border-radius:4px}.sidebar .brand{padding:22px 20px;background:var(--sb-brand-bg);color:var(--sb-brand-color);font-size:17px;font-weight:700;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--sb-border);letter-spacing:.3px;transition:background .25s,color .25s}.sidebar .brand .brand-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar .nav-section{padding:16px 20px 4px;color:var(--sb-section);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;transition:color .25s}.sidebar .nav-link{color:var(--sb-link);padding:10px 20px;display:flex;align-items:center;gap:11px;font-size:13.5px;font-weight:500;border-left:3px solid transparent;transition:all .18s ease;text-decoration:none}.sidebar .nav-link:hover{color:var(--sb-active-color);background:var(--sb-link-hover-bg);border-left-color:var(--sb-link-hover-border)}.sidebar .nav-link.active{color:var(--sb-active-color);background:var(--sb-active-bg);border-left-color:var(--sb-active-border);font-weight:600}.sidebar .nav-link .nav-icon{width:20px;text-align:center;font-size:13px;opacity:.85}.main-content{margin-left:260px;min-height:100vh}.topbar{background:var(--bg-topbar);box-shadow:0 1px 0 var(--border);padding:0 28px;height:64px;display:flex;justify-content:space-between;align-items:center;position:-webkit-sticky;position:sticky;top:0;z-index:999;transition:background .25s}.topbar-title{font-size:18px;font-weight:700;color:var(--text-primary)}.topbar-right{gap:12px}.topbar-avatar,.topbar-right{display:flex;align-items:center}.topbar-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;justify-content:center;font-size:13px;font-weight:700;cursor:pointer;text-decoration:none}.topbar-avatar:hover{opacity:.85}.topbar-role{font-size:13px;color:#6b7280;font-weight:500}.page-body{padding:28px}.stat-card{border:none;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,.06);transition:transform .2s,box-shadow .2s;overflow:hidden}.stat-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.stat-card .card-body{padding:22px 24px}.stat-number{font-size:2rem;font-weight:800;line-height:1}.stat-label{font-size:13px;font-weight:500;opacity:.75;margin-top:4px}.stat-icon-wrap{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.table-card{background:var(--bg-card);border-radius:16px;box-shadow:0 2px 12px var(--shadow);padding:24px;border:1px solid var(--border-light);transition:background .25s}.table-card .table{margin-bottom:0}.table-card .table thead th{background:var(--bg-thead);border-bottom:2px solid var(--border);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);padding:12px 16px;white-space:nowrap}.table-card .table tbody td{padding:13px 16px;vertical-align:middle;border-bottom:1px solid var(--border-light);font-size:14px;color:var(--text-primary)}.table-card .table tbody tr:last-child td{border-bottom:none}.table-card .table tbody tr:hover td{background:var(--row-hover)}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)!important;border:none!important;font-weight:600!important;letter-spacing:.2px;box-shadow:0 2px 8px rgba(102,126,234,.35)!important}.btn-primary:hover{opacity:.92!important;box-shadow:0 4px 14px rgba(102,126,234,.45)!important}.btn-sm{font-size:12px!important;padding:5px 12px!important}.btn-outline-primary{border-color:#667eea!important;color:#667eea!important}.btn-outline-primary:hover{background:#667eea!important;color:#fff!important}.btn-outline-danger{border-color:#ef4444!important;color:#ef4444!important}.btn-outline-danger:hover{background:#ef4444!important;color:#fff!important}.btn-outline-warning{border-color:#f59e0b!important;color:#b45309!important}.btn-outline-warning:hover{background:#f59e0b!important;color:#fff!important}.btn-outline-success{border-color:#22c55e!important;color:#15803d!important}.btn-outline-success:hover{background:#22c55e!important;color:#fff!important}.btn-outline-secondary{border-color:var(--border)!important;color:var(--text-muted)!important}.btn-outline-secondary:hover{background:var(--border)!important;color:var(--text-primary)!important}.badge{font-weight:600;letter-spacing:.2px;padding:4px 10px;border-radius:20px}.badge-status-1{background:#dcfce7;color:#15803d}.badge-status-0{background:#fee2e2;color:#b91c1c}.theme-toggle{background:none;border:none;padding:0;cursor:pointer}.theme-track{width:52px;height:28px;border-radius:20px;background:var(--border);position:relative;transition:background .25s;padding:3px}.theme-thumb,.theme-track{display:flex;align-items:center}.theme-thumb{width:22px;height:22px;border-radius:50%;background:#fff;justify-content:center;font-size:11px;color:#f59e0b;box-shadow:0 1px 4px rgba(0,0,0,.2);transition:transform .25s,background .25s,color .25s;transform:translateX(0)}.theme-thumb.dark{background:#1a1f3c;color:#a5b4fc;transform:translateX(24px)}.form-control,.form-select{border:1.5px solid var(--border);border-radius:10px;font-size:14px;padding:9px 14px;background:var(--input-bg);color:var(--text-primary);transition:border-color .15s,box-shadow .15s,background .25s}.form-control:focus,.form-select:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.15);outline:none;background:var(--input-bg);color:var(--text-primary)}.form-label{font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.modal-content{border-radius:18px;border:1px solid var(--border);box-shadow:0 20px 60px rgba(0,0,0,.25);background:var(--modal-bg)}.modal-header{border-bottom:1px solid var(--border-light);padding:20px 24px;border-radius:18px 18px 0 0}.modal-title{font-weight:700;font-size:16px;color:var(--text-primary)}.modal-body{padding:20px 24px}.modal-footer{border-top:1px solid var(--border-light);padding:16px 24px;border-radius:0 0 18px 18px}[data-theme=dark] .table,[data-theme=dark] .table>:not(caption)>*>*{background-color:var(--bg-card)!important;color:var(--text-primary)!important;border-color:var(--border-light)!important}[data-theme=dark] .table-light,[data-theme=dark] .table-light>*{background-color:var(--bg-thead)!important;color:var(--text-muted)!important}[data-theme=dark] .table-hover>tbody>tr:hover>*{background-color:var(--row-hover)!important;color:var(--text-primary)!important}[data-theme=dark] .dataTables_wrapper{color:var(--text-primary)!important}[data-theme=dark] .dataTables_wrapper .dataTables_info{color:var(--text-muted)!important}[data-theme=dark] .dataTables_wrapper .dataTables_paginate .paginate_button:not(.current){background:var(--bg-card)!important;color:var(--text-primary)!important;border-color:var(--border)!important}[data-theme=dark] .dataTables_wrapper .dataTables_paginate .paginate_button.disabled{color:var(--text-muted)!important}[data-theme=dark] table.dataTable thead td,[data-theme=dark] table.dataTable thead th{border-bottom-color:var(--border)!important}[data-theme=dark] .btn-close{filter:invert(1)}[data-theme=dark] .alert-danger{background:#2d1b1b;color:#fca5a5;border-color:#7f1d1d}[data-theme=dark] .alert-success{background:#1b2d1b;color:#86efac;border-color:#14532d}[data-theme=dark] .badge.bg-light{background:#2d3148!important;color:var(--text-primary)!important}[data-theme=dark] .border{border-color:var(--border)!important}[data-theme=dark] .text-muted{color:var(--text-muted)!important}[data-theme=dark] .text-dark{color:var(--text-primary)!important}.dataTables_wrapper .dataTables_filter input{border:1.5px solid var(--border)!important;border-radius:8px!important;padding:6px 12px!important;font-size:13px!important;margin-left:6px!important;background:var(--input-bg)!important;color:var(--text-primary)!important;box-shadow:none!important;height:auto!important}.dataTables_wrapper .dataTables_filter input:focus{border-color:#667eea!important;outline:none!important;box-shadow:0 0 0 3px rgba(102,126,234,.12)!important}.dataTables_wrapper .dataTables_length select{border:1.5px solid var(--border)!important;border-radius:8px!important;padding:4px 8px!important;font-size:13px!important;width:auto!important;display:inline-block!important;background:var(--input-bg)!important;color:var(--text-primary)!important;box-shadow:none!important;height:auto!important}.dataTables_wrapper .dataTables_info{font-size:13px;color:#6b7280;padding-top:10px}.dataTables_wrapper .dataTables_paginate{padding-top:10px}.dataTables_wrapper .dataTables_paginate .paginate_button{border-radius:8px!important;font-size:13px!important;padding:4px 10px!important;margin:0 2px!important;border:1.5px solid #e5e7eb!important}.dataTables_wrapper .dataTables_paginate .paginate_button.current{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-color:transparent!important;color:#fff!important;font-weight:600!important}.dataTables_wrapper .dataTables_paginate .paginate_button:hover:not(.current){background:#f3f4f6!important;border-color:#d1d5db!important;color:#374151!important}table.dataTable thead td,table.dataTable thead th{border-bottom:2px solid #e5e7eb!important}table.dataTable.no-footer{border-bottom:none!important}