:root{--ink:#16324a;--ink-2:#234a68;--text:#24313d;--muted:#586a79;--line:#d8e1e8;--bg:#f3f7f9;--surface:#fff;--accent:#c96f24;--accent-dark:#a95718;--ok:#1f754b;--warn:#966016;--bad:#a33535;--focus:#f4b75e;--radius:12px;--shadow:0 8px 24px rgba(22,50,74,.07)}*{box-sizing:border-box}html{color-scheme:light}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 "Segoe UI",system-ui,-apple-system,sans-serif}.demo-banner{min-height:44px;padding:10px clamp(16px,4vw,48px);display:flex;justify-content:center;gap:12px;align-items:center;flex-wrap:wrap;background:#fff4d6;color:#60440d;border-bottom:1px solid #e7c66b}.topbar{min-height:76px;background:var(--ink);color:#fff;display:flex;align-items:center;gap:32px;padding:12px clamp(16px,4vw,48px);box-shadow:0 2px 10px #0a203440}.brand{display:flex;align-items:center;gap:10px;font-size:1.05rem;font-weight:700;line-height:1.05;color:#fff;text-decoration:none}.brand small{font-size:.82rem;font-weight:500;color:#cbd9e3}.brand-mark{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:var(--accent);font-size:1.35rem}.topbar nav{display:flex;gap:6px;flex:1}.topbar nav a,.logout button{min-height:44px;color:#fff;background:transparent;border:1px solid transparent;border-radius:8px;padding:10px 13px;text-decoration:none;font:inherit;cursor:pointer}.topbar nav a:hover,.topbar nav a:focus-visible,.logout button:hover,.logout button:focus-visible{background:#ffffff16;border-color:#7992a5}.logout{margin:0}.container{width:min(1180px,calc(100% - 32px));margin:34px auto 64px}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:22px}.eyebrow{display:block;color:var(--accent-dark);font-size:.78rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;margin-bottom:4px}h1{font-size:clamp(1.65rem,3vw,2.25rem);line-height:1.2;margin:0 0 5px;color:var(--ink)}h2{font-size:1.17rem;margin:0 0 14px;color:var(--ink)}p{margin-top:0}.muted{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.card{min-height:132px}.card-highlight{border-top:4px solid var(--ok)}.metric{font-size:1.9rem;font-weight:750;line-height:1.2;color:var(--ink);margin-top:10px}.metric-small{font-size:1.15rem}.sync-ok{color:var(--ok);font-size:.87rem;font-weight:650;margin-top:8px}.filters{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px;align-items:end;margin-bottom:18px}.field label{display:block;font-weight:650;margin-bottom:6px;color:var(--ink)}input,select{width:100%;min-height:46px;border:1px solid #aab9c5;border-radius:8px;padding:9px 11px;background:#fff;color:var(--text);font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid var(--ink);border-radius:8px;padding:10px 17px;background:var(--ink);color:#fff;text-decoration:none;font:inherit;font-weight:650;cursor:pointer;transition:background .15s ease,border-color .15s ease}.button.secondary{background:#fff;color:var(--ink)}button:hover,.button:hover{background:var(--ink-2);color:#fff}.button.secondary:hover{background:#edf3f6;color:var(--ink)}button:focus-visible,.button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.filter-actions{display:flex;align-items:center;gap:12px}.clear-link{color:var(--ink);font-weight:650}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}table{border-collapse:collapse;width:100%;min-width:820px}th,td{text-align:left;padding:13px 14px;border-bottom:1px solid var(--line);vertical-align:middle}th{background:#eaf1f5;color:var(--ink);font-size:.86rem;letter-spacing:.02em}tbody tr:hover{background:#f7fafb}.folio-link{font-weight:750;color:#155884}.status{display:inline-block;border:1px solid #cbd5dc;border-radius:999px;padding:3px 9px;background:#edf2f5;color:#334957;font-size:.86rem;font-weight:650;white-space:nowrap}.status.accepted{background:#e1f3e9;border-color:#b9ddca;color:#155f3a}.status.rejected{background:#fae4e4;border-color:#e7baba;color:#862828}.status.pending{background:#fff3dc;border-color:#efd3a0;color:#76500e}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.definition{display:grid;grid-template-columns:minmax(120px,170px) 1fr;gap:9px 14px}.definition dt{font-weight:700;color:var(--ink)}.definition dd{margin:0}.download-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}.download-row:last-child{border-bottom:0}.pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px}.login-shell{min-height:calc(100vh - 180px);display:grid;place-items:center}.login-card{width:min(440px,100%);padding:28px}.login-card .button{width:100%;margin-top:8px}.validation-summary-errors{color:var(--bad);background:#fae4e4;border:1px solid #e7baba;border-radius:8px;padding:10px;margin-bottom:14px}.validation-summary-errors ul{margin:0;padding-left:20px}@media(max-width:900px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{grid-template-columns:repeat(2,minmax(150px,1fr))}}@media(max-width:680px){.demo-banner{align-items:flex-start;flex-direction:column;gap:0}.topbar{gap:10px}.topbar nav{order:3;width:100%;overflow-x:auto}.topbar nav a{white-space:nowrap}.container{width:min(100% - 20px,1180px);margin-top:22px}.cards,.grid-2,.filters{grid-template-columns:1fr}.page-head>.button{width:100%}.definition{grid-template-columns:1fr}.definition dd{margin-bottom:9px}.download-row{align-items:flex-start;flex-direction:column}.download-row .button{width:100%}.table-wrap{overflow:visible;border:0;background:transparent;box-shadow:none}table{min-width:0}thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}tbody,tr,td{display:block}tr{margin-bottom:14px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);overflow:hidden}td{display:grid;grid-template-columns:116px 1fr;gap:10px;padding:10px 12px}td::before{content:attr(data-label);font-weight:700;color:var(--ink)}td:last-child{border-bottom:0}.pager{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
