.switch{position:relative;display:inline-block;width:46px;height:26px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#e5e7eb;transition:.4s;border-radius:26px;border:1px solid #b0b7c3}.slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 1px 3px #0001}input:checked+.slider{background-color:#10b981;border-color:#10b981}input:checked+.slider:before{transform:translate(20px)}.slider.round{border-radius:26px}.toggle-btn{min-width:60px;padding:6px 18px;border-radius:16px;border:1px solid #b0b7c3;background:#e5e7eb;color:#333;font-weight:600;cursor:pointer;transition:all .2s;outline:none}.toggle-btn.enabled{background:#10b981;color:#fff;border-color:#10b981}.toggle-btn:focus{box-shadow:0 0 0 2px #10b98144}:root{--bg: #d9d9db;--card: #ffffff;--topbar: #1976d2;--accent: #0b63d6;--muted: #6b7280;--text: #1f2937;--border: #e5e7eb}[data-theme=dark]{--bg: #1a1a1a;--card: #2d2d2d;--topbar: #0d47a1;--accent: #1976d2;--muted: #9ca3af;--text: #e5e7eb;--border: #404040}*{box-sizing:border-box}body,html,#root{height:100%;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:var(--bg);color:var(--text);transition:background .3s ease,color .3s ease}.topbar{width:100%;background:var(--topbar);height:64px;display:flex;align-items:center;box-shadow:0 1px #0000000f}.topbar-inner{width:100%;padding:0 18px;display:flex;align-items:center}.logo{display:flex;align-items:center;gap:12px}.topmenu{display:none}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:12px}.logout-icon{background:transparent;border:0;padding:6px 8px;border-radius:6px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.logout-icon svg{display:block}.topbar-profile{display:flex;align-items:center;gap:10px;color:#fff;margin-right:6px}.profile-avatar{width:36px;height:36px;border-radius:50%;background:#ffffff1f;display:inline-flex;align-items:center;justify-content:center;font-weight:700;color:#fff}.profile-name{font-weight:600;color:#fff;margin-right:4px}.topbar-profile{position:relative;cursor:pointer}.profile-menu{position:absolute;right:0;top:46px;min-width:160px;background:var(--card);border-radius:8px;box-shadow:0 8px 28px #1018281f;padding:6px;display:none;flex-direction:column;z-index:60}.profile-menu.open{display:flex}.profile-menu-item{background:transparent;border:0;padding:8px 10px;text-align:left;width:100%;cursor:pointer;border-radius:6px;color:var(--muted);font-weight:600;display:flex;align-items:center;gap:10px}.profile-menu-item .menu-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--muted);width:18px}.profile-menu-item .menu-icon svg{width:18px;height:18px;display:block}.profile-menu-item .menu-label{flex:1;text-align:left}.profile-menu-item:hover{background:#f3f4f6;color:var(--topbar)}.profile-menu-divider{height:1px;background:#eef2f6;margin:6px 0;border-radius:2px}@media(max-width:480px){.profile-menu{right:6px;left:6px;top:52px}}.mobile-overlay{position:fixed;inset:64px 0 0;background:#00000047;z-index:15;transition:opacity .18s ease,visibility .18s ease;opacity:0;visibility:hidden;pointer-events:none}.mobile-overlay.show{opacity:1;visibility:visible;pointer-events:auto}.sr-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.logout-icon{color:#fff;background:#ffffff14;padding:8px;border-radius:8px;border:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000014;transition:transform .12s ease,background .12s ease}.logout-icon:hover{background:#ffffff24;transform:translateY(-1px)}.logout-icon:active{transform:translateY(0)}.logout-icon svg{width:18px;height:18px;color:inherit}.theme-toggle{color:#fff;background:#ffffff14;padding:8px;border-radius:8px;border:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000014;transition:transform .12s ease,background .12s ease;font-size:18px;cursor:pointer}.theme-toggle:hover{background:#ffffff24;transform:translateY(-1px)}.theme-toggle:active{transform:translateY(0)}.dashboard-entry{margin-bottom:8px}.dashboard-link{background:transparent;border:0;padding:8px 6px;width:100%;display:flex;align-items:center;gap:10px;border-radius:6px;cursor:pointer;text-decoration:none;color:inherit}.dashboard-link .icon{width:18px;height:18px;color:#4b5563}.dashboard-link:hover .icon,.dashboard-link:focus .icon{color:var(--topbar)}.dashboard-link .label-text{flex:1;text-align:left;font-weight:700}.dashboard-link.active,.section-list button.active,.section-list a.active{background:#1976d214}.dashboard-link.active .icon,.section-list button.active .icon,.section-list a.active .icon{color:var(--topbar)}.dashboard-link.active .label-text,.section-list button.active .label-text,.section-list a.active .label-text{color:var(--topbar);font-weight:700}.logo svg{background:transparent}.brand{color:#fff;font-weight:700;letter-spacing:1px;font-size:20px}.content{min-height:calc(100vh - 64px);background:var(--bg);padding:32px 18px;display:flex;align-items:flex-start}.content,.app-layout,main.dashboard{width:100%}.dashboard{max-width:none;margin:16px 0;padding:24px;border-radius:10px}.dashboard-topcards{width:100%;max-width:none}.login-shell{display:grid;grid-template-columns:1fr 420px;align-items:start;width:100%;max-width:none;margin:0;gap:24px}.login-shell .spacer{min-height:360px}.login-card{background:var(--card);padding:30px;border-radius:6px;box-shadow:0 6px 20px #0000001f;width:420px}.card-title{font-family:Courier New,Courier,monospace;font-weight:600;text-align:center;margin:0 0 18px;font-size:22px}.field{display:flex;flex-direction:column;margin-bottom:22px}.field .label{color:#4b5563;font-size:14px;margin-bottom:8px}.field input{border:0;border-bottom:1px solid #cfcfcf;padding:10px 6px;font-size:15px;background:transparent;outline:none}.field input:focus{border-bottom-color:var(--accent)}.error{color:#b91c1c;padding:10px;background:#fff5f5;border-radius:6px;margin-bottom:12px}.login-btn{display:block;width:100%;background:var(--topbar);color:#fff;padding:12px;border-radius:6px;border:none;font-weight:700;letter-spacing:1px;box-shadow:0 6px 12px #0b63d61f;cursor:pointer}.login-btn:disabled{opacity:.6;cursor:default}.dashboard{background:var(--card);padding:28px;border-radius:12px;box-shadow:0 6px 20px #1018280f;max-width:none;margin:32px 0}@media(max-width:1024px){.login-shell{grid-template-columns:1fr;gap:12px;padding-top:20px}.login-card{width:100%;max-width:480px;margin:0 auto}.topbar-inner{padding:0 12px}}.app-layout{display:flex;gap:24px;align-items:flex-start;width:100%;max-width:none;margin:0;padding:0 18px}.sidebar{width:260px;background:var(--card);border-radius:6px;box-shadow:0 6px 20px #00000014;padding:12px;display:flex;flex-direction:column;gap:12px;position:relative;z-index:20;transition:width .18s ease}.sidebar.collapsed{width:64px;overflow:visible}.sidebar-top{display:flex;align-items:center;gap:8px;justify-content:flex-end;padding-right:6px}.collapse-toggle{background:#f3f4f6;border:0;padding:6px 8px;border-radius:6px;cursor:pointer}.mobile-toggle{display:none}.sidebar-brand{font-weight:700;color:var(--topbar);font-size:18px}.sidebar-nav{flex:1;overflow:auto}.section{margin-top:8px}.section-title{width:100%;text-align:left;background:transparent;border:0;padding:8px 6px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:10px;color:var(--text)}.section-list{list-style:none;padding:0;margin:0 0 0 6px}.section-list li{margin:6px 0}.section-list button,.section-list a{background:transparent;border:0;padding:6px 8px;width:100%;text-align:left;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.section-list button:hover,.section-list a:hover{background:#f3f4f6}.section-list .icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;color:#4b5563}.section-list .label-text{flex:1;text-align:left}.sidebar.collapsed .label-text{display:none}.sidebar.collapsed .section-title,.sidebar.collapsed .dashboard-link,.sidebar.collapsed .section-list a{justify-content:center;padding:8px 0}.sidebar.collapsed .section-list{margin-left:0;padding-left:0}.sidebar.collapsed:hover{width:260px}.sidebar.collapsed:hover .label-text{display:inline}.sidebar.collapsed:hover .section-title{justify-content:flex-start;padding:8px 6px}.sidebar.collapsed:hover .dashboard-link,.sidebar.collapsed:hover .section-list a{justify-content:flex-start;padding:6px 8px}.sidebar.collapsed:hover .section-list{margin-left:6px;padding-left:0}.sidebar.collapsed:focus-within{width:260px}.sidebar.collapsed:focus-within .label-text{display:inline}.sidebar.collapsed:focus-within .section-title{justify-content:flex-start;padding:8px 6px}.sidebar.collapsed:focus-within .dashboard-link,.sidebar.collapsed:focus-within .section-list a{justify-content:flex-start;padding:6px 8px}.sidebar.collapsed:focus-within .section-list{margin-left:6px;padding-left:0}.sidebar.collapsed:focus-within{box-shadow:0 8px 28px #1018281f}.section-list button:hover .icon,.section-list button:focus .icon,.section-list button:active .icon,.section-list a:hover .icon,.section-list a:focus .icon,.section-list a:active .icon{color:var(--topbar)}.section-list button:focus,.section-list a:focus{outline:2px solid rgba(25,118,210,.12);outline-offset:2px}.sidebar-footer{padding:6px}.sidebar-footer .version{display:block;font-size:12px;color:var(--muted);margin-top:6px}.dashboard{flex:1;background:var(--card);padding:20px;border-radius:6px;box-shadow:none;max-width:none;margin:0}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.logout{background:transparent;border:1px solid #e5e7eb;padding:8px 12px;border-radius:6px;cursor:pointer}.muted{color:var(--muted)}.dashboard-topcards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:18px}.stat-card{position:relative;padding:18px;border-radius:8px;color:#fff;min-height:92px;overflow:hidden}.stat-card .stat-head{display:flex;justify-content:space-between;align-items:flex-start}.stat-value{font-size:20px;font-weight:700}.stat-delta{font-size:12px;opacity:.9}.stat-label{margin-top:10px;opacity:.95;font-size:13px}.card--indigo{background:linear-gradient(135deg,#3949ab,#5c6bc0)}.card--cyan{background:linear-gradient(135deg,#42a5f5,#64b5f6)}.card--amber{background:linear-gradient(135deg,#f6c84c,#f4b942);color:#1f2937}.card--rose{background:linear-gradient(135deg,#ef5350,#f44336)}.stat-card .success{color:#fffffff2}@media(max-width:980px){.dashboard-topcards{grid-template-columns:repeat(2,1fr)}}.page-shell{padding:18px;background:transparent}.page-two-column .table-and-form{display:flex;gap:18px}.form-panel{width:360px;background:var(--card);padding:12px;border-radius:8px;box-shadow:0 6px 18px #1018280f}.form-panel h3{margin-top:0;color:var(--text)}.form-panel .field{margin-bottom:10px}.form-panel .field label{display:block;margin-bottom:6px;color:var(--text)}.form-panel input[type=text],.form-panel input[type=number],.form-panel textarea,.form-panel select{width:100%;padding:8px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--text)}.page-two-column .table-shell{flex:1}.info-form-card{background:var(--card);padding:20px;border-radius:12px;box-shadow:0 10px 30px #1018280f;max-width:900px;margin:0 auto}.info-form-card h2{margin:0 0 12px;font-size:20px;color:var(--text)}.info-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.info-form-grid .field{margin:0}.info-form-grid .field.full{grid-column:1 / -1}.info-form-grid label{display:block;font-weight:600;color:var(--text);margin-bottom:8px}.info-form-grid input[type=text],.info-form-grid input[type=number],.info-form-grid textarea,.info-form-grid select{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:var(--text);font-size:15px}.info-form-grid textarea{min-height:120px;resize:vertical}.info-form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.btn.secondary{background:var(--card);border:2px solid var(--border);color:var(--text);font-weight:600;padding:12px 24px;font-size:15px;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #00000014}.btn.secondary:hover{background:var(--border);border-color:var(--muted);transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.btn.secondary:active{transform:translateY(0);box-shadow:0 2px 6px #00000014}.btn.primary{background:linear-gradient(135deg,var(--topbar) 0%,var(--accent) 100%);color:#fff;border:none;font-weight:600;padding:12px 28px;font-size:15px;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 16px #0b63d640}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0b63d659}.btn.primary:active{transform:translateY(0);box-shadow:0 3px 12px #0b63d640}.btn.primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 2px 8px #0b63d626}.form-field{margin-bottom:14px;display:flex;flex-direction:column}.form-field label{font-weight:600;margin-bottom:6px;color:var(--text)}.form-field input,.form-field textarea,.form-field select{border:1px solid var(--border);padding:10px 12px;border-radius:6px;font-size:14px;background:var(--card);color:var(--text)}.form-field textarea{min-height:120px;resize:vertical}.form-field select{height:40px}.toast{position:fixed;right:20px;bottom:20px;z-index:9999;display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;box-shadow:0 6px 18px #0000001f;color:#fff}.toast--success{background:linear-gradient(90deg,#2ea44f,#2bb673)}.toast--error{background:linear-gradient(90deg,#e14a3b,#d6453b)}.toast-message{font-weight:600}.toast-close{background:transparent;border:none;color:#ffffffe6;font-size:18px;cursor:pointer}@media(max-width:720px){.info-form-grid{grid-template-columns:1fr}.info-form-card{padding:16px}}.row-actions{display:flex;gap:8px;justify-content:flex-end}.row-actions .btn{padding:6px 8px}.btn-icon{padding:8px 12px;border:none;border-radius:6px;font-size:18px;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center}.btn-edit{background:#fef3c7;color:#f59e0b}.btn-edit:hover{background:#fcd34d;transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.btn-edit:active{transform:translateY(0);box-shadow:0 2px 6px #f59e0b33}.btn-delete{background:#fee2e2;color:#ef4444}.btn-delete:hover{background:#fca5a5;transform:translateY(-2px);box-shadow:0 4px 12px #ef44444d}.btn-delete:active{transform:translateY(0);box-shadow:0 2px 6px #ef444433}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.toolbar .btn{margin-left:8px;padding:8px 12px;border-radius:6px;border:1px solid var(--border);background:var(--card);color:var(--text);cursor:pointer}.toolbar .btn.primary{background:var(--topbar);color:#fff;border-color:var(--topbar)}.table-shell{background:var(--card);padding:12px;border-radius:8px}.list-table{width:100%;border-collapse:collapse}.list-table th,.list-table td{padding:18px;border-bottom:1px solid var(--border);text-align:left;color:var(--text)}.list-table thead th{background:transparent;color:var(--muted);font-weight:600}.pagination-section{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding:16px;background:var(--card);border-radius:8px;border:1px solid var(--border)}.pagination-info{color:var(--muted);font-weight:500;font-size:14px}.pagination-controls{display:flex;gap:12px;align-items:center}.page-size-label{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--text);font-size:14px}.page-size-select{padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--text);font-size:14px;cursor:pointer;transition:all .2s ease;font-weight:500}.page-size-select:hover{border-color:var(--accent);box-shadow:0 0 0 3px #1976d21a}.page-size-select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #1976d226}.pagination-btn{padding:8px 16px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--text);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.pagination-btn:hover:not(:disabled){background:var(--accent);color:#fff;border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 12px #1976d233}.pagination-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px #1976d226}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn span{font-size:16px}.page-indicator{padding:8px 16px;background:var(--bg);border-radius:6px;color:var(--text);font-weight:600;font-size:14px;border:1px solid var(--border)}.modal-overlay{position:fixed;inset:0;background:#00000047;display:flex;align-items:center;justify-content:center;z-index:120}.modal{background:var(--card);padding:18px;border-radius:8px;min-width:320px;max-width:720px}.modal h3{margin-top:0;color:var(--text)}.modal .field{margin-bottom:12px}.modal .field label{display:block;margin-bottom:6px;color:var(--text)}.modal .field input{width:100%;padding:8px;border:1px solid var(--border);border-radius:6px;background:var(--card);color:var(--text)}@media(max-width:560px){.dashboard-topcards{grid-template-columns:1fr}}@media(max-width:1024px){.app-layout{flex-direction:column;padding:12px}.sidebar{display:none}.sidebar.collapsed{width:100%}.collapse-toggle{display:none}.topbar .mobile-toggle{display:inline-flex;background:transparent;border:0;padding:6px 8px;border-radius:6px;cursor:pointer;margin-right:6px;color:#fff}.topbar .mobile-toggle svg{display:block}.sidebar-nav{display:none}.sidebar.mobile-open{display:flex;flex-direction:column;align-items:stretch;position:fixed;top:64px;left:0;right:0;width:100%;z-index:25;padding:12px}.sidebar.mobile-open .sidebar-top{display:flex;align-items:center;gap:8px}.sidebar.mobile-open .sidebar-nav{display:flex;flex-direction:column;padding:8px 12px;background:var(--card);border-radius:8px;margin-top:0}.sidebar-footer{display:none}.sidebar.mobile-open .sidebar-footer{display:block;padding:8px}.sidebar.mobile-open .section-list{margin-left:0}.sidebar.mobile-open .section-list li{margin:6px 0}}@media(min-width:600px)and (max-width:1200px){.content{padding:18px 12px}.app-layout{padding:0 12px;gap:12px}.sidebar{width:220px}.sidebar.collapsed{width:56px}.dashboard{padding:20px;margin:16px 0}.login-shell{grid-template-columns:1fr 380px;gap:16px}}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--card);padding:24px;border-radius:8px;box-shadow:0 8px 28px #1018282e;min-width:320px;max-width:500px}.modal-content h3{margin:0 0 12px;font-size:18px;font-weight:600;color:var(--text)}.modal-content p{margin:0 0 20px;color:var(--muted);line-height:1.5}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.download-card{background:var(--card);border-radius:12px;box-shadow:0 4px 16px #1018281a;padding:32px 24px;max-width:420px;margin:40px auto 0;text-align:center}.download-card h3{margin:0 0 18px;font-size:22px;color:var(--topbar)}.download-card .btn.primary{background:linear-gradient(135deg,var(--topbar) 0%,var(--accent) 100%);color:#fff;border:none;font-weight:600;border-radius:8px;box-shadow:0 4px 16px #1976d22e;transition:all .18s}.download-card .btn.primary:hover{background:var(--accent);color:#fff;transform:translateY(-2px);box-shadow:0 8px 24px #1976d238}