@charset "UTF-8";:root{--bg: #f3f6fb;--surface: #ffffff;--surface-soft: #f8faff;--border: #d9e2ef;--text: #1a2a3a;--muted: #5f7288;--primary: #1565c0;--primary-strong: #0d47a1;--secondary: #546e7a;--secondary-strong: #455a64;--danger: #c62828;--danger-strong: #b71c1c;--success: #2e7d32;--success-strong: #1b5e20;--warning: #ed6c02;--warning-strong: #e65100;--shadow: 0 6px 18px rgba(10, 34, 66, .08)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:linear-gradient(180deg,#eef3fb 0%,#f8faff 120px,var(--bg) 100%);color:var(--text);font-family:Segoe UI,Roboto,Arial,sans-serif;overflow-x:clip}app-root,body>app-root{display:block;width:100%;max-width:none}h2{margin:0 0 .35rem;font-size:1.4rem}h3{margin:0 0 .5rem;font-size:1rem;color:#223a54}p{margin:.35rem 0 .75rem;color:var(--muted)}section{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:1rem}.table-wrap{width:100%;overflow-x:auto;border-radius:10px}label{font-size:.84rem;color:#38506a;display:grid;gap:.3rem}input,select{width:100%;border:1px solid var(--border);border-radius:8px;padding:.55rem .65rem;font-size:.92rem;color:var(--text);background:#fff}input:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1565c026}select:enabled{cursor:pointer;pointer-events:auto}select:disabled{cursor:not-allowed;opacity:.72}button{border:1px solid transparent;border-radius:8px;padding:.52rem .75rem;background:var(--primary);color:#fff;cursor:pointer;font-size:.88rem;font-weight:600}button:hover:not(:disabled){background:var(--primary-strong)}button:disabled{opacity:.55;cursor:not-allowed}.btn{border:1px solid transparent;border-radius:8px;padding:.52rem .75rem;color:#fff;cursor:pointer;font-size:.88rem;font-weight:600}.btn-primary{background:var(--primary)}.btn-primary:hover:not(:disabled){background:var(--primary-strong)}.btn-secondary{background:var(--secondary)}.btn-secondary:hover:not(:disabled){background:var(--secondary-strong)}.btn-success{background:var(--success)}.btn-success:hover:not(:disabled){background:var(--success-strong)}.btn-danger{background:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger-strong)}.btn-warning{background:var(--warning)}.btn-warning:hover:not(:disabled){background:var(--warning-strong)}.btn-ghost{background:#fff;color:var(--primary);border-color:var(--border)}.btn-ghost:hover:not(:disabled){background:#eef5ff}body.form-sheet-open{overflow:hidden}table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#fff}th,td{border-bottom:1px solid #e7edf6;padding:.62rem .7rem;text-align:left;font-size:.9rem}thead th{background:#edf3fc;color:#2b435d;font-weight:700}tbody tr:nth-child(2n) td{background:#fbfdff}tbody tr:hover td{background:#f2f7ff}.toolbar{display:flex;flex-wrap:wrap;gap:.5rem;align-items:end;margin-bottom:.75rem}.grid-4{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:.65rem}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.7rem;margin:.85rem 0 1rem}.kpi-card{background:var(--surface-soft);border:1px solid var(--border);border-radius:10px;padding:.8rem}.muted{color:var(--muted)}.status-danger{color:var(--danger)}.status-success{color:var(--success)}@media(max-width:1024px){section{padding:.85rem}.grid-4{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media(max-width:768px){h2{font-size:1.2rem}h3{font-size:.95rem}p{font-size:.9rem}.toolbar{gap:.45rem}.toolbar>*{width:100%}.toolbar label{width:100%}.grid-4{grid-template-columns:1fr}.kpi-grid{grid-template-columns:1fr 1fr}th,td{white-space:nowrap;padding:.55rem .58rem;font-size:.84rem}table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}button,.btn{width:100%;justify-content:center}header.topbar button,header.topbar .topbar-menu-btn{width:auto}}@media(max-width:520px){html,body{font-size:14px}section{border-radius:10px;padding:.75rem}.kpi-grid{grid-template-columns:1fr}}