:root{--background:#f6f7fb;--foreground:#17202a;--muted:#65717f;--line:#dde4ec;--panel:#fff;--accent:#087f8c;--accent-dark:#066672;--danger:#b42318;--warning:#b7791f;--success:#146c43}*{box-sizing:border-box}html,body{min-height:100%}body{background:linear-gradient(180deg, #087f8c14, transparent 340px), var(--background);color:var(--foreground);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{border:1px solid var(--line);background:var(--panel);border-radius:8px;gap:28px;width:min(100%,460px);padding:32px;display:grid;box-shadow:0 18px 60px #17202a1f}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:800}h1,h2,p{margin-top:0}h1{margin-bottom:10px;font-size:clamp(2rem,5vw,3rem);line-height:1.02}h2{margin-bottom:0;font-size:1.2rem}.muted{color:var(--muted);margin-bottom:0;line-height:1.6}.login-form,.filters,.student-form{gap:16px;display:grid}label{color:#263442;gap:7px;font-size:.9rem;font-weight:700;display:grid}input,select{border:1px solid var(--line);width:100%;min-height:44px;color:var(--foreground);background:#fff;border-radius:6px;outline:none;padding:10px 12px}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #087f8c24}.primary-button,.ghost-button,.row-actions button,.modal-heading button{border:1px solid #0000;border-radius:6px;min-height:40px;padding:9px 14px;font-weight:800}.primary-button{background:var(--accent);color:#fff}.primary-button:hover{background:var(--accent-dark)}.ghost-button,.row-actions button,.modal-heading button{border-color:var(--line);color:var(--foreground);background:#fff}.danger-button{color:var(--danger)!important}.form-message,.toast{border-radius:6px;margin:0;padding:10px 12px;font-weight:700}.success{color:var(--success);background:#e8f5ef}.error{color:var(--danger);background:#fff0ee}.app-shell{width:min(100%,1280px);margin:0 auto;padding:28px}.topbar,.section-heading,.modal-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.topbar{margin-bottom:24px}.trainer-box{border:1px solid var(--line);background:#fffc;border-radius:8px;align-items:center;gap:12px;padding:8px;display:flex}.trainer-box span{padding-left:8px;font-weight:800}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px;display:grid}.stats-grid article{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:18px}.stats-grid article.stat-danger{background:#fff4f2;border-color:#f3b8b1}.stats-grid span,td span,.section-heading span{color:var(--muted);font-size:.86rem}.stats-grid strong{margin-top:8px;font-size:2rem;display:block}.toolbar{justify-content:flex-end;gap:10px;margin-bottom:14px;display:flex}.toolbar .primary-button{min-width:160px}.filters{border:1px solid var(--line);background:var(--panel);border-radius:8px;grid-template-columns:2fr 1fr 1fr;margin-bottom:14px;padding:16px}.search-filter{display:grid}.search-control{grid-template-columns:1fr auto 44px;display:grid}.search-control input{border-radius:6px 0 0 6px}.search-control button{border:1px solid var(--line);background:var(--accent);color:#fff;border-left:0;border-radius:0 6px 6px 0;place-items:center;min-height:44px;display:grid}.search-control button:hover{background:var(--accent-dark)}.search-control svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:18px;height:18px}.search-control .clear-search-button{width:44px;color:var(--foreground);background:#eef3f6;border-left:0;border-radius:0}.search-control .clear-search-button:hover{background:#dde8ed}.search-control input+button:last-child{border-left:0}.toast{margin-bottom:14px}.students-section{gap:12px;display:grid}.loading-panel{border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:8px;padding:24px;font-weight:800}.mobile-list,.compact-students{display:none}.student-row{border:1px solid var(--line);background:var(--panel);border-radius:12px;gap:14px;padding:16px;display:grid}.student-row-main{gap:12px;display:grid}.compact-students .student-row-main{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px}.student-row-title{gap:6px;display:grid}.student-row-title strong{overflow-wrap:anywhere}.student-row-meta{color:var(--muted);flex-wrap:wrap;gap:6px 12px;font-size:.82rem;font-weight:800;display:flex}.student-row-actions{flex-wrap:wrap;gap:10px;display:flex}.student-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;gap:12px;padding:16px;display:grid}.student-card-head{justify-content:space-between;gap:12px;display:flex}.student-card-meta{color:var(--muted);gap:6px;font-weight:700;display:grid}.table-wrap{border:1px solid var(--line);background:var(--panel);border-radius:8px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:920px}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;padding:14px}th{color:#30404f;text-transform:uppercase;background:#eef3f6;font-size:.82rem}td strong{display:block}tbody tr:hover{background:#f9fbfc}.today-row{background:#f3fbf6}.today-row:hover{background:#eaf7ef}.attention-row{background:#fff7f5}.attention-row:hover{background:#fff1ee}.entry-control{border:1px solid var(--line);background:#fff;border-radius:6px;grid-template-columns:40px 1fr 40px;align-items:center;width:154px;display:grid;overflow:hidden}.entry-control button{height:40px;color:var(--accent-dark);background:#eef7f8;border:0;font-size:1.2rem;font-weight:900}.entry-control strong{place-items:center;min-width:70px;font-size:1rem;display:grid}.badge{min-height:30px;color:var(--success);background:#edf7f0;border-radius:999px;align-items:center;padding:5px 10px;font-weight:800;display:inline-flex}.badge.warn{color:var(--warning);background:#fff7e6}.badge.danger{color:var(--danger);background:#fff0ee}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.row-actions button{align-items:center;gap:6px;display:inline-flex}.row-actions .action-button{border-radius:6px;min-height:34px;padding:6px 10px;font-size:.9rem}.row-actions svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:14px;height:14px}.signals{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.signal{border-radius:999px;align-items:center;min-height:26px;padding:4px 8px;font-size:.78rem;font-weight:900;display:inline-flex}.signal.danger{color:var(--danger);background:#fff0ee}.signal.warn{color:var(--warning);background:#fff7e6}.signal.today{color:var(--success);background:#edf7f0}.mobile-actions{border-top:1px solid var(--line);padding-top:8px}.mobile-actions summary{color:var(--accent-dark);cursor:pointer;font-weight:900}.mobile-actions .row-actions{margin-top:10px}.danger-text{font-weight:900;color:var(--danger)!important}.empty-state{text-align:center;color:var(--muted);padding:28px;font-weight:700}.modal-backdrop{background:#17202a70;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:8px;width:min(100%,920px);max-height:calc(100vh - 32px);padding:24px;overflow-y:auto;box-shadow:0 24px 80px #17202a42}.compact-modal{width:min(100%,560px)}.student-form{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:22px}.student-form .primary-button{grid-column:1/-1}.checkbox-label{grid-template-columns:20px 1fr;align-content:end;min-height:70px}.checkbox-label input{width:18px;min-height:18px;accent-color:var(--accent)}.deleted-table-wrap{border:1px solid var(--line);border-radius:8px;margin-top:22px;overflow-x:auto}.deleted-table{min-width:760px}.deleted-table .primary-button{white-space:nowrap;min-height:38px}.deleted-mobile-list{display:none}.entries-list{gap:10px;margin:22px 0 0;padding:0;list-style:none;display:grid}.entries-list li{border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.entries-list span{color:var(--muted);font-weight:700}.details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0 0;display:grid}.details-grid div{border:1px solid var(--line);border-radius:8px;padding:14px}dt{color:var(--muted);font-size:.82rem;font-weight:800}dd{margin:6px 0 0;font-weight:800}@media (max-width:899px){.app-shell{padding:16px}.topbar,.section-heading,.modal-heading,.toolbar{flex-direction:column;align-items:stretch}.topbar{gap:14px;margin-bottom:18px}.trainer-box{justify-content:space-between;width:100%}.stats-grid{grid-template-columns:1fr}.filters{grid-template-columns:1fr;padding:14px}.toolbar .primary-button,.toolbar .ghost-button{width:100%}.desktop-students{display:none}.compact-students{gap:8px;display:grid}.compact-students .student-row{border-radius:8px;gap:8px;padding:10px}.compact-students .entry-control{grid-template-columns:32px 1fr 32px;width:112px}.compact-students .entry-control button{height:34px}.compact-students .entry-control strong{min-width:48px;font-size:.9rem}.compact-students .signals{margin-top:4px}.compact-students .signal{min-height:22px;padding:3px 7px;font-size:.72rem}.table-wrap,.deleted-table-wrap,.modal{border-radius:10px}table{min-width:760px}th,td{padding:11px}.entry-control{width:140px}.row-actions{max-width:100%}.student-form,.details-grid{grid-template-columns:1fr}.student-form{margin-top:16px}.modal-backdrop{padding:12px}.modal{max-height:calc(100vh - 24px);padding:18px}}