:root{color-scheme:dark;--bg:#101210;--panel:#191c18;--panel2:#232720;--line:#343a31;--accent:#f2654f;--accent-soft:#ff8068;--muted:#a8ada2;--white:#f2f3ec;--acid:#fff;--display:'Barlow Condensed',Impact,sans-serif;--body:'DM Sans',Tahoma,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--white);font:15px/1.55 var(--body);background:radial-gradient(ellipse at 85% 0%,#50302442,transparent 32%),radial-gradient(ellipse at 0% 60%,#34412626,transparent 38%),repeating-linear-gradient(0deg,transparent 0 79px,#ffffff05 80px),var(--bg)}button,input{font:inherit}button{cursor:pointer}.hidden{display:none!important}.muted{color:var(--muted)}.eyebrow{color:var(--acid);font-size:10px;font-weight:800;letter-spacing:2px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 15px;border:1px solid var(--line);border-radius:7px;background:var(--panel2);color:var(--white);font-weight:700;text-decoration:none;transition:transform .18s ease,border-color .18s ease}.btn:hover{transform:translateY(-2px);border-color:#888f7c}.btn:focus-visible,.field:focus-visible,.side-link:focus-visible{outline:2px solid var(--acid);outline-offset:3px}.btn.primary{border-color:var(--acid);background:var(--acid);color:#171a13}.btn.primary:hover{background:#fff}.field{width:100%;min-width:0;padding:12px 14px;border:1px solid #41473d;border-radius:7px;background:#151813;color:var(--white);outline:none}.field:focus{border-color:var(--acid);box-shadow:0 0 0 3px #ffffff1c}.status{margin:16px 0;padding:11px 14px;border:1px solid #61763a;border-radius:7px;background:#171a16;color:#d8f69a}.status.error{border-color:#a4493e;color:#ffb3a6}.login-shell{display:grid;min-height:100vh;place-items:center;padding:28px}.login-brand{position:absolute;top:28px;left:34px}.login-brand img,.sidebar-brand img{display:block;width:150px;height:auto}.login-panel{width:min(100%,420px);padding:32px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(145deg,#20241e,#171a16);box-shadow:0 24px 70px #0006}.login-panel h1,.page-header h1{margin:7px 0 5px;font:700 46px/.98 var(--display)}.login-panel .muted{margin:0 0 24px}.login-panel form{display:grid;gap:8px}.login-panel label,.field-label{color:#c4c9bd;font-size:12px;font-weight:700}.login-panel .field{margin-bottom:10px}.login-panel .btn{margin-top:6px}.setup-note{color:#ffb3a6;font-size:13px}.dashboard{display:grid;grid-template-columns:242px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;padding:26px 17px;border-right:1px solid var(--line);background:#131612e8}.sidebar-brand{display:block;padding:1px 13px 30px}.sidebar-brand img{width:144px}.side-label{padding:12px 13px 8px;color:#858c7e;font-size:9px;font-weight:800;letter-spacing:1.8px}.side-nav{display:grid;gap:4px}.side-link{display:block;padding:10px 13px;border:1px solid transparent;border-radius:6px;color:#c4c9bd;text-decoration:none;font-size:13px;font-weight:700}.side-link:hover,.side-link.active{border-color:#384033;background:#242920;color:var(--white)}.side-link.active{box-shadow:inset 3px 0 var(--accent-soft)}.side-link.disabled{color:#73796e;cursor:default}.future-label{margin-top:20px}.side-footer{margin-top:auto;padding:13px;color:var(--muted);font-size:12px;text-decoration:none}.side-footer:hover{color:var(--white)}.content{width:min(1160px,100%);padding:34px clamp(20px,4vw,58px) 70px}.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--line)}.page-header h1{font-size:40px}.overview-section,.content-section{padding:28px 0;border-bottom:1px solid var(--line);scroll-margin-top:20px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.section-heading h2{margin:5px 0 0;font:700 30px/1 var(--display)}.role-badge,.section-count{display:inline-flex;align-items:center;min-height:27px;padding:3px 9px;border:1px solid #665344;border-radius:4px;background:#392b23;color:#ffb69e;font-size:10px;font-weight:800;letter-spacing:.8px;text-transform:uppercase}.section-count{border-color:var(--line);background:var(--panel);color:var(--muted);text-transform:none;letter-spacing:0}.profile-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:7px;background:var(--line)}.profile-strip>div{display:grid;gap:5px;min-width:0;padding:16px;background:linear-gradient(145deg,#20241e,#171a16)}.profile-strip strong{overflow-wrap:anywhere;font-size:14px}.member-list{display:grid}.member-row{display:grid;grid-template-columns:minmax(145px,1.15fr) minmax(130px,1fr) minmax(160px,1.4fr);align-items:center;gap:14px;padding:13px 4px;border-bottom:1px solid #2a2f28}.member-row:last-child{border-bottom:0}.member-name{font-weight:800;overflow-wrap:anywhere}.member-code{margin-top:2px;color:var(--muted);font-size:11px}.rank-value{color:#ffb69e;font-size:12px;font-weight:700;overflow-wrap:anywhere}.rank-edit{display:flex;gap:7px;align-items:center}.rank-edit .field{padding:8px 9px;font-size:12px}.rank-edit .btn{min-height:36px;padding:7px 10px;font-size:11px}.account-intro{margin:-4px 0 17px;font-size:13px}.account-row{display:grid;grid-template-columns:minmax(140px,1fr) minmax(135px,1fr) minmax(135px,1fr) auto;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #2a2f28}.account-member{font-size:13px;font-weight:700;overflow-wrap:anywhere}.account-row .field{padding:9px 10px;font-size:12px}.account-row .btn{min-height:38px;padding:7px 11px;font-size:11px}.empty-state{padding:20px 0;color:var(--muted);font-size:13px}
@media(min-width:901px){.member-row:not(.manager-row){grid-template-columns:minmax(145px,1fr) minmax(130px,1fr)}}
@media(max-width:900px){.dashboard{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding-right:10px;padding-left:10px}.member-row{grid-template-columns:minmax(120px,1fr) minmax(120px,1fr)}.rank-edit{grid-column:1/-1}.account-row{grid-template-columns:1fr 1fr}.account-member{grid-column:1/-1}}
@media(max-width:620px){.dashboard{display:block}.sidebar{position:sticky;z-index:2;top:0;width:100%;height:auto;padding:9px 14px;border-right:0;border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.sidebar-brand{padding:1px 5px 8px}.sidebar-brand img{width:112px}.side-label,.side-footer,.side-link.disabled{display:none}.side-nav{display:flex;gap:4px;overflow-x:auto}.side-link{flex:none;padding:7px 10px;font-size:11px}.content{padding:22px 17px 50px}.page-header{align-items:flex-end}.page-header h1{font-size:34px}.profile-strip{grid-template-columns:1fr}.profile-strip>div{padding:12px 14px}.section-heading h2{font-size:27px}.member-row{grid-template-columns:1fr 1fr;gap:7px 12px}.member-row .rank-value{grid-column:1/-1}.rank-edit{grid-column:1/-1}.account-row{grid-template-columns:1fr}.account-member{grid-column:auto}.login-brand{top:18px;left:18px}.login-brand img{width:125px}.login-panel{padding:25px 21px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}