:root{color-scheme:dark;--bg:#071920;--panel:#10282d;--panel2:#0d242a;--border:#28464b;--muted:#9ab1b6;--text:#e8f3f0;--accent:#9de0c9;--gold:#e7bd79;--red:#f5b4b4}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 86% -5%,#123a3b 0%,transparent 37%),var(--bg);color:var(--text);font:15px/1.6 Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}input,textarea,select{color:var(--text);background:#071d23;border:1px solid #395159;border-radius:11px;padding:12px 13px;min-width:0;width:100%;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #9de0c91f}textarea{resize:vertical}input[type=checkbox]{width:auto;accent-color:#86d4b8}.af-side{position:fixed;left:0;top:0;bottom:0;width:246px;background:#071f25;border-right:1px solid var(--border);padding:26px 17px;display:flex;flex-direction:column;z-index:2}.af-brand{font-weight:850;font-size:16px;letter-spacing:.11em;display:flex;align-items:center;gap:10px}.af-brand img{width:38px}.af-brand small{display:block;font-size:9px;font-weight:650;letter-spacing:.17em;color:var(--gold)}.af-side-caption,.af-kicker{color:#8dcbc1;text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:800}.af-side-caption{margin:52px 12px 12px;color:#718f95}.af-side nav{display:grid;gap:5px}.af-side nav a{border-radius:9px;padding:11px 14px;color:#aac1c6}.af-side nav a:hover,.af-side nav .is-active{background:#1a393d;color:white}.af-side nav .is-active{box-shadow:inset 3px 0 var(--accent)}.af-side-bottom{margin-top:auto;color:var(--muted);font-size:12px;display:grid;gap:7px;padding:10px 12px}.af-side-bottom a{color:var(--accent)}.af-shell{margin-left:246px;min-height:100vh;display:flex;flex-direction:column}.af-shell.single{margin-left:0}.af-top{display:flex;justify-content:space-between;align-items:center;padding:30px clamp(18px,4vw,56px) 23px;gap:16px;border-bottom:1px solid var(--border)}.af-top h1{font-size:clamp(24px,3vw,32px);line-height:1.2;margin:8px 0 0;letter-spacing:-.035em}.af-top-actions{display:flex;align-items:center;gap:12px}.af-top-actions .af-form{margin:0}.af-pill,.af-label{font-size:11px;color:var(--gold);background:#56452b45;border:1px solid #b58b4750;border-radius:100px;padding:5px 11px;white-space:nowrap}.af-main{padding:28px clamp(18px,4vw,56px) 70px;flex:1;width:100%;max-width:1660px;margin:auto}.af-shell.single .af-main{max-width:760px}.af-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.af-stat,.af-panel{border:1px solid var(--border);background:linear-gradient(155deg,#123038 0%,#0d252b 100%);box-shadow:0 15px 50px #00000019;border-radius:17px;padding:25px}.af-stat strong{font-size:42px;line-height:1.2;display:block;margin:12px 0;color:#f1fcf8;letter-spacing:-.05em}.af-stat span:last-child{color:var(--muted);font-size:12px}.af-grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:19px;align-items:start}.af-panel h2{font-size:21px;line-height:1.3;margin:8px 0 18px}.af-panel.narrow{max-width:610px;margin:15px auto}.af-muted{color:var(--muted);margin:12px 0 23px}.af-muted.small{font-size:11px;line-height:1.5;margin:5px 0}.af-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.af-field{display:grid;gap:7px;margin:0 0 16px}.af-field span{font-size:12px;font-weight:700;color:#bed1d3}.af-field.full{grid-column:1/-1}.af-check{display:flex;gap:10px;align-items:center;margin:6px 0 20px;color:var(--muted)}.af-button{display:inline-flex;align-items:center;justify-content:center;color:#062520;background:var(--accent);border:1px solid var(--accent);border-radius:10px;padding:10px 16px;font-weight:750;cursor:pointer;line-height:1.35;white-space:nowrap}.af-button:hover{filter:brightness(1.08)}.af-button.danger{color:var(--red);background:#3b2226;border-color:#764649}.af-top-actions .af-button,.af-record .af-button{padding:8px 12px;font-size:12px}.af-link{color:var(--accent);font-weight:700;font-size:13px}.af-record{border-top:1px solid var(--border);padding:17px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;overflow-wrap:anywhere}.af-record.stacked{display:block}.af-record .af-form{margin:0}.af-inline{display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-top:12px}.af-inline select{width:auto;flex:1 1 110px}.af-inline input{width:auto;flex:1 1 150px}.af-inline .af-form{display:contents}.af-record code{font-size:10px;overflow-wrap:anywhere}.af-alert{background:#193b35;border:1px solid #418c73;border-radius:12px;padding:13px 17px;margin:0 0 20px;color:#bcf3d9}.af-alert.bad{background:#3d2427;border-color:#905454;color:#ffd7d7}.af-table-wrap{overflow:auto}.af-table-wrap table{width:100%;border-collapse:collapse;text-align:left}.af-table-wrap th,.af-table-wrap td{padding:12px 10px;border-bottom:1px solid var(--border);font-size:12px;vertical-align:top}.af-table-wrap th{color:var(--accent)}.af-foot{padding:20px;text-align:center;font-size:10px;letter-spacing:.14em;color:#6f9399;border-top:1px solid var(--border)}@media(max-width:1100px){.af-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.af-grid-two{grid-template-columns:1fr}}@media(max-width:750px){.af-side{width:auto;position:relative;padding:14px 16px;display:block}.af-side-caption,.af-side-bottom{display:none}.af-side nav{display:flex;overflow-x:auto;gap:2px;margin-top:12px}.af-side nav a{white-space:nowrap;font-size:12px}.af-shell{margin-left:0}.af-top{padding:22px 18px;align-items:flex-start}.af-top h1{font-size:23px}.af-pill{display:none}.af-main{padding:20px 14px 50px}.af-panel,.af-stat{padding:18px}.af-fields{grid-template-columns:1fr}.af-top-actions .af-button{padding:8px}.af-stat-grid{gap:10px}.af-stat strong{font-size:31px}}@media(max-width:390px){.af-stat-grid{grid-template-columns:1fr}}
/* V2.3 — streamlined staff workspace and personalized profiles */
.af-side{background:linear-gradient(165deg,#09232a,#071c23 70%)}
.af-brand{letter-spacing:.075em}.af-side-caption{margin-top:38px}
.af-top{background:linear-gradient(90deg,rgba(30,71,72,.22),transparent)}
.af-top h1{letter-spacing:-.045em}
.af-stat{position:relative;overflow:hidden}.af-stat::after{content:"";position:absolute;width:110px;height:110px;right:-68px;top:-50px;border-radius:50%;background:#9de0c912;box-shadow:0 0 75px #9de0c912}
.af-panel{transition:border-color .22s,box-shadow .22s}.af-panel:hover{border-color:#376268}
.af-profile-edit-head{border:1px solid var(--border);border-radius:18px;background:#0b252d;overflow:hidden}
.af-profile-banner{background:radial-gradient(circle at 85% 5%,var(--staff-accent),transparent 63%),linear-gradient(130deg,var(--staff-banner),#0e242a);height:148px;padding:20px 25px;color:#fff;font-weight:800;font-size:10px;letter-spacing:.23em}
.af-profile-edit-identity{display:flex;gap:20px;align-items:end;padding:0 25px 22px;margin-top:-42px}
.af-profile-pic{display:grid;place-items:center;flex-shrink:0;height:98px;width:98px;border:5px solid #0b252d;border-radius:26px;background:var(--staff-banner);color:var(--staff-accent);font-size:40px;font-weight:900;box-shadow:0 0 25px color-mix(in srgb,var(--staff-accent),transparent 80%);overflow:hidden}
.af-profile-pic img{width:100%;height:100%;object-fit:cover}.af-profile-edit-identity h2{font-size:27px;margin:0}.af-profile-edit-identity span{color:var(--muted)}
.af-field input[type=color]{padding:5px;height:49px;cursor:pointer}
#af-notification{position:fixed;bottom:24px;right:24px;z-index:500;color:#ddfff0;border:1px solid #5eab95;border-radius:13px;background:#153b35;box-shadow:0 18px 60px #0008;padding:14px 19px;max-width:min(390px,calc(100vw - 28px));opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .2s,transform .2s}
#af-notification.visible{opacity:1;transform:translateY(0)}#af-notification.is-error{background:#472a30;color:#ffe1e4;border-color:#a45a69}
@media(max-width:580px){.af-profile-edit-identity{padding-inline:15px}.af-profile-pic{height:80px;width:80px}.af-profile-edit-identity h2{font-size:21px}}

.af-profile-banner{position:relative;overflow:hidden}.af-profile-banner-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.75)}.af-profile-banner span{position:relative;z-index:1}.af-banner-upload{border-top:1px solid var(--border);margin-top:21px;padding-top:20px}.af-banner-upload h3{margin:8px 0 0;font-size:17px}