:root{--app-bg:#edf2f7;--panel-bg:#fff;--panel-muted:#f8fafc;--text-color:#0f172a;--muted-color:#64748b;--border-color:#d8e1eb;--shadow-color:#0f172a14;--header-bg:#fff;--sidebar-bg:#fff;--footer-bg:#fff;--table-head-bg:#f8fafc;--input-bg:#fff;--button-primary-bg:#2563eb;--button-primary-hover:#1d4ed8;--button-danger-bg:#dc2626;--button-danger-hover:#b91c1c;--row-hover-bg:#0f172a08;font-family:Inter,Arial,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:var(--app-bg,#f1f5f9);color:var(--text-color,#0f172a);margin:0;transition:background-color .2s,color .2s}#app{min-height:100vh}.app-shell{background:var(--app-bg);min-height:100vh;color:var(--text-color);grid-template-rows:auto 1fr auto;display:grid}.app-header{border-bottom:1px solid var(--border-color);background:var(--header-bg);box-shadow:0 4px 14px -10px var(--shadow-color);justify-content:space-between;align-items:center;padding:14px 24px;transition:background-color .2s,border-color .2s;display:flex}.header-left{align-items:center;gap:14px;display:flex}.header-badge{border:1px solid var(--border-color);background:var(--panel-muted);color:var(--muted-color);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:6px 10px;font-size:12px}.app-title{letter-spacing:-.01em;margin:0;font-size:22px}.app-subtitle{color:var(--muted-color);margin:2px 0 0;font-size:14px}.header-actions{align-items:center;gap:10px;display:flex}.status-pill{border:1px solid var(--border-color);background:var(--panel-muted);color:var(--muted-color);border-radius:999px;padding:6px 10px;font-size:12px}.theme-toggle{border:1px solid var(--border-color);background:var(--panel-bg);width:auto;color:var(--text-color);border-radius:999px;padding:8px 14px;font-weight:600}.logout-button{background:var(--button-danger-bg);border-radius:999px;width:auto;padding:8px 14px}.logout-button:hover{background:var(--button-danger-hover)}.app-body{grid-template-columns:240px 1fr;gap:20px;padding:20px 24px;display:grid}.app-body.collapsed{grid-template-columns:1fr}.app-sidebar{background:var(--sidebar-bg);border:1px solid var(--border-color);height:fit-content;box-shadow:0 8px 24px -16px var(--shadow-color);border-radius:14px;padding:18px;transition:background-color .2s,border-color .2s}.app-sidebar.collapsed{display:none}.sidebar-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted-color);margin-top:0;margin-bottom:12px;font-size:13px}.sidebar-list{gap:8px;margin:0;padding-left:0;list-style:none;display:grid}.sidebar-item{color:var(--muted-color);border:1px solid #0000;border-radius:8px;padding:9px 10px;transition:background-color .2s,border-color .2s,color .2s}.sidebar-link{text-decoration:none;display:block}.sidebar-item:hover{background:var(--panel-muted);color:var(--text-color)}.sidebar-item-active{color:var(--text-color);background:var(--panel-muted);border-color:var(--border-color);font-weight:600}.app-main{min-width:0}.app-footer{border-top:1px solid var(--border-color);background:var(--footer-bg);color:var(--muted-color);justify-content:space-between;align-items:center;gap:10px;padding:12px 24px;font-size:13px;transition:background-color .2s,border-color .2s;display:flex}.app-footer p{margin:0}.card{background:var(--panel-bg);border:1px solid var(--border-color);box-shadow:0 10px 26px -18px var(--shadow-color);border-radius:14px;margin-bottom:18px;padding:18px;transition:background-color .2s,border-color .2s}.card h2{margin-top:0;margin-bottom:14px}.card-title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.full-width{grid-column:1/-1}.form-actions{justify-content:flex-end;margin-top:4px;display:flex}.save-button{width:auto;min-width:140px;padding:10px 16px}label{color:var(--muted-color);margin-bottom:6px;font-size:13px;font-weight:600;display:block}input,textarea,button{border:1px solid var(--border-color);background:var(--input-bg);width:100%;color:var(--text-color);border-radius:8px;padding:10px}button{background:var(--button-primary-bg);color:#fff;cursor:pointer;border:none;font-weight:600;transition:background-color .2s,filter .2s}button:hover{background:var(--button-primary-hover)}input:focus,textarea:focus,button:focus{outline-offset:1px;outline:2px solid #2563eb52}.danger-button{background:var(--button-danger-bg)}.danger-button:hover{background:var(--button-danger-hover)}.edit-button{background:#0891b2;width:auto}.edit-button:hover{background:#0e7490}.cancel-button{background:var(--panel-muted);width:auto;min-width:120px;color:var(--text-color);border:1px solid var(--border-color)}.cancel-button:hover{background:#e2e8f0}.inline-actions{gap:8px;display:flex}.inline-actions .edit-button,.inline-actions .danger-button{width:72px;height:32px;padding:6px 12px}.modal-backdrop{z-index:1000;background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-card{width:min(760px,100%);margin:0}.confirm-card{width:min(420px,100%)}.confirm-card p{color:var(--muted-color);margin-top:0}.modal-actions{gap:8px}.table-wrap{overflow-x:auto}.error-text{color:#b91c1c}.summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:16px;display:grid}.summary-card h3{color:var(--muted-color);text-transform:uppercase;letter-spacing:.05em;margin:0 0 8px;font-size:13px}.summary-card p{margin:0;font-size:28px;font-weight:700}.reports-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.chart-card h2{margin-bottom:12px}.chart-wrap{height:300px}table{border-collapse:collapse;border:1px solid var(--border-color);border-radius:10px;width:100%;min-width:860px;overflow:hidden}thead{background:var(--table-head-bg)}th,td{border-bottom:1px solid var(--border-color);text-align:left;padding:10px 8px;font-size:14px}tbody tr:hover{background:var(--row-hover-bg)}.theme-dark{--app-bg:#050b14;--panel-bg:#101a2b;--panel-muted:#18263d;--text-color:#edf3ff;--muted-color:#adc0de;--border-color:#2f4362;--shadow-color:#0009;--header-bg:#0b1424;--sidebar-bg:#0d1829;--footer-bg:#0b1424;--table-head-bg:#15243a;--input-bg:#0e1a2d;--button-primary-bg:#3b82f6;--button-primary-hover:#2563eb;--button-danger-bg:#ef4444;--button-danger-hover:#dc2626;--row-hover-bg:#adc0de14}.theme-dark .theme-toggle{color:#edf3ff;background:#16253d;border-color:#355179}.theme-dark .status-pill,.theme-dark .header-badge{color:#c7d7ee;background:#16253d;border-color:#355179}.theme-dark input::placeholder,.theme-dark textarea::placeholder{color:#475569}.theme-dark input,.theme-dark textarea{color:#0f172a;background:#dbeafe;border-color:#60a5fa}.theme-dark input[type=datetime-local]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#0f172a;background:#dbeafe;border-color:#60a5fa;padding-right:36px}.theme-dark input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:none;opacity:1;cursor:pointer}.theme-dark table{box-shadow:inset 0 0 0 1px #2f43628c}.theme-dark th{color:#d8e4f8}.theme-dark td{color:#e9f1ff}@media (width<=900px){.app-header{padding:14px 16px}.header-left{gap:10px}.header-badge,.status-pill{display:none}.app-body{grid-template-columns:1fr;gap:14px;padding:16px}.card-title-row{flex-direction:column;align-items:flex-start}.app-footer{flex-direction:column;align-items:flex-start;padding:12px 16px}.summary-grid,.reports-grid{grid-template-columns:1fr}}