:root{--ink:#29213f;--muted:#766e8c;--paper:#fff;--line:#e6e0f2;--purple:#8457d8;--purple-dark:#6840b4;--lavender:#eee8ff;--lilac:#f7f3ff;--mist:#e4ddf7;--shadow:0 12px 30px rgba(83,58,130,.1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#faf8ff;color:var(--ink);font-family:"Trebuchet MS",Arial,sans-serif;line-height:1.45}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#f7f2ff,#eee9ff)}.login-card,.panel,.chart-card{background:rgba(255,255,255,.97);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.login-card{width:min(100%,430px);padding:34px}.login-card h1{margin:0 0 20px;color:var(--ink);font-size:2rem}.eyebrow{margin:0 0 9px;color:var(--purple-dark);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.stack-form{display:grid;gap:15px}.stack-form label,.filters label{display:grid;gap:7px;font-size:13px;font-weight:800;color:var(--ink)}input,select,textarea{width:100%;border:1px solid #dcd5eb;border-radius:8px;padding:10px 11px;background:#fff;color:var(--ink);font:inherit;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--purple);box-shadow:0 0 0 3px rgba(132,87,216,.15)}.button{border:0;border-radius:8px;padding:10px 16px;background:var(--purple);color:#fff;font-weight:800;cursor:pointer;transition:transform .18s,background .18s}.button:hover{background:var(--purple-dark);transform:translateY(-1px)}.secondary{background:#f0ecfa;color:var(--ink);margin-left:8px}.secondary:hover{background:#e5def5;color:var(--ink)}.message{min-height:20px;color:var(--purple-dark);font-size:13px;font-weight:700}.app{max-width:1400px;margin:auto;padding:28px 20px 48px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.topbar h1{margin:0;font-size:clamp(1.6rem,3vw,2.25rem);letter-spacing:0}.user-pill{display:inline-block;background:var(--ink);color:#fff;padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800}.panel{padding:20px;margin-bottom:18px}.filters{display:flex;gap:14px;flex-wrap:wrap}.filters label{min-width:220px}.single-filter{display:block}.single-filter label{max-width:420px}.monthly-controls label{min-width:250px}.nav-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}.nav-links a{padding:9px 12px;background:var(--lavender);color:var(--purple-dark);text-decoration:none;border-radius:8px;font-size:13px;font-weight:800}.nav-links a:hover{background:#e0d6fb}.hidden{display:none!important}.table-wrap{overflow:auto;border-radius:8px}table{width:100%;border-collapse:collapse;min-width:760px;background:#fff}th,td{border:1px solid var(--line);padding:9px 8px;text-align:left;vertical-align:top}th{background:#f0ebfa;color:#554b70;text-align:center;font-size:12px}td:nth-child(n+3){text-align:center}.section-heading{display:flex;justify-content:space-between;gap:12px;align-items:center}.section-heading span{color:var(--muted);font-size:12px}.report{max-width:1050px}.email-note{margin-top:18px}.character-form-panel h2{margin-bottom:14px}.character-input-table th,.character-input-table td{height:38px}.character-input-table th:nth-child(1){width:18%}.character-input-table th:nth-child(2){width:34%}.character-input-table td{vertical-align:middle}.character-name{white-space:normal;text-align:center!important;font-weight:800}.area-name{text-align:left!important}.character-input-table input{width:17px;height:17px;accent-color:var(--purple)}.character-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:20px 0}.character-footer h3{margin:0 0 7px;font-size:15px}.interpretation-table{min-width:260px;width:260px}.character-footer>strong{white-space:nowrap}.monthly-attendance-table{min-width:950px}.monthly-attendance-table td{vertical-align:middle}.monthly-attendance-table td:first-child,.monthly-attendance-table td:nth-child(2),.monthly-attendance-table td:nth-child(3){text-align:center}.monthly-attendance-table input,.monthly-attendance-table select{border:1px solid #dcd5eb;border-radius:5px;padding:7px}.monthly-attendance-table td:nth-child(6){min-width:300px}.monthly-attendance-table td:nth-child(6) input{text-align:left}.club-matrix{min-width:2600px}.club-matrix th,.club-matrix td{white-space:nowrap;padding:7px 6px}.club-matrix .club-date{min-width:145px;padding:5px}.club-matrix .club-number{min-width:70px;text-align:center}.club-matrix .club-development{display:block;min-width:360px;width:360px;min-height:76px;resize:horizontal;text-align:left;white-space:normal;line-height:1.35}.club-matrix th:nth-child(4),.club-matrix td:nth-child(4){min-width:180px}.entry-form{display:grid;gap:12px}.compact-form{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr)) auto auto;gap:8px;align-items:center;margin-bottom:14px}.compact-form input,.compact-form select{padding:8px;font-size:13px}.compact-form .button{padding:8px 12px;white-space:nowrap}.participant-panel h2{margin-bottom:0}.participant-panel table{min-width:720px}.participant-panel td:last-child{white-space:nowrap}.participant-panel td:last-child button{border:0;background:#f0ecfa;color:var(--ink);border-radius:5px;padding:6px 8px;cursor:pointer}.instructions{background:#fcf9ff}.instructions ol{margin:8px 0 12px;padding-left:20px}.report-card{background:#fff}.report-student{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.report-student div{display:grid;gap:4px;padding:12px;border-radius:9px;background:#f1ecfc}.report-student span{font-size:13px}.report-summary{display:flex;justify-content:space-between;gap:12px;padding:14px 0;color:var(--purple-dark)}.dashboard-app{display:flex;min-height:100vh;background:#faf8ff}.sidebar{width:220px;padding:28px 16px;background:#fff;border-right:1px solid var(--line)}.brand-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:var(--purple);color:#fff;font-weight:900;margin:0 0 30px}.sidebar-label{margin:0 10px 10px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.side-link{display:block;padding:12px 13px;margin:5px 0;border-radius:9px;color:var(--ink);text-decoration:none;font-size:13px;font-weight:800}.side-link:hover,.side-link.active{background:var(--purple);color:#fff}.dashboard-main{flex:1;min-width:0;padding:28px 30px}.dashboard-top{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.dashboard-top h1{margin:0;font-size:clamp(1.6rem,3vw,2.25rem)}.dashboard-filter{display:flex;gap:14px;align-items:end}.dashboard-filter label{min-width:230px}.summary-grid{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:14px;margin-bottom:18px}.summary-card{padding:16px;border-radius:12px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow)}.summary-card:nth-child(2n){background:#f8f4ff}.summary-card span{display:block;color:var(--muted);font-size:12px;font-weight:800}.summary-card strong{display:block;margin:8px 0;font-size:1.7rem;color:var(--purple-dark)}.summary-card small{color:var(--muted);font-size:11px}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:18px}.chart-card{padding:18px;min-width:0}.wide-chart{grid-column:1/-1}.chart-title{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:18px}.chart-title h2{margin:0;font-size:1.1rem}.chart-title span{color:var(--muted);font-size:12px}.bar-chart{display:grid;gap:11px;min-height:80px}.bar-row{display:grid;grid-template-columns:minmax(90px,150px) 1fr 38px;align-items:center;gap:9px;font-size:12px}.bar-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:12px;background:#eeeaf4;border-radius:99px;overflow:hidden}.bar-track i{display:block;height:100%;border-radius:99px;background:var(--purple)}.coral-bars .bar-track i{background:#ae8be8}.mint-bars .bar-track i{background:#9c82d9}.bar-row b{font-size:11px;text-align:right}.empty-chart{color:var(--muted);font-size:13px}.records-table{min-width:900px}@media print{body{background:#fff}.app{padding:0}.topbar button,.sidebar{display:none}.panel,.chart-card{box-shadow:none;border:0}}@media(max-width:900px){.sidebar{width:180px}.dashboard-main{padding:22px 16px}.summary-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:650px){.dashboard-app{display:block}.sidebar{width:100%;padding:14px;border-right:0;border-bottom:1px solid var(--line)}.brand-mark{display:inline-grid;margin:0 0 12px}.side-link{display:inline-block;margin:2px}.dashboard-top,.dashboard-filter{align-items:flex-start;flex-direction:column}.dashboard-filter label{width:100%}.chart-grid{grid-template-columns:1fr}.wide-chart{grid-column:auto}.summary-grid{grid-template-columns:repeat(2,1fr)}.report-student{grid-template-columns:1fr 1fr}.topbar{align-items:flex-start;flex-direction:column}.compact-form{grid-template-columns:1fr 1fr}.compact-form .button{width:100%}.character-footer{align-items:flex-start;flex-direction:column}.interpretation-table{min-width:240px;width:240px}}