:root{--color-bg: #f6f7fb;--color-card-bg: #ffffff;--color-fg: #1f2933;--color-muted: #5b6470;--color-accent: #2563eb;--color-accent-strong: #1d4ed8;--color-success: #16a34a;--color-danger: #dc2626;--color-border: #e5e7eb;--color-border-strong: #d1d5db;--color-btn: #f3f4f6;--color-btn-border: #d1d5db;--shadow-card: 0 10px 30px rgba(31, 41, 51, .06);--gutter: clamp(12px, 3vw, 32px);--content-max: 1440px}*,*:before,*:after{box-sizing:border-box}html,body{background:var(--color-bg);color:var(--color-fg);font-family:Inter,system-ui,-apple-system,sans-serif;min-height:100vh;margin:0}a{color:var(--color-accent);text-decoration:none;font-weight:500}a:hover{text-decoration:underline}h1,h2,h3{margin-top:0;font-weight:600;color:var(--color-fg)}input,textarea{border:1px solid var(--color-border);padding:.55em .8em;border-radius:8px;background:#fcfcfd;font-size:1em;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #2563eb26}button{font-family:inherit}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;border:1px solid transparent;font-weight:600;cursor:pointer;transition:transform .06s ease,box-shadow .12s ease,background .15s,border-color .15s;box-shadow:0 4px 14px #1f29330f}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn-primary:hover{background:var(--color-accent-strong);border-color:var(--color-accent-strong)}.btn-ghost{background:transparent;color:var(--color-fg);border-color:var(--color-border)}.btn-ghost:hover{background:#eef2f6;border-color:var(--color-border-strong)}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-danger:hover{background:#b91c1c;border-color:#b91c1c}.btn-success{background:var(--color-success);color:#fff;border-color:var(--color-success)}.btn-success:hover{background:#15803d;border-color:#15803d}.btn-subtle{background:var(--color-btn);color:var(--color-fg);border-color:var(--color-btn-border)}.btn-subtle:hover{background:#e5e7eb;border-color:var(--color-border-strong)}.btn-sm{padding:.4em .8em;font-size:.92em}.btn-md{padding:.55em 1.1em;font-size:1em}.btn-lg{padding:.75em 1.3em;font-size:1.05em}.card{border:1px solid var(--color-border);border-radius:12px;background:var(--color-card-bg);box-shadow:var(--shadow-card);padding:18px}.navbar{display:flex;gap:1.5em;border-bottom:1px solid var(--color-border);padding-bottom:.75em;margin-bottom:1.5em;align-items:center}.navbar a{color:var(--color-fg);padding:.35em .7em;border-radius:8px;transition:background .13s,color .13s}.navbar a.active,.navbar a:hover{background:#e8edfb;color:var(--color-accent)}.app-container{max-width:880px;margin:32px auto;padding:24px;background:var(--color-card-bg);border-radius:12px;border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.app-container.dashboard-page{max-width:none;width:min(var(--content-max),calc(100vw - 2 * var(--gutter)));margin:32px auto}.stack>*+*{margin-top:16px}.stack-tight>*+*{margin-top:10px}.cluster{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.grid-form{display:grid;grid-template-columns:1fr auto auto auto;gap:12px;align-items:end}label{display:block;margin-bottom:.35em;color:var(--color-muted);font-size:.95em}table{width:100%;border-collapse:collapse}th,td{padding:.7em .9em;text-align:left;border-bottom:1px solid var(--color-border)}th{font-weight:600;background-color:#f1f3f9;position:sticky;top:0;z-index:1}tr:hover td{background:#f9fafb}.td-num,.th-num{text-align:right}.table-wrap{width:100%;overflow-x:auto}.table-footer{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.table-footer .pager{display:flex;gap:8px}.full-bleed{position:relative;left:50%;right:50%;width:100vw;margin-left:-50vw;margin-right:-50vw}.full-bleed-inner{max-width:1600px;margin:0 auto;padding:0 16px}body{overflow-x:hidden}.alert{border-radius:10px;padding:12px 14px;border:1px solid var(--color-border);background:#f8fafc}.alert.success{border-color:#bbf7d0;background:#f0fdf4;color:#166534}.alert.danger{border-color:#fecdd3;background:#fff1f2;color:#b91c1c}.alert.info{border-color:#bfdbfe;background:#eff6ff;color:#1d4ed8}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:1000}.modal-panel{background:#fff;border-radius:14px;box-shadow:0 20px 60px #0f172a40;border:1px solid var(--color-border);max-width:720px;width:min(720px,calc(100vw - 24px));max-height:calc(100vh - 48px);display:flex;flex-direction:column}.modal-header{padding:16px 20px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#fff;border-radius:14px 14px 0 0}.modal-title{margin:0;font-size:1.1rem}.modal-body{padding:18px 20px;overflow-y:auto}.modal-footer{padding:14px 20px;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:10px;background:#f8fafc;border-radius:0 0 14px 14px}.modal-close{box-shadow:none}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.stat-tile{border:1px solid var(--color-border);border-radius:12px;padding:14px 16px;background:#fff;box-shadow:0 6px 18px #1f293312}.stat-top{display:flex;justify-content:space-between;align-items:center;color:var(--color-muted);font-size:.95em}.stat-value{font-size:1.8em;font-weight:700;margin-top:6px;color:var(--color-fg)}.stat-hint{margin-top:4px;color:var(--color-muted);font-size:.95em}.stat-icon{font-size:1.2em}.badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;background:#eef2f7;color:var(--color-fg);font-weight:600;border:1px solid var(--color-border)}.btn-tonal{background:#eef2f7;color:var(--color-fg);border-color:var(--color-border)}.btn-tonal:hover{background:#e6ebf3;border-color:var(--color-border-strong)}.btn-outline{background:transparent;color:var(--color-fg);border-color:var(--color-border-strong)}.btn-outline:hover{background:#f6f7fb;border-color:var(--color-border)}.btn-block{display:inline-flex;width:100%}.btn:hover{box-shadow:0 6px 18px #1f293314;border-radius:12px}