:root{color:#1f2937;background:#f4f6fb;font-family:Segoe UI,system-ui,sans-serif}body{margin:0}.shell{min-height:100vh}.topbar{color:#fff;background:#0b4a8b;flex-wrap:wrap;align-items:center;gap:16px;padding:12px 24px;display:flex}.topbar nav{flex:1;gap:12px;display:flex}.topbar a{color:#dbe8ff;text-decoration:none}.topbar a.active{color:#fff;font-weight:600}.content{max-width:960px;margin:0 auto;padding:24px}.card{background:#fff;border-radius:8px;padding:24px;box-shadow:0 1px 3px #0000001a}.login{gap:12px;max-width:360px;margin:10vh auto;display:grid}label{gap:4px;display:grid}input,button{font:inherit;padding:8px 10px}.error{color:#b91c1c}table{border-collapse:collapse;width:100%;margin-top:12px}th,td{text-align:left;border-bottom:1px solid #e5e7eb;padding:8px}.pager{align-items:center;gap:12px;margin-top:12px;display:flex}