:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-bg:#f6f8fb;--color-surface:#fff;--color-surface-muted:#f9fafb;--color-surface-subtle:#f3f4f6;--color-elevated:#fff;--color-border:#e5e7eb;--color-border-strong:#d1d5db;--color-text:#111827;--color-text-muted:#6b7280;--color-text-soft:#9ca3af;--color-on-primary:#fff;--color-primary:#2563eb;--color-primary-hover:#1d4ed8;--color-primary-soft:#eff6ff;--color-primary-border:#bfdbfe;--color-success:#16a34a;--color-success-soft:#ecfdf5;--color-success-border:#bbf7d0;--color-warning:#d97706;--color-warning-soft:#fffbeb;--color-warning-border:#fde68a;--color-danger:#dc2626;--color-danger-hover:#b91c1c;--color-danger-soft:#fef2f2;--color-danger-border:#fecaca;--color-info:#0284c7;--color-info-soft:#f0f9ff;--color-info-border:#bae6fd;--rating-low:var(--color-danger);--rating-medium:var(--color-warning);--rating-high:var(--color-success);--font-main:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:20px;--text-xl:24px;--text-2xl:32px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:24px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--shadow-sm:0 1px 2px #0f172a0f;--shadow-md:0 8px 22px #0f172a14;--shadow-lg:0 18px 48px #0f172a24;--shadow-xl:0 24px 80px #0f172a38;--focus-ring:0 0 0 3px #2563eb29;--danger-ring:0 0 0 3px #dc262629;--sidebar-width:260px;--header-height:72px}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#0f172a;--color-surface:#111827;--color-surface-muted:#1f2937;--color-surface-subtle:#273449;--color-elevated:#182235;--color-border:#334155;--color-border-strong:#475569;--color-text:#f8fafc;--color-text-muted:#cbd5e1;--color-text-soft:#94a3b8;--color-on-primary:#fff;--color-primary:#3b82f6;--color-primary-hover:#60a5fa;--color-primary-soft:#3b82f624;--color-primary-border:#60a5fa5c;--color-success:#22c55e;--color-success-soft:#22c55e24;--color-success-border:#22c55e52;--color-warning:#f59e0b;--color-warning-soft:#f59e0b24;--color-warning-border:#f59e0b52;--color-danger:#ef4444;--color-danger-hover:#f87171;--color-danger-soft:#ef444424;--color-danger-border:#ef444452;--color-info:#38bdf8;--color-info-soft:#38bdf824;--color-info-border:#38bdf852;--shadow-sm:0 1px 2px #0000003d;--shadow-md:0 8px 22px #00000047;--shadow-lg:0 18px 48px #00000057;--shadow-xl:0 24px 80px #0000006b;--focus-ring:0 0 0 3px #3b82f647;--danger-ring:0 0 0 3px #ef444447}*{box-sizing:border-box;letter-spacing:0}html{min-height:100%;font-family:var(--font-main);background:var(--color-bg);color:var(--color-text)}body{background:var(--color-bg);min-height:100vh;color:var(--color-text);margin:0}#root{min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[role=button]:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{box-shadow:var(--focus-ring);outline:none}input[type=checkbox]{accent-color:var(--color-primary)}.app-layout{background:var(--color-bg);min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);min-height:100vh;padding:var(--space-6);background:var(--color-surface);border-right:1px solid var(--color-border)}.sidebar__logo{margin-bottom:var(--space-8);color:var(--color-text);font-size:var(--text-lg);font-weight:900}.sidebar__nav{gap:var(--space-2);flex-direction:column;display:flex}.sidebar__link{align-items:center;gap:var(--space-3);min-height:40px;padding:0 var(--space-3);color:var(--color-text-muted);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:700;transition:background .15s,color .15s;display:flex}.sidebar__link:hover{background:var(--color-surface-muted);color:var(--color-text)}.sidebar__link--active{background:var(--color-primary-soft);color:var(--color-primary)}.main{flex:1;min-width:0}.header{min-height:var(--header-height);padding:0 var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-4);background:var(--color-bg);border-bottom:1px solid var(--color-border);display:flex}.header__title{color:var(--color-text);font-size:var(--text-xl);margin:0;font-weight:900}.header__subtitle{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--text-sm)}.page{width:100%;padding:var(--space-8)}.page__head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.page__title{color:var(--color-text);font-size:var(--text-2xl);margin:0;font-weight:900;line-height:1.2}.page__description{max-width:720px;margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.6}.page-spacer{height:var(--space-4)}.card,.stat-card,.event-info-card,.event-players-toolbar,.event-page__header,.class-flat-card,.student-select-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.card--padded{padding:var(--space-6)}.card--hover,button.class-flat-card,.student-select-card{transition:background .15s,border-color .15s,box-shadow .15s,transform .15s}.card--hover:hover,button.class-flat-card:hover,.student-select-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.card__header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border)}.card__title{color:var(--color-text);font-size:var(--text-md);margin:0;font-weight:900}.card__subtitle{color:var(--color-text-muted);font-size:var(--text-sm);margin:6px 0 0}.card__body{padding:var(--space-6)}.card__footer{padding:var(--space-5) var(--space-6);background:var(--color-surface-muted);border-top:1px solid var(--color-border);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.grid{gap:var(--space-5);display:grid}.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);white-space:nowrap;font-weight:800;line-height:1;transition:background .15s,border-color .15s,color .15s,opacity .15s,box-shadow .15s,transform .15s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.58}.btn--primary{background:var(--color-primary);color:var(--color-on-primary)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-muted);border-color:var(--color-border-strong)}.btn--danger{background:var(--color-danger);color:var(--color-on-primary)}.btn--danger:hover:not(:disabled){background:var(--color-danger-hover)}.btn--ghost{color:var(--color-text-muted);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--color-surface-muted);color:var(--color-text)}.btn--sm{min-height:32px;padding:0 var(--space-3);font-size:var(--text-xs)}.btn--lg{min-height:46px;padding:0 var(--space-5);font-size:var(--text-md)}.btn-group{justify-content:flex-end;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.form,.auth-form{gap:var(--space-5);flex-direction:column;min-height:0;display:flex}.form-row{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.field{gap:var(--space-2);flex-direction:column;display:flex}.field__label{color:var(--color-text);font-size:var(--text-sm);font-weight:800}.field__hint{min-height:16px;color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.4}.field__error{min-height:16px;color:var(--color-danger);font-size:var(--text-xs);line-height:1.4}.input,.select,.textarea{width:100%;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);outline:none;transition:background .15s,border-color .15s,box-shadow .15s}.input,.select{height:42px;padding:0 var(--space-3)}.textarea,textarea.input{height:auto;min-height:112px;padding:var(--space-3);resize:vertical;line-height:1.5}.input::placeholder,.textarea::placeholder,textarea.input::placeholder{color:var(--color-text-soft)}.input:focus,.select:focus,.textarea:focus,textarea.input:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.input:disabled,.select:disabled,.textarea:disabled,textarea.input:disabled{cursor:not-allowed;opacity:.7;background:var(--color-surface-muted)}.input--error,.select--error,.textarea--error{border-color:var(--color-danger)}.input--error:focus,.select--error:focus,.textarea--error:focus{border-color:var(--color-danger);box-shadow:var(--danger-ring)}.table-wrap{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;overflow-x:auto}.table{border-collapse:collapse;width:100%;min-width:760px}.table th,.table td{padding:14px var(--space-4);text-align:left;border-bottom:1px solid var(--color-border);font-size:var(--text-sm)}.table th{background:var(--color-surface-muted);color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase;font-weight:900}.table tr:last-child td{border-bottom:0}.table tr:hover td{background:var(--color-surface-muted)}.table__actions{justify-content:flex-end;align-items:center;gap:var(--space-2);display:flex}.user-cell{align-items:center;gap:var(--space-3);display:flex}.avatar,.profile-avatar,.student-select-card__avatar,.class-flat-card__icon{background:var(--color-primary-soft);color:var(--color-primary);flex-shrink:0;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.avatar{border-radius:var(--radius-pill);width:40px;height:40px}.avatar--sm{width:32px;height:32px;font-size:var(--text-xs)}.user-cell__name{color:var(--color-text);font-weight:800}.user-cell__meta{color:var(--color-text-muted);font-size:var(--text-xs);margin-top:2px}.badge{border-radius:var(--radius-pill);min-height:24px;font-size:var(--text-xs);white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-weight:900;display:inline-flex}.badge--success,.badge--high{background:var(--color-success-soft);color:var(--color-success)}.badge--warning,.badge--medium{background:var(--color-warning-soft);color:var(--color-warning)}.badge--danger,.badge--low{background:var(--color-danger-soft);color:var(--color-danger)}.badge--info{background:var(--color-info-soft);color:var(--color-info)}.badge--neutral{background:var(--color-surface-subtle);color:var(--color-text-muted)}.rating{gap:var(--space-2);flex-direction:column;display:flex}.rating__top{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.rating__value{font-size:var(--text-sm);font-weight:900}.rating__value--low,.profile-rating-value--low{color:var(--rating-low)}.rating__value--medium,.profile-rating-value--medium{color:var(--rating-medium)}.rating__value--high,.profile-rating-value--high{color:var(--rating-high)}.rating__bar{border-radius:var(--radius-pill);background:var(--color-surface-subtle);height:8px;overflow:hidden}.rating__fill{border-radius:inherit;height:100%;transition:width .2s}.rating__fill--low{background:var(--rating-low)}.rating__fill--medium{background:var(--rating-medium)}.rating__fill--high{background:var(--rating-high)}.feed{gap:var(--space-3);flex-direction:column;display:flex}.feed-item{padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.feed-item__head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.feed-item__title{color:var(--color-text);font-size:var(--text-md);margin:0;font-weight:900}.feed-item__meta{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--text-xs)}.feed-item__text{color:var(--color-text);font-size:var(--text-sm);margin:0;line-height:1.6}.feed-item--info{background:var(--color-info-soft);border-color:var(--color-info-border)}.feed-item--warning{background:var(--color-warning-soft);border-color:var(--color-warning-border)}.tabs{align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);border-bottom:1px solid var(--color-border);display:flex}.tab{padding:var(--space-3) var(--space-1);color:var(--color-text-muted);font-size:var(--text-sm);background:0 0;border-bottom:2px solid #0000;font-weight:800}.tab:hover{color:var(--color-text)}.tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.tabs-switcher{align-items:center;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-sm);scrollbar-width:thin;padding:6px;display:flex;overflow-x:auto}.tabs-switcher__item{justify-content:center;align-items:center;gap:var(--space-2);min-height:42px;padding:0 var(--space-4);color:var(--color-text-muted);border-radius:var(--radius-lg);font-size:var(--text-sm);white-space:nowrap;cursor:pointer;background:0 0;border:none;font-weight:900;line-height:1.2;transition:background .16s,color .16s,box-shadow .16s;display:inline-flex}.tabs-switcher__item:hover{background:var(--color-surface-muted);color:var(--color-text)}.tabs-switcher__item--active{color:var(--color-primary);background:var(--color-primary-soft);box-shadow:inset 0 0 0 1px var(--color-primary-border)}.tabs-switcher__item:disabled{opacity:.48;cursor:not-allowed}.tabs-switcher__label{align-items:center;display:inline-flex}.tabs-switcher__badge{min-width:22px;height:22px;color:var(--color-text);background:var(--color-surface-subtle);border-radius:var(--radius-pill);font-size:var(--text-xs);justify-content:center;align-items:center;padding:0 7px;font-weight:900;display:inline-flex}.tabs-switcher__item--active .tabs-switcher__badge{color:var(--color-primary);background:var(--color-primary-soft)}.alert{padding:var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);border:1px solid #0000;line-height:1.5}.alert--success{background:var(--color-success-soft);border-color:var(--color-success-border);color:var(--color-success)}.alert--warning{background:var(--color-warning-soft);border-color:var(--color-warning-border);color:var(--color-warning)}.alert--danger{background:var(--color-danger-soft);border-color:var(--color-danger-border);color:var(--color-danger)}.alert--info{background:var(--color-info-soft);border-color:var(--color-info-border);color:var(--color-info)}.modal-backdrop{z-index:1000;padding:var(--space-6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a7a;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}html[data-theme=dark] .modal-backdrop{background:#00000094}.modal{background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:calc(100vh - 48px);box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:hidden}.modal--wide{max-width:720px}.modal--confirm{max-width:500px}.modal__header{padding:var(--space-6) var(--space-6) var(--space-5);justify-content:space-between;align-items:flex-start;gap:var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.modal__title{color:var(--color-text);font-size:var(--text-lg);margin:0;font-weight:900;line-height:1.25}.modal__description{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.5}.modal__close{width:36px;height:36px;color:var(--color-text-muted);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-xl);flex-shrink:0;justify-content:center;align-items:center;line-height:1;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.modal__close:hover:not(:disabled){color:var(--color-text);background:var(--color-surface-subtle);border-color:var(--color-border-strong)}.modal__body{padding:var(--space-6);gap:var(--space-5);flex-direction:column;display:flex;overflow-y:auto}.modal__footer{padding:var(--space-5) var(--space-6);justify-content:flex-end;align-items:center;gap:var(--space-3);background:var(--color-surface-muted);border-top:1px solid var(--color-border);display:flex}.empty-state{padding:var(--space-8);text-align:center;background:var(--color-surface);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg)}.empty-state__title{color:var(--color-text);font-size:var(--text-md);margin:0;font-weight:900}.empty-state__text{max-width:440px;margin:var(--space-2) auto 0;color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.6}.empty-state .btn{margin-top:var(--space-5)}.empty-inline{width:100%;min-height:56px;padding:var(--space-4);color:var(--color-text-muted);background:var(--color-surface-muted);border:1px dashed var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-sm);text-align:center;justify-content:center;align-items:center;display:flex}.skeleton{border-radius:var(--radius-lg);background:linear-gradient(90deg, var(--color-surface-subtle) 25%, var(--color-border) 37%, var(--color-surface-subtle) 63%);background-size:400% 100%;animation:1.4s infinite skeleton-loading;display:block}@keyframes skeleton-loading{0%{background-position:100%}to{background-position:0}}.spinner{border:2px solid #ffffff73;border-top-color:var(--color-on-primary);border-radius:var(--radius-pill);width:18px;height:18px;animation:.75s linear infinite spinner-rotate}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.class-list,.students-select-list{gap:var(--space-3);flex-direction:column;display:flex}.class-flat-card{width:100%;min-height:88px;padding:var(--space-4) var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-6);color:var(--color-text);text-align:left;display:flex}button.class-flat-card{background:var(--color-surface)}button.class-flat-card:focus-visible{box-shadow:var(--focus-ring), var(--shadow-sm)}.class-flat-card__main{align-items:center;gap:var(--space-4);flex:auto;min-width:0;display:flex}.class-flat-card__icon{border-radius:var(--radius-lg);width:48px;height:48px;font-size:var(--text-sm)}.class-flat-card__info{min-width:0}.class-flat-card__info+.class-flat-card__info{flex:auto}.class-flat-card__title{color:var(--color-text);font-size:var(--text-md);margin:0;font-weight:900;line-height:1.35}.class-flat-card__subtitle{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--text-sm);text-overflow:ellipsis;line-height:1.45;overflow:hidden}.class-flat-card__meta{justify-content:flex-end;align-items:center;gap:var(--space-5);flex-shrink:0;display:flex}.class-flat-card__metric{flex-direction:column;gap:2px;min-width:72px;display:flex}.class-flat-card__metric-label{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:800}.class-flat-card__metric-value{color:var(--color-text);font-size:var(--text-sm);font-weight:900;line-height:1.35}.class-flat-card__arrow{color:var(--color-text-soft);font-size:var(--text-lg);font-weight:900}.profile-page,.user-page,.event-page,.event-players-page{gap:var(--space-5);flex-direction:column;display:flex}.profile-loading{gap:var(--space-4);flex-direction:column;display:flex}.profile-hero,.user-hero{padding:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex}.profile-hero>.info-row{justify-content:center;align-items:flex-start;gap:var(--space-2);background:0 0;border:0;border-radius:0;flex-direction:column;min-height:auto;padding:0}.profile-hero>.info-row .info-row__value{color:var(--color-text);font-size:var(--text-xl);text-align:left;font-weight:900}.profile-hero__main,.user-hero__main{align-items:center;gap:var(--space-4);min-width:0;display:flex}.profile-avatar{border-radius:var(--radius-lg);background:var(--color-primary);width:72px;height:72px;color:var(--color-on-primary);font-size:var(--text-xl)}.profile-hero__info,.user-hero__content{min-width:0}.profile-hero__name{color:var(--color-text);margin:0;font-size:30px;font-weight:900;line-height:1.15}.profile-hero__meta{margin-top:var(--space-3);align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.profile-login{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:700}.profile-actions{justify-content:flex-end;align-items:center;gap:var(--space-3);flex-wrap:wrap;flex-shrink:0;display:flex}.profile-progress{background:var(--color-border);border-radius:var(--radius-pill);height:4px;position:relative;overflow:hidden}.profile-progress:before{content:"";background:var(--color-primary);border-radius:inherit;width:40%;animation:1.1s ease-in-out infinite profile-progress-loading;position:absolute;inset:0}@keyframes profile-progress-loading{0%{transform:translate(-100%)}to{transform:translate(260%)}}.profile-grid,.profile-grid--equal,.user-main-grid,.user-content-grid{gap:var(--space-5);align-items:start;display:grid}.profile-grid{grid-template-columns:minmax(0,2fr) minmax(280px,1fr)}.profile-grid--equal,.user-content-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-grid--equal>.card,.user-content-grid>.card{min-width:0}.profile-grid--equal>.card:only-child{grid-column:1/-1}.user-main-grid{grid-template-columns:minmax(0,1.6fr) minmax(320px,.9fr)}.user-main-grid--single{grid-template-columns:1fr}.profile-rating-card,.user-rating-card,.user-section-card{flex-direction:column;display:flex}.profile-rating-card,.user-rating-card{gap:var(--space-5)}.user-section-card{min-height:260px}.profile-rating-value{margin:var(--space-2) 0 var(--space-4);color:var(--color-text);font-size:44px;font-weight:900;line-height:1}.user-rating-summary{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.user-action-form{margin-bottom:var(--space-5);padding:var(--space-4);gap:var(--space-4);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.user-action-form--compact{margin-top:var(--space-1);margin-bottom:0}.user-action-form__footer{justify-content:flex-end;display:flex}.section-head{margin-bottom:var(--space-5)}.section-head--row{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.section-title{color:var(--color-text);font-size:var(--text-md);margin:0;font-weight:900;line-height:1.35}.section-description{color:var(--color-text-muted);font-size:var(--text-sm);margin:6px 0 0;line-height:1.5}.info-list{gap:var(--space-3);flex-direction:column;display:flex}.info-row{min-height:46px;padding:var(--space-3) var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);background:var(--color-surface-muted);border-radius:var(--radius-md);border:1px solid #0000;display:flex}.info-row__label{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:800}.info-row__value{color:var(--color-text);font-size:var(--text-sm);text-align:right;word-break:break-word;font-weight:900}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-6);padding:var(--space-6);border-radius:var(--radius-2xl);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);display:flex;position:relative}.page-header__content{gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.page-header__eyebrow{color:var(--color-text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;margin:0;font-weight:900}.page-header__title{color:var(--color-text);font-size:var(--text-2xl);margin:0;font-weight:900;line-height:1.15}.page-header__description{max-width:820px;color:var(--color-text-muted);font-size:var(--text-md);margin:0;font-weight:600;line-height:1.55}.page-header__meta{align-items:center;gap:var(--space-2);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.page-header__actions{justify-content:flex-end;align-items:center;gap:var(--space-3);flex:none;display:flex}.class-dashboard-hero{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-height:150px;box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;padding:32px 88px 32px 28px;display:flex;position:relative}.class-dashboard-hero__content{flex-direction:column;gap:18px;min-width:0;display:flex}.class-dashboard-hero__menu{z-index:20;position:absolute;top:50%;right:28px;transform:translateY(-50%)}.app-drawer-button{width:44px;height:44px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s;display:inline-flex}.app-drawer-button:hover{background:var(--color-surface-muted);border-color:var(--color-border-strong);box-shadow:var(--shadow-lg)}.app-drawer-button:active{transform:scale(.96)}.app-drawer-button__line{border-radius:var(--radius-pill);background:currentColor;width:20px;height:2px}.app-drawer{z-index:9999;visibility:hidden;pointer-events:none;position:fixed;inset:0}.app-drawer--open{visibility:visible;pointer-events:auto}.app-drawer__backdrop{opacity:0;background:#0f172a75;transition:opacity .22s;position:absolute;inset:0}html[data-theme=dark] .app-drawer__backdrop{background:#00000094}.app-drawer--open .app-drawer__backdrop{opacity:1}.app-drawer__panel{background:var(--color-elevated);border-color:var(--color-border);width:360px;max-width:calc(100vw - 24px);box-shadow:var(--shadow-xl);flex-direction:column;transition:transform .24s;display:flex;position:absolute;top:0;bottom:0}.app-drawer__panel--right{border-left:1px solid var(--color-border);right:0;transform:translate(100%)}.app-drawer__panel--left{border-right:1px solid var(--color-border);left:0;transform:translate(-100%)}.app-drawer--open .app-drawer__panel--right,.app-drawer--open .app-drawer__panel--left{transform:translate(0)}.app-drawer__header{min-height:76px;padding:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--color-border);display:flex}.app-drawer__title{color:var(--color-text);font-size:var(--text-lg);margin:0;font-weight:900;line-height:1.2}.app-drawer__close{width:40px;height:40px;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;justify-content:center;align-items:center;font-size:26px;line-height:1;display:inline-flex}.app-drawer__close:hover{background:var(--color-surface-muted)}.app-drawer__nav{gap:var(--space-2);padding:var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.app-drawer__item{width:100%;min-height:48px;padding:0 var(--space-4);color:var(--color-text);border-radius:var(--radius-lg);font-size:var(--text-sm);text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;font-weight:900;line-height:1.25;display:flex}.app-drawer__item:hover{background:var(--color-surface-muted)}.app-drawer__item:disabled{opacity:.48;cursor:not-allowed}.app-drawer__item--primary{color:var(--color-primary)}.app-drawer__item--primary:hover{background:var(--color-primary-soft)}.app-drawer__item--danger{color:var(--color-danger)}.app-drawer__item--danger:hover{background:var(--color-danger-soft)}.auth-page{min-height:100vh;padding:var(--space-6);background:var(--color-bg);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:460px;box-shadow:var(--shadow-md);padding:28px}.auth-card__header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);display:flex}.auth-card__logo{width:52px;height:52px;color:var(--color-on-primary);background:var(--color-primary);border-radius:var(--radius-lg);font-size:var(--text-lg);flex-shrink:0;justify-content:center;align-items:center;font-weight:900;display:flex}.auth-card__title{color:var(--color-text);margin:0;font-size:28px;font-weight:900;line-height:1.15}.auth-card__description{margin:var(--space-2) 0 0;color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.5}.auth-card__alert{margin-bottom:var(--space-5)}.auth-submit{width:100%;margin-top:var(--space-1)}.auth-submit__loading{justify-content:center;align-items:center;gap:10px;display:inline-flex}.auth-demo{margin-top:var(--space-5);padding:var(--space-4);background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.auth-demo__label{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:800}.auth-demo__value{margin-top:var(--space-1);color:var(--color-text);font-size:var(--text-sm);font-weight:900}.multi-select{width:100%;position:relative}.multi-select__button{text-align:left;cursor:pointer;justify-content:flex-start;width:100%}.multi-select__dropdown{z-index:50;max-height:220px;padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto}.multi-select__option{padding:10px var(--space-3);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;font-size:var(--text-sm);align-items:center;gap:10px;display:flex}.multi-select__option:hover{background:var(--color-surface-muted)}.multi-select__empty{padding:10px var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm)}.event-page__header{padding:var(--space-6);justify-content:space-between;align-items:flex-start;gap:var(--space-6);display:flex}.event-page__eyebrow{margin:0 0 var(--space-2);color:var(--color-text-muted);font-size:var(--text-sm);text-transform:uppercase;font-weight:900}.event-page__title{color:var(--color-text);font-size:var(--text-2xl);margin:0;font-weight:900;line-height:1.15}.event-page__description{max-width:760px;margin:var(--space-3) 0 0;color:var(--color-text-muted);font-size:var(--text-md);line-height:1.6}.event-page__grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.event-info-card{min-width:0;padding:var(--space-5)}.event-info-card__label{margin:0 0 var(--space-2);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:900}.event-info-card__value{color:var(--color-text);font-size:var(--text-md);margin:0;font-weight:900;line-height:1.35}.event-page__section{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.event-page__section-title{margin:0 0 var(--space-3);color:var(--color-text);font-size:var(--text-lg);font-weight:900}.event-page__section-text{color:var(--color-text-muted);font-size:var(--text-md);white-space:pre-wrap;margin:0;line-height:1.7}.event-players-toolbar{padding:var(--space-5);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.event-players-toolbar__title{color:var(--color-text);font-size:var(--text-lg);margin:0;font-weight:900}.event-players-toolbar__text{color:var(--color-text-muted);font-size:var(--text-sm);margin:6px 0 0;font-weight:700}.student-select-card{width:100%;padding:var(--space-4);justify-content:space-between;align-items:center;gap:var(--space-4);color:var(--color-text);text-align:left;cursor:pointer;display:flex}.student-select-card--active{background:var(--color-primary-soft);border-color:var(--color-primary)}.student-select-card:focus-visible{box-shadow:var(--focus-ring);outline:none}.student-select-card__main{align-items:center;gap:var(--space-4);min-width:0;display:flex}.student-select-card__checkbox{justify-content:center;align-items:center;display:flex}.student-select-card__checkbox input{cursor:pointer;width:18px;height:18px}.student-select-card__avatar{border-radius:var(--radius-lg);width:44px;height:44px;font-size:var(--text-sm)}.student-select-card__info{min-width:0}.student-select-card__name{color:var(--color-text);font-size:var(--text-md);margin:0;font-weight:900;line-height:1.35}.student-select-card__meta{margin:var(--space-1) 0 0;color:var(--color-text-muted);font-size:var(--text-sm);line-height:1.45}.student-select-card__rating{align-items:flex-end;gap:var(--space-1);flex-direction:column;flex:none;display:flex}.student-select-card__rating-label{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:900}.student-select-card__rating-value{color:var(--color-text);font-size:var(--text-lg);font-weight:900}.schedule-days-list{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:20px;display:grid}.schedule-day-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);min-height:100%;box-shadow:var(--shadow-md);flex-direction:column;gap:18px;padding:22px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.schedule-day-card:hover{border-color:var(--color-primary-border);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.schedule-day-card:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-primary-border));height:6px;position:absolute;top:0;left:0;right:0}.schedule-day-card__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.schedule-day-card__title{color:var(--color-text);margin:0;font-size:22px;font-weight:900;line-height:1.15}.schedule-day-card__subtitle{color:var(--color-text-muted);font-size:var(--text-xs);margin:6px 0 0;line-height:1.45}.schedule-day-card__badge{min-height:30px;padding:0 var(--space-3);color:var(--color-primary);background:var(--color-primary-soft);border:1px solid var(--color-primary-border);border-radius:var(--radius-pill);font-size:var(--text-xs);white-space:nowrap;flex-shrink:0;justify-content:center;align-items:center;font-weight:900;display:inline-flex}.schedule-day-card__list{gap:var(--space-3);flex-direction:column;display:flex}.schedule-day-card__actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.schedule-day-card__actions .btn{min-width:32px;padding:0 var(--space-3)}.schedule-lesson-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);grid-template-columns:44px 1fr;align-items:stretch;gap:14px;padding:14px;transition:transform .15s,box-shadow .15s,border-color .15s;display:grid}.schedule-lesson-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.schedule-lesson-card__number{width:44px;height:44px;color:var(--color-on-primary);background:var(--color-primary);border-radius:var(--radius-lg);font-size:var(--text-md);justify-content:center;align-items:center;font-weight:900;display:flex}.schedule-lesson-card__content{gap:var(--space-3);flex-direction:column;min-width:0;display:flex}.schedule-lesson-card__subject{color:var(--color-text);font-size:var(--text-md);margin:0;font-weight:900;line-height:1.25}.schedule-lesson-card__time{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:700}.schedule-lesson-card__meta{grid-template-columns:1fr 1fr;gap:10px;display:grid}.schedule-lesson-card__metric{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:0;padding:10px 12px}.schedule-lesson-card__metric-label{color:var(--color-text-muted);font-size:11px;font-weight:800;display:block}.schedule-lesson-card__metric-value{margin-top:var(--space-1);color:var(--color-text);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;font-weight:900;display:block;overflow:hidden}.schedule-edit-summary{padding:var(--space-4);align-items:center;gap:var(--space-4);background:var(--color-info-soft);border:1px solid var(--color-info-border);border-radius:var(--radius-lg);display:flex}.schedule-edit-summary__number{width:46px;height:46px;color:var(--color-on-primary);background:var(--color-primary);border-radius:var(--radius-lg);font-size:var(--text-lg);flex-shrink:0;justify-content:center;align-items:center;font-weight:900;line-height:1;display:flex}.schedule-edit-summary__title{color:var(--color-text);font-size:var(--text-md);font-weight:900;line-height:1.35}.schedule-edit-summary__text{margin-top:var(--space-1);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:700;line-height:1.45}.text-muted{color:var(--color-text-muted)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-right{text-align:right}.mt-4{margin-top:var(--space-4)}.mb-4{margin-bottom:var(--space-4)}.w-full{width:100%}.hidden{display:none}@media (width<=1200px){.schedule-days-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1024px){.grid--4,.event-page__grid,.grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:220px}}@media (width<=900px){.profile-hero,.user-hero,.event-page__header,.event-players-toolbar{flex-direction:column;align-items:stretch}.profile-actions,.btn-group{justify-content:flex-start;width:100%}.profile-grid,.profile-grid--equal,.user-main-grid,.user-content-grid{grid-template-columns:1fr}.profile-grid--equal>.card:only-child{grid-column:auto}}@media (width<=768px){.app-layout{flex-direction:column}.sidebar{border-right:0;border-bottom:1px solid var(--color-border);width:100%;min-height:auto}.sidebar__nav{flex-direction:row;overflow-x:auto}.header{min-height:auto;padding:var(--space-5);flex-direction:column;align-items:flex-start}.page{padding:var(--space-5)}.page__head,.class-flat-card,.student-select-card{flex-direction:column;align-items:stretch}.class-flat-card__main,.class-flat-card__meta,.student-select-card__main{width:100%}.class-flat-card__meta{justify-content:space-between;gap:var(--space-3);flex-wrap:wrap}.class-flat-card__subtitle{white-space:normal}.student-select-card__rating{align-items:flex-start}.page-header{padding:var(--space-5);flex-direction:column;align-items:stretch}.page-header__title{font-size:26px}.page-header__actions{justify-content:flex-end;width:100%}}@media (width<=760px){.schedule-days-list{grid-template-columns:1fr}.schedule-day-card{border-radius:var(--radius-xl);padding:18px}.schedule-day-card__header{flex-direction:column}.schedule-lesson-card__meta{grid-template-columns:1fr}}@media (width<=640px){.grid--2,.grid--3,.grid--4,.form-row,.event-page__grid{grid-template-columns:1fr}.modal-backdrop{padding:var(--space-3);align-items:flex-end}.modal{max-width:100%;max-height:calc(100vh - 24px)}.modal__header,.modal__body,.modal__footer{padding-left:var(--space-5);padding-right:var(--space-5)}.modal__footer{flex-direction:column-reverse;align-items:stretch}.modal__footer .btn,.profile-actions .btn,.btn-group .btn,.user-action-form__footer .btn{width:100%}.profile-hero__main,.user-hero__main{flex-direction:column;align-items:flex-start}.profile-avatar{width:64px;height:64px;font-size:var(--text-lg)}.profile-hero__name{font-size:var(--text-xl)}.event-page__title{font-size:26px}.info-row{flex-direction:column;align-items:flex-start;gap:6px}.info-row__value{text-align:left}.section-head--row{flex-direction:column}.tabs-switcher{gap:6px;padding:5px}.tabs-switcher__item{min-height:40px;padding:0 var(--space-3);font-size:var(--text-xs)}.app-drawer-button{width:48px;height:48px}.app-drawer__panel{width:min(88vw,360px);max-width:none}.app-drawer__header{min-height:72px;padding:var(--space-4)}.app-drawer__nav{padding:var(--space-3)}.class-dashboard-hero{align-items:flex-start;min-height:220px;padding:28px 24px 80px}.class-dashboard-hero__menu{top:auto;bottom:24px;right:24px;transform:none}.schedule-edit-summary{align-items:flex-start}.schedule-edit-summary__number{width:42px;height:42px;font-size:var(--text-md)}.schedule-day-card__actions{justify-content:space-between;width:100%}.schedule-day-card__actions .btn{width:auto}}@media (width<=560px){.auth-page{padding:var(--space-4);align-items:stretch}.auth-card{max-width:none;padding:var(--space-6)}.auth-card__header{flex-direction:column;align-items:flex-start}.auth-card__title{font-size:var(--text-xl)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.app-profile-button{background:var(--card-color);width:48px;height:48px;color:var(--text-color);cursor:pointer;border:none;border-radius:14px;justify-content:center;align-items:center;transition:background-color .2s,transform .15s;display:flex}.app-profile-button:hover{background:var(--card-color-hover)}.app-profile-button:active{transform:scale(.96)}.app-profile-button svg{flex-shrink:0}.field__top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.reward-mode{background:#f3f4f6;border-radius:10px;gap:4px;padding:3px;display:flex}.reward-mode__button{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 12px;font-size:13px;transition:background .2s,color .2s}.reward-mode__button.active{background:#fff;font-weight:600;box-shadow:0 1px 3px #0000001f}.field__header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.reward-switch{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:10px;padding:3px;display:flex}.reward-switch button{cursor:pointer;color:#6b7280;background:0 0;border:none;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .18s}.reward-switch button.active{color:#111827;background:#fff;box-shadow:0 1px 2px #0000000f,0 1px 6px #0000000a}.class-flat-card__icon{background:#f3f4f6;border-radius:50%;flex:0 0 72px;justify-content:center;align-items:center;width:72px;height:72px;display:flex;overflow:hidden}.class-flat-card__icon-img{object-fit:cover;width:100%;height:100%;display:block}.avatar-picker{align-items:center;gap:16px;display:flex}.avatar-picker__label{cursor:pointer}.avatar-picker__preview,.avatar-picker__placeholder{border-radius:50%;width:96px;height:96px}.avatar-picker__preview{object-fit:cover;display:block}.avatar-picker__placeholder{border:2px dashed #d1d5db;justify-content:center;align-items:center;font-size:32px;font-weight:600;display:flex}