:root{--bg: #f4f6f8;--surface: #ffffff;--border: #e2e6ea;--text: #1f2933;--text-muted: #6b7280;--primary: #1d4ed8;--primary-dark: #1e3a8a;--positive: #15803d;--negative: #b91c1c;--radius: 10px;font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font-family:inherit;font-size:14px}button{cursor:pointer;border:none;border-radius:6px;padding:8px 16px;background:var(--primary);color:#fff;font-weight:600;transition:background .15s ease}button:hover{background:var(--primary-dark)}button:disabled{background:#9ca3af;cursor:not-allowed}button.secondary{background:transparent;color:var(--primary);border:1px solid var(--border)}button.secondary:hover{background:#eef2ff}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:12px 24px;display:flex;align-items:center;justify-content:space-between}.topbar-brand{font-weight:700;font-size:18px;color:var(--primary-dark)}.topbar-nav{display:flex;gap:16px;align-items:center}.topbar-nav a{color:var(--text-muted);text-decoration:none;font-weight:500}.topbar-nav a.active,.topbar-nav a:hover{color:var(--primary)}.page{padding:24px;max-width:1100px;width:100%;margin:0 auto;flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px}.card h2{margin-top:0}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-bottom:20px}.summary-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.summary-tile .label{color:var(--text-muted);font-size:13px;margin-bottom:4px}.summary-tile .value{font-size:22px;font-weight:700}.summary-tile .value.negative{color:var(--negative)}.summary-tile .value.positive{color:var(--positive)}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border)}th{color:var(--text-muted);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums}tr.nominal-row{cursor:pointer}tr.nominal-row:hover{background:#f8fafc}tr.detail-row td{background:#fafbfc;padding:0}.detail-wrap{padding:8px 12px 16px 40px}.detail-wrap table{font-size:13px}.variance.negative{color:var(--negative);font-weight:600}.variance.positive{color:var(--positive);font-weight:600}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600;background:#e0e7ff;color:var(--primary-dark)}.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg)}.login-card{background:var(--surface);padding:32px;border-radius:var(--radius);border:1px solid var(--border);width:340px}.login-card h1{font-size:20px;margin-bottom:4px}.login-card p.sub{color:var(--text-muted);margin-top:0;margin-bottom:20px;font-size:13px}.field{margin-bottom:14px;display:flex;flex-direction:column;gap:6px}.field input{padding:9px 10px;border:1px solid var(--border);border-radius:6px}.error-text{color:var(--negative);font-size:13px;margin:8px 0}.dropzone{border:2px dashed var(--border);border-radius:var(--radius);padding:32px;text-align:center;color:var(--text-muted);margin-bottom:16px}.dropzone.active{border-color:var(--primary);background:#eef2ff}.pill-error{color:var(--negative);font-size:13px}.pill-ok{color:var(--positive);font-size:13px}