:root{--bg: #f6f7f9;--surface: #ffffff;--border: #e3e7ec;--border-strong: #cbd3dd;--text: #16202b;--text-secondary: #5a6675;--text-muted: #8c97a5;--accent: #2563eb;--accent-bg: #eef3fe;--danger: #c0322b;--danger-bg: #fbeceb;--warning: #9a7220;--warning-bg: #fcf3e3;--success: #217a54;--success-bg: #e7f5ee;--radius: 8px;--radius-lg: 12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);font-size:15px;line-height:1.5}*{box-sizing:border-box}body{margin:0;background:var(--bg);-webkit-font-smoothing:antialiased}h1{font-size:20px;font-weight:600;margin:0}h2{font-size:16px;font-weight:600;margin:0}h3{font-size:14px;font-weight:600;margin:0}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.shell{min-height:100vh;display:flex;flex-direction:column}.topbar{background:var(--surface);border-bottom:1px solid var(--border);padding:0 24px;height:56px;display:flex;align-items:center;gap:24px;position:sticky;top:0;z-index:10}.topbar .brand{font-weight:600;letter-spacing:-.01em}.topbar nav{display:flex;gap:4px;flex:1}.navlink{padding:6px 12px;border-radius:var(--radius);color:var(--text-secondary);font-size:14px;font-weight:500}.navlink:hover{background:var(--bg);text-decoration:none}.navlink.active{background:var(--accent-bg);color:var(--accent)}.page{padding:24px;max-width:1100px;width:100%;margin:0 auto}.page-head{display:flex;align-items:center;gap:12px;margin-bottom:20px}.page-head h1{flex:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;align-items:center;gap:8px}.spread{display:flex;align-items:center;justify-content:space-between;gap:12px}.muted{color:var(--text-secondary);font-size:14px}.tiny{color:var(--text-muted);font-size:13px}.report-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px 16px;display:block;color:inherit}.report-row:hover{border-color:var(--border-strong);text-decoration:none}.report-row.overdue{border-left:3px solid var(--danger)}.snippet{background:var(--bg);border-radius:var(--radius);padding:10px 12px;font-size:14px;color:var(--text-secondary);white-space:pre-wrap;overflow-wrap:anywhere}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:500;white-space:nowrap}.badge.neutral{background:var(--bg);color:var(--text-secondary)}.badge.accent{background:var(--accent-bg);color:var(--accent)}.badge.danger{background:var(--danger-bg);color:var(--danger)}.badge.warning{background:var(--warning-bg);color:var(--warning)}.badge.success{background:var(--success-bg);color:var(--success)}button{font:inherit;font-size:14px;font-weight:500;padding:7px 14px;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);color:var(--text);cursor:pointer}button:hover:not(:disabled){background:var(--bg)}button:disabled{opacity:.5;cursor:not-allowed}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:#1d4fd0}button.danger{background:var(--danger);border-color:var(--danger);color:#fff}button.danger:hover:not(:disabled){background:#a52a24}button.ghost{border-color:transparent;background:transparent;color:var(--text-secondary)}button.ghost:hover:not(:disabled){background:var(--bg)}input[type=text],input[type=email],input[type=password],input[type=date],textarea,select{font:inherit;font-size:14px;width:100%;padding:8px 10px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);color:var(--text)}input:focus,textarea:focus,select:focus{outline:2px solid var(--accent-bg);border-color:var(--accent)}textarea{resize:vertical;min-height:72px}label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:4px}.field{margin-bottom:12px}.checkbox{display:flex;align-items:flex-start;gap:8px;font-size:14px}.checkbox input{margin-top:3px}.checkbox label{margin:0;font-weight:400;color:var(--text)}.alert{padding:10px 12px;border-radius:var(--radius);font-size:14px}.alert.danger{background:var(--danger-bg);color:var(--danger)}.alert.warning{background:var(--warning-bg);color:var(--warning)}.alert.success{background:var(--success-bg);color:var(--success)}.empty{text-align:center;padding:48px 24px;color:var(--text-secondary)}table{width:100%;border-collapse:collapse;font-size:14px}th{text-align:left;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);padding:8px 12px;border-bottom:1px solid var(--border)}td{padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:middle}tr:last-child td{border-bottom:none}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:100%;max-width:360px}