@import"https://fonts.googleapis.com/css2?family=Manrope:wght@300;500;700&family=Space+Grotesk:wght@400;600&display=swap";:root{color-scheme:light;--bg: #f1f7fb;--bg-accent: #e1f1fb;--card: #ffffff;--ink: #14212c;--muted: #4e6473;--accent: #3ec3ef;--accent-soft: #bfefff;--border: #d4e6f2;--positive: #2fa7b8;--negative: #e05b5b;--neutral: #c9deea;--shadow: 0 16px 40px rgba(20, 40, 60, .1)}*{box-sizing:border-box}body{margin:0;font-family:Manrope,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(78,214,255,.25),transparent 45%),radial-gradient(circle at 20% 20%,rgba(62,195,239,.2),transparent 35%),radial-gradient(circle at 80% 0%,rgba(146,232,255,.2),transparent 40%),var(--bg);color:var(--ink)}.app{min-height:100vh;padding:32px 24px 64px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:32px}.brand{display:flex;align-items:center;gap:12px}.brand-text{display:flex;flex-direction:column;gap:4px}.brand-mark{width:44px;height:44px;box-sizing:content-box;padding:4px;border-radius:14px;background:radial-gradient(circle at 30% 20%,#3ec3ef59,#0f1c26e6);box-shadow:0 10px 18px #10212e33,0 0 14px #3ec3ef59;filter:drop-shadow(0 6px 14px rgba(62,195,239,.4));transform:rotate(-2deg);transition:transform .35s ease,box-shadow .35s ease}.brand:hover .brand-mark{transform:translateY(-2px) rotate(2deg);box-shadow:0 14px 24px #10212e40,0 0 18px #3ec3ef73}.brand-title{font-family:Space Grotesk,Manrope,sans-serif;font-size:28px;font-weight:600;letter-spacing:.02em}.brand-subtitle{color:var(--muted);text-transform:uppercase;font-size:12px;letter-spacing:.2em}.topbar-actions{display:flex;align-items:center;gap:12px}.user-pill{background:var(--accent-soft);padding:6px 12px;border-radius:999px;font-weight:600}main{display:flex;flex-direction:column;gap:24px}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.login-card{max-width:420px;margin:0 auto}.login-form{display:flex;flex-direction:column;gap:16px;margin-top:16px}label{font-size:14px;color:var(--muted);display:flex;flex-direction:column;gap:6px}input,select{padding:10px 12px;border:1px solid var(--border);border-radius:10px;font-size:14px;background:#fff;color:var(--ink)}input:focus,select:focus{outline:2px solid rgba(62,195,239,.45);border-color:var(--accent)}.btn{border:none;border-radius:999px;padding:10px 18px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn.primary{background:var(--accent);color:#fff;box-shadow:0 10px 20px #3ec3ef59}.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--ink)}.btn:hover{transform:translateY(-1px)}.dashboard{display:flex;flex-direction:column;gap:32px}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.summary-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.summary-top h3{margin:0}.summary-pie{width:54px;height:54px;border-radius:50%;border:1px solid var(--border);background:conic-gradient(var(--neutral) 0deg 360deg);box-shadow:inset 0 0 0 6px #fffc;flex-shrink:0}.summary h3{margin:0 0 12px;font-family:Space Grotesk,Manrope,sans-serif}.summary-row{display:flex;justify-content:space-between;font-size:14px;margin-bottom:6px;gap:12px}.summary-row strong{font-weight:700}.summary-row.input-row{align-items:center}.summary-row.input-row label{color:var(--muted)}.summary-row.input-row input{width:120px}.accent{color:var(--accent);font-weight:600}.section-grid{display:grid;gap:20px}.section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:16px}.section-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.section-header h2{margin:0;font-family:Space Grotesk,Manrope,sans-serif}.section-subtitle{margin:6px 0 0;color:var(--muted);font-size:13px}.table{display:grid;gap:8px}.slide-enter-active,.slide-leave-active{transition:max-height .25s ease,opacity .2s ease;overflow:hidden}.slide-enter-from,.slide-leave-to{max-height:0;opacity:0}.slide-enter-to,.slide-leave-from{max-height:1200px;opacity:1}.table-row{display:grid;gap:8px;align-items:center}.table-row.cols-4{grid-template-columns:2fr 1fr 1fr 1fr 40px}.table-row.cols-3{grid-template-columns:2fr 1fr 1fr 40px}.table-row input,.table-row select,.table-row .status-toggle{width:100%}.table-header{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.table-header span{padding-left:2px}.status-header{display:flex;flex-direction:column;gap:6px}.status-bulk{display:flex;gap:6px}.status-bulk-btn{border:none;border-radius:8px;width:28px;height:28px;color:#fff;font-size:14px;font-weight:700;cursor:pointer}.status-bulk-btn.is-yes{background:var(--positive)}.status-bulk-btn.is-no{background:var(--negative)}.status-bulk-btn:disabled{opacity:.5;cursor:not-allowed}.table-empty{padding:16px;text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:12px}.icon-button{border:none;background:var(--bg-accent);border-radius:10px;width:36px;height:36px;cursor:pointer}.status-toggle{border:none;border-radius:10px;height:36px;display:inline-flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;cursor:pointer}.status-toggle.is-no{background:var(--negative)}.status-toggle.is-yes{background:var(--positive)}.section-footer{border-top:1px solid var(--border);margin-top:16px;padding-top:12px;display:grid;gap:6px}.hint{color:var(--muted);font-size:13px;margin-top:12px}.error{color:#cc3b3b;font-weight:600;text-align:center}@media (max-width: 900px){.table-row{grid-template-columns:1fr;gap:10px}.table-header{display:none}.section-header{flex-direction:column;align-items:flex-start}}