:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#153047;background:#f4f7f9}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}
.shell{min-height:100vh}.header{background:#0d2b45;color:white;padding:18px max(24px,calc((100vw - 1160px)/2));display:flex;align-items:center;gap:20px;justify-content:space-between;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.02em;font-size:20px}.mark{background:#f29a29;color:#112c41;width:36px;height:36px;border-radius:9px;display:grid;place-items:center;font-weight:900}
.sub{font-size:12px;color:#aabfd0;font-weight:500}.right{display:flex;gap:12px;align-items:center}.nav{background:white;border-bottom:1px solid #dfe7ed;padding:0 max(24px,calc((100vw - 1160px)/2));display:flex;gap:8px;flex-wrap:wrap}
.nav button{border:0;background:none;color:#506678;padding:15px 14px;border-bottom:3px solid transparent}.nav button.selected{color:#103951;border-bottom-color:#f29a29;font-weight:700}
main{max-width:1208px;margin:auto;padding:30px 24px 70px}.title{font-size:27px;margin:0 0 6px}.lead{color:#5a6d7c;margin:0 0 24px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:16px}
.card,.panel,.auth{background:white;border:1px solid #dfe7ed;border-radius:15px;box-shadow:0 8px 28px rgba(23,54,77,.05)}.card{padding:20px;min-height:150px}.card h3{margin:0 0 12px}.card p{color:#637584;line-height:1.5;margin:0 0 15px}
.panel{padding:22px;margin-bottom:18px}.panel h2{margin:0 0 15px;font-size:19px}.panel-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.tag{border-radius:30px;padding:5px 11px;background:#e7f0f5;color:#25506b;font-size:12px;font-weight:700}.tag.pending{background:#f1f3f5;color:#667584}.tag.active{background:#e3f4eb;color:#236b43}
.button{border:0;border-radius:9px;background:#f29a29;color:#192b39;padding:10px 16px;font-weight:750}.button.secondary{background:#eaf0f4;color:#25455d}.button.danger{background:#fce8e7;color:#a63732}.button:disabled{opacity:.55;cursor:not-allowed}
.small{font-size:13px;padding:7px 10px}.muted{color:#6b7d89;font-size:13px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.stack{display:grid;gap:14px}.field{display:grid;gap:6px;font-size:13px;font-weight:650;color:#324f61}.field input,.field select{border:1px solid #c8d7e1;background:white;border-radius:8px;padding:10px 11px;color:#162e40;width:100%;min-width:0}
.field input:focus{outline:2px solid #b4d9f0;border-color:#3985ad}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.checklist{display:flex;flex-wrap:wrap;gap:8px 14px}.checklist label{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:500}
.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;text-align:left}th,td{border-bottom:1px solid #e6ecef;padding:13px 10px;vertical-align:middle;font-size:14px}th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#678094}td:last-child{text-align:right}
.auth-container{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at top right,#24577a,#102d48 48%,#091e31)}.auth{width:100%;max-width:410px;padding:30px}.auth h1{font-size:26px;margin:20px 0 4px}.auth p{color:#64798b;line-height:1.5}.auth .brand{color:#102c44}
.notice{border-radius:9px;background:#e9f4fa;color:#285474;padding:12px 14px;margin:15px 0;font-size:14px}.shell>.notice{max-width:1160px;margin:16px auto}.error{background:#fff1ef;color:#a43733}.success{background:#e6f5eb;color:#21683d}.permissions{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:12px}.permission-group{padding:12px;border:1px solid #e3e9ee;border-radius:10px}.permission-group strong{display:block;margin-bottom:10px;text-transform:capitalize}
details{margin-top:12px;border-top:1px solid #e5edf1;padding-top:12px}summary{cursor:pointer;font-weight:700;color:#285675}.event{border-bottom:1px solid #e5edf1;padding:12px 0}.event:last-child{border:0}.event small{color:#6e8290}.event strong{display:block;margin:4px 0}
@media(max-width:650px){.two{grid-template-columns:1fr}.header{align-items:flex-start}.title{font-size:23px}main{padding:24px 16px}.nav{padding:0 12px}.nav button{padding:12px 9px}.panel{padding:16px}td:last-child{text-align:left}}