:root{--ink:#172126;--muted:#657177;--line:#dce1e2;--wine:#8a2638;--paper:#f6f6f3}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:Inter,Arial,sans-serif;background:var(--paper)}.topbar{height:68px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.brand{font-weight:750;letter-spacing:.08em;color:var(--ink);text-decoration:none}.brand span{font-weight:500;color:var(--muted);font-size:.76rem}.user-area{display:flex;align-items:center;gap:10px;font-size:.9rem}.user-area small{color:var(--wine);font-weight:700}.user-area form{margin:0}.user-area button{border:0;background:none;color:var(--wine);cursor:pointer}.page{max-width:1180px;margin:0 auto;padding:52px 28px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:30px}.page-heading h1,.login-card h1{margin:4px 0 8px;font-family:Georgia,serif;font-weight:500;font-size:2.25rem}.page-heading p{margin:0;color:var(--muted)}.eyebrow{margin:0;color:var(--wine);font-size:.72rem;letter-spacing:.16em;font-weight:800}.panel,.login-card{background:#fff;border:1px solid var(--line);box-shadow:0 12px 35px rgba(18,30,33,.06)}.empty-state{padding:58px;text-align:center}.empty-state h2{font-family:Georgia,serif;font-weight:500}.empty-state p{color:var(--muted)}table{border-collapse:collapse;width:100%;font-size:.92rem}th,td{padding:16px;border-bottom:1px solid var(--line);text-align:left}th{font-size:.7rem;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.primary{border:0;background:var(--wine);color:#fff;padding:12px 18px;font-weight:700;cursor:pointer}.primary:disabled{cursor:not-allowed;opacity:.45}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(145deg,#19272a,#415358)}.login-card{width:min(440px,100%);padding:44px}.login-card .intro{color:var(--muted);margin:0 0 28px}.login-card form{display:grid;gap:18px}.login-card label{display:grid;gap:7px;font-size:.84rem;font-weight:700}.login-card input{width:100%;padding:12px;border:1px solid #cbd3d4;font:inherit}.login-card .check{display:flex;align-items:center;gap:8px;font-weight:500}.login-card .check input{width:auto}.error{color:#a3132b;margin:0;font-size:.85rem}.login-card .primary{width:100%}@media(max-width:650px){.topbar{padding:0 18px}.page{padding:32px 18px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:1.8rem}table{font-size:.8rem}th,td{padding:10px 8px}.user-area small{display:none}}
