:root{--gold:#d6a127;--dark:#171717;--bg:#f5f6f8;--text:#25262b;--line:#e6e7eb;--green:#2f9650;--red:#b42e37;--radius:12px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.layout{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:100vh}.aside{background:#191a1a;color:#eee;position:sticky;top:0;height:100vh;overflow:auto}.aside-brand{padding:21px 17px;border-bottom:1px solid #3a3425;display:flex;align-items:center;gap:12px}.aside-brand img{width:52px;height:52px;object-fit:contain;border-radius:50%}.aside-brand b{font-size:18px;font-weight:900;letter-spacing:-.5px;display:block}.aside-brand small{color:#dfb657;font-weight:700}.aside-title{padding:20px 20px 7px;font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#93959a}.aside a.nav{display:flex;align-items:center;gap:12px;padding:12px 16px;border-left:3px solid transparent;color:#dbdde1;font-size:13.5px;transition:.2s}.aside a.nav:hover{background:#31312e}.aside a.nav.active{background:linear-gradient(90deg,#a57516,#d7a32b);border-left-color:#fbe19a;color:white;font-weight:700}.aside a.nav span{font-size:17px;width:20px;text-align:center}.content{min-width:0}.topbar{background:#fff;height:79px;display:flex;align-items:center;gap:18px;padding:0 27px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.topbar h1{font-size:21px;margin:0;white-space:nowrap}.topbar .search{margin-left:auto;min-width:0;max-width:370px;width:100%;border:1px solid var(--line);border-radius:9px;padding:10px 15px}.topbar .avatar{background:var(--gold);border-radius:50%;height:35px;width:35px;display:grid;place-items:center;font-weight:800;flex:none}.topbar .user{font-size:13px}.main{padding:25px 30px 50px;max-width:1580px;margin:0 auto}.hrow{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:18px}.hrow h2{margin:0;font-size:25px;letter-spacing:-.7px}.hrow p{margin:5px 0 0;color:#777e87;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);border-radius:8px;background:white;padding:10px 15px;font-size:13px;font-weight:700;color:var(--text)}.btn.gold{background:linear-gradient(130deg,#b87e10,#d9ac38);color:white;border-color:#c3962e}.btn.red{color:#a92e34;border-color:#efcccf}.btn.dark{background:#242424;color:white;border-color:#242424}.btn.sm{padding:6px 10px;font-size:12px}.btn:hover{filter:brightness(.96)}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:20px;box-shadow:0 4px 22px rgba(0,0,0,.025);margin-bottom:16px}.panel h3{margin:0 0 15px;font-size:17px}.panelhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.panelhead h3{margin:0}.cards{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:16px;margin-bottom:20px}.metric{border-radius:13px;padding:21px;background:white;border:1px solid var(--line)}.metric small{font-size:12px;color:#7c838d}.metric strong{font-size:35px;display:block;margin:10px 0 1px;font-weight:900;letter-spacing:-1px}.metric em{font-style:normal;font-size:12px;color:#9a791f}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-player{display:grid;grid-template-columns:minmax(240px,350px) minmax(0,1fr);gap:18px}.tablewrap{overflow:auto;border:1px solid var(--line);border-radius:10px}.table{width:100%;border-collapse:collapse;min-width:600px}.table th{text-align:left;background:#f5f6f8;font-size:12px;padding:12px;color:#59616e;border-bottom:1px solid var(--line)}.table td{padding:12px;font-size:13px;border-bottom:1px solid #eee;vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:#fcf9f1}.tag{display:inline-block;padding:4px 10px;border-radius:20px;background:#eee;color:#525964;font-size:11px;font-weight:700}.tag.active,.tag.approved,.tag.received,.tag.paid,.tag.present{background:#e1f4e4;color:#206a35}.tag.pending,.tag.planned,.tag.scheduled{background:#fff0d6;color:#95610a}.tag.rejected,.tag.suspended,.tag.overdue,.tag.absent{background:#ffe5e5;color:#a12c36}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:15px;min-width:0}.field label{font-size:12px;color:#5b6270;font-weight:700}.field input,.field select,.field textarea{border:1px solid #dce0e5;padding:11px 12px;border-radius:8px;width:100%;background:#fff;outline-color:var(--gold);font-size:13px}.field textarea{min-height:95px;resize:vertical}.formgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.formgrid .wide{grid-column:1/-1}.formactions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.alert{border-radius:9px;padding:12px 15px;margin:0 0 15px;background:#e2f4e9;color:#1c6f3e}.alert.err{background:#ffe5e5;color:#a12c36}.roster-link{display:flex;gap:13px;align-items:center;padding:12px;border-radius:9px;border:1px solid transparent;margin-bottom:5px}.roster-link.active{background:#fbf0d7;border-color:#d7b562}.roster-link img{width:51px;height:51px;border-radius:50%;object-fit:cover}.roster-link small{color:#777;display:block}.roster-link b{font-size:13px}.player-head{display:flex;align-items:center;gap:22px;margin-bottom:16px}.player-head img{width:115px;height:115px;object-fit:cover;border-radius:50%;background:#eee}.player-head h2{font-size:30px;margin:0 0 8px}.player-head p{margin:6px 0;color:#656c75;font-size:13px}.tabs{display:flex;overflow:auto;gap:5px;margin:14px 0}.tabs a{padding:12px;flex:1;min-width:100px;background:#f6f7f8;text-align:center;border-radius:8px;font-size:12px}.tabs a.active{background:var(--gold);color:white;font-weight:800}.searchbox{width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;margin:0 0 15px}.authwrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 0 100%,#49350b,#171717 55%)}.authbox{width:min(440px,100%);background:white;border-radius:18px;padding:35px;box-shadow:0 30px 100px #0005}.authbox img{width:88px;display:block;margin:auto}.authbox h1{text-align:center;margin:10px 0 6px}.authbox p{text-align:center;color:#7e838e;font-size:13px}.mini-photo{width:45px;height:45px;object-fit:cover;border-radius:50%}.editbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.editor-frame{width:100%;min-height:690px;border:1px solid var(--line);border-radius:12px;background:#fff}.editor-columns{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.subtitle{color:#7c838d;font-size:13px}.pager{margin:20px 0}.hamb{display:none;border:0;background:transparent;font-size:25px}.dim{display:none}.pill-nav{display:flex;gap:10px;flex-wrap:wrap;margin:15px 0}.logo-set{width:80px;max-height:80px;object-fit:contain}.small{font-size:12px;color:#7a8390}.thumb{max-width:110px;max-height:80px;object-fit:contain}.null{color:#aaa}@media(max-width:1100px){.cards{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.editor-columns{grid-template-columns:1fr}}@media(max-width:800px){.layout{display:block}.aside{width:265px;position:fixed;z-index:60;transform:translateX(-100%);transition:transform .2s}.layout.drawer .aside{transform:translateX(0)}.dim{position:fixed;inset:0;background:#0009;z-index:50}.layout.drawer .dim{display:block}.topbar{padding:0 12px;height:68px}.topbar h1{font-size:15px}.topbar .search,.topbar .user{display:none}.hamb{display:block}.main{padding:18px 12px}.grid-player{grid-template-columns:1fr}.formgrid{grid-template-columns:1fr}.cards{gap:8px}.metric{padding:13px}.metric strong{font-size:28px}.player-head img{width:75px;height:75px}.player-head h2{font-size:22px}}