:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#17212b;--muted:#667485;--line:#cbd5df;--line-strong:#5b6671;--paper:#f5f7fa;--panel:#fff;--accent:#1769aa;--accent-ink:#fff;--mint:#1b8a6b;--amber:#a96500;--rose:#b2365b;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;color:var(--ink);background-color:var(--paper);background-image:linear-gradient(#f5f7fabf,#f5f7fabf),url(/assets/socium-logo-CTpxm2O0.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover,min(68vw,640px);background-attachment:fixed;margin:0}button,input,select,textarea{font:inherit}.app{min-height:100vh}.auth-wall{place-items:center;min-height:100vh;padding:18px;display:grid}.auth-wall[hidden]{display:none}.auth-card{border:1px solid var(--line);border-top:5px solid var(--accent);background:#fff;border-radius:8px;justify-items:start;gap:14px;width:min(420px,100%);padding:24px;display:grid;box-shadow:0 18px 46px #17212b1c}.auth-card p{color:var(--muted);line-height:1.4}.dashboard-screen,.admin-screen{min-height:100vh;padding:18px}.admin-screen[hidden]{display:none}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.dashboard-header p{color:var(--muted);margin-top:6px}.dashboard-grid{grid-template-columns:repeat(4,minmax(190px,1fr));gap:14px;display:grid}.dashboard-tile{border:1px solid var(--line);border-top:5px solid var(--tile-accent);min-height:180px;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:8px;align-content:end;justify-items:start;gap:8px;padding:18px;display:grid;box-shadow:0 12px 32px #17212b17}.dashboard-tile:hover{border-color:var(--tile-accent);transform:translateY(-1px)}.dashboard-tile span{font-size:22px;font-weight:900}.dashboard-tile strong{color:var(--tile-accent);font-size:36px;line-height:1}.dashboard-tile small{color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:800}.admin-panel{gap:10px;display:grid}.access-row{border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.access-row strong,.access-row span{display:block}.access-row span{color:var(--muted);margin-top:4px;font-size:13px}.access-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-empty{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:80px}.board-meta b{border-radius:5px;place-items:center;min-width:28px;min-height:22px;font-size:12px;display:inline-grid}.legend-c{color:#0e5f4b;background:#dff2ec}.legend-ip{color:#8a5200;background:#faecd6}.legend-p{color:#145f9b;background:#dceefd}.workspace{min-width:0;min-height:100vh;padding:14px}.topbar{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:10px;display:flex}h1,h2,p{margin:0}h1{font-size:24px;line-height:1.15}.board-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:13px;margin-top:8px;font-size:13px;display:flex}.board-meta span{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.toolbar,.dialog-actions{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.sync-status{color:#4b5b6b;background:#f8fafc;border:1px solid #d3dce6;border-radius:8px;align-items:center;min-height:30px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.command-button,.icon-button{border:1px solid var(--accent);min-height:38px;color:var(--accent-ink);background:var(--accent);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0 13px;display:inline-flex}.hidden-file-input{display:none}.icon-button{width:40px;padding:0;font-size:23px}.command-button.ghost,.icon-button:disabled{color:var(--ink);border-color:var(--line);background:var(--panel)}.icon-button:disabled{color:#95a2ad;cursor:not-allowed}.control-band{grid-template-columns:minmax(220px,1fr) 180px 180px;align-items:end;gap:12px;margin-bottom:10px;display:grid}.container-switch{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.container-switch[hidden]{display:none}.container-option{border:1px solid var(--line);min-height:34px;color:var(--ink);cursor:pointer;background:#fff;border-radius:8px;padding:0 12px;font-size:13px;font-weight:800}.container-option:hover,.container-option.active{border-color:var(--accent);color:var(--accent);background:#edf7ff}label{gap:6px;display:grid}label span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:700}input,select,textarea{border:1px solid var(--line);width:100%;min-height:38px;color:var(--ink);background:#fff;border-radius:8px;padding:8px 10px}.board-shell{border:1px solid var(--line);background:#fff;border-radius:8px;max-height:calc(100vh - 132px);overflow:auto;box-shadow:0 18px 46px #17212b1c}.board-grid{grid-template-columns:repeat(var(--section-count,3), minmax(360px, 1fr));min-width:min(100%, calc(var(--section-count,3) * 360px));align-items:stretch;display:grid}.board-group{border-right:2px solid var(--line-strong);background:#fff;min-height:calc(100vh - 142px)}.board-group:last-child{border-right:0}.hot-list{background:#fff;width:min(100%,980px);min-width:min(100%,860px);margin:0 auto}.hot-list-header,.hot-list-row{border-bottom:1px solid var(--line);grid-template-columns:92px minmax(220px,1fr) minmax(190px,260px) 44px;align-items:center;gap:10px;min-height:52px;padding:0 12px;display:grid}.hot-list-header{z-index:2;border-bottom:2px solid var(--line-strong);color:#536170;text-transform:uppercase;background:#edf2f6;font-size:12px;font-weight:900;position:sticky;top:0}.hot-list-row.completed{background:#f4f8f6}.hot-list-row.completed .hot-list-name{color:#667485;text-decoration:line-through}.hot-list-row input[type=checkbox]{width:20px;min-height:20px;accent-color:var(--mint);justify-self:center}.hot-list-row input[type=date]{min-height:34px}.hot-list-name{min-width:0;color:var(--ink);text-align:left;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:0;padding:8px 0;font-weight:800}.hot-list-name:hover{color:var(--accent)}.hot-list-delete{color:#7d8791;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;place-items:center;width:28px;height:28px;font-size:18px;line-height:1;display:grid}.hot-list-delete:hover{color:#8f2545;background:#f9dde7;border-color:#f0b5c8}.hot-list-empty{border-bottom:0}.group-header{border-bottom:2px solid var(--line-strong);background:#edf2f6;justify-content:space-between;align-items:center;min-height:54px;padding:8px 12px;display:flex}.group-header h2{word-break:break-word;outline:2px solid #0000;min-width:0;max-width:100%;height:24px;font-size:18px;font-weight:800;line-height:1.1;overflow:hidden}.group-header h2:focus,.year-header strong:focus,.designator:focus,.school:focus,.state-tag:focus,.position:focus{background:#edf7ff;outline-color:#1769aa4d}.group-header span{color:#6f7377;white-space:nowrap;font-size:12px;font-weight:800}.group-actions{flex:none;align-items:center;gap:6px;display:inline-flex}.delete-group,.lane-delete{border:1px solid var(--line);color:#7d8791;cursor:pointer;background:#fff;border-radius:7px;place-items:center;width:22px;height:22px;font-size:17px;line-height:1;display:grid}.delete-group:hover,.lane-delete:hover{color:#8f2545;background:#f9dde7;border-color:#f0b5c8}.year-grid{grid-template-columns:repeat(var(--year-count,3), minmax(0, 1fr));height:calc(100% - 54px);display:grid}.year-lane{border-right:1px solid var(--line);min-height:100%}.year-lane:last-child{border-right:0}.year-header{z-index:2;border-bottom:2px solid var(--line-strong);background:#fafbfd;justify-content:center;align-items:center;min-height:54px;display:flex;position:sticky;top:0}.column-handle{color:#73808d;cursor:grab;letter-spacing:0;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:7px;place-items:center;width:22px;height:22px;font-size:12px;display:grid;position:absolute;top:6px;left:5px}.column-handle:hover{border-color:var(--line);color:var(--accent);background:#fff}.column-handle:active{cursor:grabbing}.year-header strong{outline:2px solid #0000;min-width:0;max-width:calc(100% - 82px);height:28px;font-size:22px;font-weight:800;line-height:1;overflow:hidden}.lane-add{border:1px solid var(--line);width:22px;height:22px;color:var(--accent);cursor:pointer;background:#fff;border-radius:8px;place-items:center;display:grid;position:absolute;top:6px;right:5px}.lane-delete{position:absolute;top:6px;right:31px}.person-list{display:grid}.person-card{border-bottom:1px solid var(--line);cursor:grab;background:#fff;height:72px;position:relative}.person-card:active{cursor:grabbing}.year-lane.column-drop-before{box-shadow:inset 4px 0 0 var(--accent);background:#f3f9ff}.year-lane.column-drop-after{box-shadow:inset -4px 0 0 var(--accent);background:#f3f9ff}.year-lane.player-drop{background:#f7fbff;box-shadow:inset 0 0 0 2px #1769aa47}.person-card.insert-before{box-shadow:inset 0 3px 0 var(--accent)}.year-lane.is-dragging,.person-card.is-dragging{opacity:.55}.designator,.school,.state-tag,.position{word-break:break-word;overflow-wrap:normal;white-space:nowrap;border-radius:4px;outline:2px solid #0000;height:17px;padding:1px 3px;font-size:9px;font-weight:800;line-height:1;position:absolute;overflow:hidden}.designator{text-align:center;place-items:center;width:22px;display:grid;top:5px;left:5px}.status-c{color:#0e5f4b;background:#dff2ec}.status-ip{color:#8a5200;background:#faecd6}.status-p{color:#145f9b;background:#dceefd}.school{color:#536170;text-align:right;top:5px;left:31px;right:5px}.state-tag{color:#7a3b00;text-align:center;background:#fff1d8;width:28px;bottom:5px;left:5px}.name-link{color:#17212b;cursor:pointer;text-align:center;word-break:break-word;overflow-wrap:anywhere;background:0 0;border:0;justify-content:center;align-items:center;width:100%;min-width:0;height:72px;padding:27px 6px 21px;font-size:15px;font-weight:700;line-height:1.15;display:flex;overflow:hidden}.name-link:hover{color:#0f5d9a;background:#f0f7ff}.position{color:#17212b;text-align:right;bottom:5px;left:39px;right:5px}.fit-overflow{text-overflow:ellipsis}.delete-person{color:#0000;cursor:pointer;background:0 0;border:0;border-radius:50%;width:22px;height:22px;position:absolute;bottom:2px;right:3px}.person-card:hover .delete-person{color:#8f2545;background:#f7dbe4}.empty-cell{border-bottom:1px solid var(--line);color:#9da1a5;place-items:center;min-height:58px;font-size:14px;font-weight:700;display:grid}.profile-screen{z-index:20;background-color:var(--panel);background-image:linear-gradient(#ffffffbf,#ffffffbf),url(/assets/socium-logo-CTpxm2O0.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover,min(68vw,640px);background-attachment:fixed;padding:24px;display:none;position:fixed;inset:0;overflow:auto}.profile-screen.open{display:block}.back-button{border:1px solid var(--line);min-height:38px;color:var(--ink);cursor:pointer;background:#f8fafc;border-radius:8px;margin-bottom:22px;padding:0 13px}.back-button.compact{min-height:30px;margin-bottom:8px;padding:0 10px;font-size:13px}.profile-empty{min-height:72vh;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:12px;display:none}.profile-empty img{width:116px;height:116px}.profile-content{gap:18px;width:min(920px,100%);margin:0 auto;display:grid}.profile-hero{border-bottom:1px solid #d9e0e8;align-items:center;gap:16px;padding-bottom:18px;display:flex}.profile-avatar{color:#0e5f4b;background:#dff2ec;border-radius:8px;place-items:center;width:72px;height:72px;font-size:24px;font-weight:900;display:grid}.profile-hero h2{font-size:26px;line-height:1.15}.profile-field{border-top:1px solid var(--line);gap:5px;padding:13px 0;display:grid}.profile-field span,.profile-edit span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.profile-field strong,.profile-field p{white-space:pre-wrap;word-break:break-word}.profile-edit textarea{resize:vertical}.profile-edit{border-top:1px solid #d9e0e8;padding-top:12px}.profile-check{justify-content:space-between;align-items:center;display:flex}.profile-check input[type=checkbox]{width:22px;min-height:22px;accent-color:var(--mint)}.auth-note{color:var(--muted);font-size:13px;line-height:1.4}dialog{border:0;border-radius:8px;width:min(430px,100vw - 32px);padding:0;box-shadow:0 24px 90px #17212b47}dialog::backdrop{background:#17212b59}.dialog-card{gap:16px;padding:22px;display:grid}@media (width<=1120px){.dashboard-grid{grid-template-columns:repeat(2,minmax(210px,1fr))}.group-header{padding:7px 8px}.group-header h2{font-size:15px}.group-header span{display:none}.name-link{padding-inline:4px;font-size:12px}.designator,.school,.state-tag,.position{font-size:9px}}@media (width<=780px){.dashboard-screen{padding:12px}.dashboard-header{display:grid}.dashboard-grid{grid-template-columns:1fr}.dashboard-tile{min-height:132px}.workspace{padding:10px}.topbar{display:grid}.control-band{grid-template-columns:1fr}.board-shell{max-height:calc(100vh - 225px)}.year-header strong{font-size:17px}.lane-add{width:20px;height:20px}.person-card,.name-link{height:68px}.name-link{padding-inline:4px;font-size:12px}.designator,.school,.state-tag,.position{font-size:9px}.profile-screen{padding:14px}.profile-hero{align-items:flex-start}}