:root{--color-bg:#f8fafc;--color-surface:#fff;--color-border:#e2e4e9;--color-border-soft:#e5e7eb;--color-text:#1f2430;--color-text-muted:#6b7280;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-danger:#dc2626;--color-danger-hover:#b91c1c;--color-success:#16a34a;--color-success-hover:#15803d;--color-sidebar-bg:#111827;--color-sidebar-text:#d1d5db;--color-sidebar-active:#2563eb;--radius:8px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 1px 2px #0f172a0a, 0 1px 3px #0f172a0f;--shadow-md:0 4px 10px #0f172a0f, 0 2px 4px #0f172a0d;--shadow-lg:0 12px 24px #0f172a14, 0 4px 8px #0f172a0d;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;font-family:var(--font-sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--color-bg:#0f172a;--color-surface:#1e293b;--color-border:#334155;--color-border-soft:#334155;--color-text:#e2e8f0;--color-text-muted:#94a3b8;--color-primary:#3b82f6;--color-primary-hover:#60a5fa;--shadow-sm:0 1px 2px #0000004d, 0 1px 3px #00000059;--shadow-md:0 4px 10px #00000059, 0 2px 4px #0000004d;--shadow-lg:0 12px 24px #0006, 0 4px 8px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=dark] .modal-backdrop,:root[data-theme=dark] .print-preview-overlay{background:#000000b3}:root[data-text-size=small]{font-size:14px}:root[data-text-size=normal]{font-size:16px}:root[data-text-size=large]{font-size:18px}*{box-sizing:border-box}html,body,#app{height:100%}body{background:var(--color-bg);color:var(--color-text);margin:0}h1,h2,h3{margin:0 0 .5rem}a{color:var(--color-primary)}button{cursor:pointer;font-family:inherit}.btn{border-radius:var(--radius);background:var(--color-primary);color:#fff;border:1px solid #0000;align-items:center;gap:.4rem;padding:.5rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:background-color .15s;display:inline-flex}.btn svg{flex-shrink:0;width:1rem;height:1rem}.btn:hover{background:var(--color-primary-hover)}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover{background:var(--color-bg)}.btn-danger{background:var(--color-danger)}.btn-danger:hover{background:var(--color-danger-hover)}.btn-success{background:var(--color-success)}.btn-success:hover{background:var(--color-success-hover)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:1.25rem}.panel{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:1.5rem;transition:box-shadow .2s,transform .2s}.panel-interactive{cursor:pointer}.panel-interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.trend-badge{border-radius:999px;align-items:center;gap:.2rem;padding:.1rem .45rem;font-size:.75rem;font-weight:600;display:inline-flex}.trend-badge svg{width:.85rem;height:.85rem}.trend-up{color:#15803d;background:#dcfce7}.trend-down{color:#b91c1c;background:#fee2e2}.trend-flat{color:var(--color-text-muted);background:#f1f5f9}.form-field{flex-direction:column;gap:.3rem;margin-bottom:.9rem;display:flex}.form-field label{color:var(--color-text-muted);font-size:.85rem;font-weight:500}.form-field input,.form-field select{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);padding:.5rem .6rem;font-size:.95rem}.form-field input:focus,.form-field select:focus{outline:2px solid var(--color-primary);outline-offset:1px}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--color-border);padding:.6rem .75rem}th{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;font-size:.8rem;font-weight:600}tbody tr:hover{background:var(--color-bg)}.alert{border-radius:var(--radius);margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}.alert-error{color:var(--color-danger);background:#fef2f2;border:1px solid #fecaca}.alert-success{color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0}.alert-info{color:var(--color-primary-hover);background:#eff6ff;border:1px solid #bfdbfe}.text-muted{color:var(--color-text-muted)}.flex{display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-sm{gap:.5rem}.gap-md{gap:1rem}.mb-md{margin-bottom:1rem}.pagination{border-top:1px solid var(--color-border);flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem;margin-top:1rem;padding-top:1rem;display:flex}.badge{color:#3730a3;background:#e0e7ff;border-radius:999px;padding:.15rem .55rem;font-size:.75rem;font-weight:600;display:inline-block}.welcome-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.welcome-header h2{margin:0}.welcome-datetime{text-align:right;color:var(--color-text-muted);font-size:.85rem;line-height:1.4}.welcome-datetime strong{color:var(--color-text);font-variant-numeric:tabular-nums;font-size:1rem;display:block}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;display:grid}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);align-items:center;gap:.85rem;padding:1rem 1.1rem;display:flex}.stat-card-icon{color:#3730a3;background:#e0e7ff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:2.6rem;height:2.6rem;display:flex}.stat-card-icon svg{width:1.4rem;height:1.4rem}.stat-card-value{font-size:1.5rem;font-weight:700;line-height:1.1}.stat-card-label{color:var(--color-text-muted);font-size:.8rem}.hero-banner{border-radius:var(--radius);color:#fff;background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.75rem;display:flex}.hero-banner h2{margin:0 0 .35rem;font-size:1.4rem}.hero-banner p{color:#cbd5e1;margin:0;font-size:.9rem}.hero-datetime{text-align:right;color:#cbd5e1;font-size:.85rem;line-height:1.4}.hero-datetime strong{color:#fff;font-variant-numeric:tabular-nums;font-size:1.1rem;display:block}.modal-backdrop{z-index:100;background:#0f172a8c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-box{background:var(--color-surface);border-radius:var(--radius);text-align:center;width:100%;max-width:420px;padding:1.75rem}.modal-icon{color:#b45309;background:#fef3c7;border-radius:999px;justify-content:center;align-items:center;width:3rem;height:3rem;margin:0 auto .75rem;display:flex}.modal-icon svg{width:1.75rem;height:1.75rem}.modal-icon-success{color:#16a34a;background:#dcfce7}@media print{body.print-preview-active #app{display:none!important}}@media (width<=639px){.welcome-header,.hero-banner{flex-direction:column;align-items:flex-start}.welcome-datetime,.hero-datetime{text-align:left}.stat-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.65rem}}