html,body{margin:0;padding:0;overflow-x:hidden;width:100%;max-width:100vw}body{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,.h1{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);margin:0 0 16px}h2,.h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);margin:0 0 12px}h3,.h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);margin:0 0 10px}h4,.h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);margin:0 0 8px}h5,.h5{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);margin:0 0 6px}h6,.h6{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);margin:0 0 4px}p{margin:0 0 12px;line-height:var(--line-height-relaxed)}small,.text-sm{font-size:var(--font-size-sm);line-height:var(--line-height-normal)}.text-xs{font-size:var(--font-size-xs);line-height:var(--line-height-normal)}.text-muted{color:var(--color-muted)}.text-primary{color:var(--color-primary)}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-success)}strong,b{font-weight:var(--font-weight-semibold)}em,i{font-style:italic}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html,body,#root{height:100%;background:var(--gradient-app);color:var(--color-text);background-attachment:fixed}[data-theme=dark],[data-theme=light]{--color-primary: #FF6C22;--color-primary-600: #D45A18;--color-bg: #F5F3F0;--color-surface: #FFFFFF;--color-surface-2: #F0EEEB;--color-text: #0E2739;--color-muted: #6B675F}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:18px 20px}.btn-primary{background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-md);padding:12px 16px;cursor:pointer}.layout{display:grid;grid-template-columns:260px 1fr;gap:calc(var(--gap) * 2)}@font-face{font-family:Rubik;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/rubik-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Rubik;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/rubik-cyrillic-ext.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Rubik;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/rubik-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Rubik;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/rubik-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}html,body,#root{height:100%}:root{--color-primary: #FF6C22;--color-primary-50: #FFF3ED;--color-primary-100: #FFE6D8;--color-primary-200: #FFD4BA;--color-primary-300: #FFB88C;--color-primary-400: #FF9D5C;--color-primary-500: #FF6C22;--color-primary-600: #D45A18;--color-primary-700: #B84D14;--color-primary-800: #934010;--color-primary-900: #73320C;--color-secondary: #4A90D9;--color-secondary-600: #3B73AE;--color-success: #3EAA7D;--color-success-50: #E8F8F0;--color-success-600: #2F8862;--color-warning: #E8A34A;--color-warning-50: #FDF3E6;--color-warning-600: #C2842F;--color-danger: #D4696A;--color-danger-50: #FBEDED;--color-danger-600: #B14E4F;--color-info: #4A90D9;--color-info-600: #3B73AE;--color-bg: #F5F3F0;--color-surface: #FFFFFF;--color-surface-2: #F0EEEB;--color-surface-3: #ECEAE6;--color-card-bg: #FFFFFF;--color-input-bg: #F0EEEB;--color-text: #0E2739;--color-text-secondary: #6B7785;--color-muted: #6B675F;--color-muted-light: #74706A;--color-border: rgba(0,0,0,.04);--color-border-light: rgba(0,0,0,.05);--color-border-dark: rgba(0,0,0,.08);--radius: 14px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 18px;--radius-full: 9999px;--shadow-sm: 0 1px 4px rgba(14,39,57,.04);--shadow: 0 1px 6px rgba(14,39,57,.05);--shadow-md: 0 2px 12px rgba(14,39,57,.06);--shadow-lg: 0 8px 24px rgba(14,39,57,.1);--shadow-xl: 0 16px 40px rgba(14,39,57,.12);--gap-1: 4px;--gap-2: 8px;--gap-3: 12px;--gap-4: 16px;--gap-5: 20px;--gap-6: 24px;--gap-8: 32px;--subject-math: #4A90D9;--subject-russian: #9B6DC6;--subject-physics: #E8834A;--subject-informatics: #3EAA7D;--subject-history: #D4696A;--subject-chemistry: #D4A03E;--subject-english: #5B8EC9;--subject-literature: #C27BA0;--gradient-app: #F5F3F0;--gradient-primary: linear-gradient(145deg, #FFB88C 0%, #FF6C22 100%);--gradient-primary-soft: linear-gradient(145deg, #FFD4BA 0%, #FFA96B 100%);--gradient-success: linear-gradient(145deg, #7BD0AB 0%, #3EAA7D 100%);--bg-page: var(--color-bg);--bg-card: var(--color-surface);--bg-input: var(--color-input-bg);--bg-accent-light: var(--color-primary-50);--text-primary: var(--color-text);--text-secondary: var(--color-muted);--text-tertiary: var(--color-muted-light);--accent-orange: var(--color-primary);--accent-gradient: var(--gradient-primary);--accent-gradient-soft: var(--gradient-primary-soft);--radius-card: var(--radius-xl);--radius-button: var(--radius-md);--radius-input: 14px;--shadow-card: var(--shadow);--shadow-elevated: var(--shadow-md);--blur: saturate(120%) blur(8px);--font-family-base: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--scrollbar-width: 8px;--scrollbar-thumb: rgba(255, 255, 255, .2);--scrollbar-thumb-hover: rgba(255, 255, 255, .3);--scrollbar-track: rgba(255, 255, 255, .05);--font-size-3xl: 30px;--font-size-4xl: 36px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em}[data-theme=light],[data-theme=dark]{--color-bg: #F5F3F0;--color-surface: #FFFFFF;--color-surface-2: #F0EEEB;--color-surface-3: #ECEAE6;--color-card-bg: #FFFFFF;--color-input-bg: #F0EEEB;--color-text: #0E2739;--color-text-secondary: #6B7785;--color-muted: #6B675F;--color-muted-light: #74706A;--color-border: rgba(0,0,0,.04);--color-border-light: rgba(0,0,0,.05);--color-border-dark: rgba(0,0,0,.08);--color-primary: #FF6C22;--color-primary-600: #D45A18;--color-danger: #D4696A;--color-success: #3EAA7D;--color-warning: #E8A34A;--color-info: #4A90D9;--gradient-app: #F5F3F0;--shadow-sm: 0 1px 4px rgba(14,39,57,.04);--shadow: 0 1px 6px rgba(14,39,57,.05);--shadow-md: 0 2px 12px rgba(14,39,57,.06);--shadow-lg: 0 8px 24px rgba(14,39,57,.1);--shadow-xl: 0 16px 40px rgba(14,39,57,.12);--scrollbar-thumb: rgba(0,0,0,.15);--scrollbar-thumb-hover: rgba(0,0,0,.25);--scrollbar-track: rgba(0,0,0,.03)}body{margin:0;font-family:Rubik,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;color:var(--color-text);background:var(--gradient-app);background-attachment:fixed;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.h1{font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--color-text)}.h2{font-size:22px;font-weight:600;letter-spacing:-.01em;line-height:1.3;color:var(--color-text)}.h3{font-size:18px;font-weight:700;letter-spacing:-.005em;line-height:1.4;color:var(--color-text)}.h4{font-size:16px;font-weight:600;line-height:1.4;color:var(--color-text)}.h5{font-size:14px;font-weight:600;line-height:1.5;color:var(--color-text)}.h6{font-size:13px;font-weight:600;line-height:1.5;color:var(--color-text)}.muted{color:var(--color-muted);font-weight:400}.text-sm{font-size:13px;line-height:1.5}.text-xs{font-size:11px;line-height:1.4}.text-lg{font-size:16px;line-height:1.5}.text-xl{font-size:18px;line-height:1.4}.container{max-width:100%;margin:0 auto;padding:24px}.grid{display:grid;gap:16px}.grid-auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow);padding:18px 20px;transition:all .2s ease}.card[role=button],.card[onClick],.card[style*="cursor: pointer"]{cursor:pointer}.card[role=button]:hover,.card[onClick]:hover,.card[style*="cursor: pointer"]:hover{background:var(--color-surface);border-color:#ff6c224d;transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn{display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-button);padding:10px 14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-outline{background:var(--color-input-bg);border-color:transparent;color:var(--color-text)}.btn-ghost{background:transparent;color:var(--color-text)}.btn-primary:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px);box-shadow:0 4px 12px #ff6c2240}.btn-outline:hover:not(:disabled){background:var(--color-surface-3);transform:translateY(-1px)}.btn-ghost:hover:not(:disabled){background:#0000000a;transform:translateY(-1px)}.input,.select,select{width:100%;background:var(--color-input-bg);color:var(--color-text);border:1px solid transparent;border-radius:14px;padding:12px 16px;outline:none;font-size:14px;min-height:36px;font-family:var(--font-family-base)}.input::placeholder,textarea::placeholder{color:var(--color-muted-light)}.input:focus,.select:focus,select:focus{border-color:#ff6c2280;box-shadow:0 0 0 3px #ff6c221f}@media (max-width: 768px){.input-wrap .input,.input-wrap textarea.input{font-size:16px;padding:12px 16px;min-height:44px}}.select,select:not([multiple]){-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:42px;padding-right:40px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10l5 5 5-5' stroke='%23FF6C22' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px;background-color:var(--color-input-bg);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.select:hover,select:not([multiple]):hover{border-color:#ff6c2259;background-color:var(--color-surface-3)}.select:disabled,select:disabled{opacity:.6;cursor:not-allowed}.select::-ms-expand,select::-ms-expand{display:none}.select option,select option{background:var(--color-surface);color:var(--color-text)}select[multiple]{min-height:120px;padding:8px;overflow-y:auto}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{padding:12px;border-bottom:1px solid var(--color-border)}.table th{text-align:left;color:var(--color-muted);font-weight:600}.table tr{transition:all .2s ease}.table tr[role=button],.table tr[onClick],.table tr[style*="cursor: pointer"]{cursor:pointer}.table tr:hover{background:#00000008;transform:translate(2px)}.table tr[role=button]:hover,.table tr[onClick]:hover,.table tr[style*="cursor: pointer"]:hover{background:#ff6c2214;border-left:2px solid var(--color-primary)}@media (max-width: 1024px){.app-header-inner{padding:10px 12px}.container{padding:16px}}@media (max-width: 768px){body{padding-bottom:96px}.container{padding:12px}.grid{gap:12px}.card{padding:16px;border-radius:var(--radius-xl)}.table{display:block;overflow-x:auto;white-space:nowrap}}.badge{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700}.badge.success{background:#3eaa7d1f;color:var(--color-success-600)}.badge.warning{background:#e8a34a26;color:var(--color-warning-600)}.badge.danger{background:#d4696a21;color:var(--color-danger-600)}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:30;-webkit-backdrop-filter:var(--blur);backdrop-filter:var(--blur);background:var(--color-surface);border-bottom:1px solid var(--color-border)}.app-header-inner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 10px;height:40px}.header-left{display:flex;align-items:center;gap:12px}.brand-mark{width:18px;height:18px;border-radius:6px;background:linear-gradient(135deg,var(--color-primary),#ff9d43);box-shadow:0 4px 12px #ff6c224d}.brand-name{font-weight:800;letter-spacing:.3px}.header-actions{display:flex;align-items:center;gap:8px}.avatar{width:28px;height:28px;border-radius:50%;background:var(--gradient-primary);display:inline-block}.layout{display:grid;grid-template-columns:260px 1fr;gap:16px;align-items:start}@media (max-width: 1024px){.layout{grid-template-columns:1fr}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}[role=button],[onClick],button:not([disabled]),a:not([disabled]),.card[style*="cursor: pointer"],div[style*="cursor: pointer"]{cursor:pointer;transition:all .2s ease}[role=button]:hover:not([disabled]),[onClick]:hover:not([disabled]),button:not([disabled]):hover,a:not([disabled]):hover{opacity:.9}.admin-list-item,.list-item,[class*=list-item],[class*=ListItem]{cursor:pointer;transition:all .2s ease}.admin-list-item:hover,.list-item:hover,[class*=list-item]:hover,[class*=ListItem]:hover{background:#ff6c2214;transform:translate(2px);border-left:2px solid var(--color-primary)}@media print{.app-header,.sidebar,.tabbar,.btn,.avatar{display:none!important}body{background:#fff!important;color:#000!important}.card{box-shadow:none!important;border:1px solid #ddd!important}}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}*::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}*::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}*::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:999px;border:2px solid var(--scrollbar-track)}*::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.desktop-rail .rail-list{scrollbar-width:none}.desktop-rail .rail-list::-webkit-scrollbar{display:none}.mobile-top-list{scrollbar-width:none}.mobile-top-list::-webkit-scrollbar{display:none}.card-gradient-orange{background:linear-gradient(135deg,#ff6c2226,#ff6c220d);border:1px solid rgba(255,108,34,.25)}[data-theme=light] .card-gradient-orange{background:#fff4ec;border-color:#ff6c2240}.card-gradient-earnings{background:linear-gradient(135deg,#ff6c2224,#ff6c220a);border:1px solid rgba(255,108,34,.28);box-shadow:0 8px 24px #ff6c2214}[data-theme=light] .card-gradient-earnings{background:#fff4ec;border-color:#ff6c224d;box-shadow:0 4px 16px #ff6c221a}.card-stat{padding:16px;border-radius:16px;box-shadow:0 6px 18px #0000002e;color:var(--color-text)}.card-stat--primary{background:linear-gradient(135deg,#ff6c2200,#ff6c2233);border:1px solid rgba(255,108,34,.4)}.card-stat--success{background:linear-gradient(135deg,#00c48c00,#00c48c40);border:1px solid rgba(0,196,140,.45)}.card-stat--info{background:linear-gradient(135deg,#0ea5e900,#0ea5e933);border:1px solid rgba(14,165,233,.4)}.card-stat--warning{background:linear-gradient(135deg,#facc1500,#facc1533);border:1px solid rgba(250,204,21,.45)}[data-theme=light] .card-stat--primary{background:#fff4ec;border-color:#ff6c224d;box-shadow:0 4px 12px #0000000f}[data-theme=light] .card-stat--success{background:#f0fdf7;border-color:#00c48c59;box-shadow:0 4px 12px #0000000f}[data-theme=light] .card-stat--info{background:#f0f9ff;border-color:#0ea5e94d;box-shadow:0 4px 12px #0000000f}[data-theme=light] .card-stat--warning{background:#fffbeb;border-color:#facc1573;box-shadow:0 4px 12px #0000000f}.card-balance-positive{background:linear-gradient(135deg,#22c55e1a,#22c55e0d);border:1px solid rgba(34,197,94,.2)}.card-balance-negative{background:linear-gradient(135deg,#ef44441a,#ef44440d);border:1px solid rgba(239,68,68,.2)}[data-theme=light] .card-balance-positive{background:#f0fdf4;border-color:#22c55e4d}[data-theme=light] .card-balance-negative{background:#fef2f2;border-color:#ef44444d}.row-surface,[data-theme=light] .row-surface{background:var(--color-surface-2)}.row-surface-orange,[data-theme=light] .row-surface-orange{background:var(--color-primary-50)}.action-btn-surface{background:var(--color-surface-2);border-color:var(--color-border);color:var(--color-text)}[data-theme=light] .action-btn-surface{background:var(--color-surface-2);border-color:var(--color-border)}.period-selector{background:var(--color-surface-2)}[data-theme=light] .period-selector{background:var(--color-surface-2, #f2f4f8)}:root{--color-primary: #FF6C22;--color-primary-hover: #D45A18;--color-primary-active: #B84D14;--color-primary-muted: rgba(255, 108, 34, .15);--color-navy: #0E2739;--color-cream: #EDECEA;--color-bg: #F5F3F0;--color-surface: #FFFFFF;--color-surface-2: #F0EEEB;--color-surface-3: #ECEAE6;--color-border: rgba(0, 0, 0, .04);--color-border-focus: rgba(255, 108, 34, .5);--color-text: #0E2739;--color-text-secondary: #6B7785;--color-text-muted: #6B675F;--color-text-inverse: #FFFFFF;--color-success: #3EAA7D;--color-success-muted: rgba(62, 170, 125, .13);--color-warning: #E8A34A;--color-warning-muted: rgba(232, 163, 74, .15);--color-danger: #D4696A;--color-danger-muted: rgba(212, 105, 106, .13);--color-info: #4A90D9;--color-info-muted: rgba(74, 144, 217, .13);--shadow-card: 0 1px 6px rgba(14, 39, 57, .05);--shadow-hover: 0 2px 12px rgba(14, 39, 57, .1);--shadow-modal: 0 24px 64px rgba(14, 39, 57, .22);--radius-pill: 9999px;--radius-card: 18px;--radius-input: 14px;--radius-button: 12px;--radius-badge: 9999px;--radius-sm: 8px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-family: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--transition-spring: .3s cubic-bezier(.34, 1.56, .64, 1)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toastShrink{0%{width:100%}to{width:0%}}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@keyframes progressFill{0%{width:0%}}.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-5);height:44px;min-width:44px;border-radius:var(--radius-button);border:1.5px solid transparent;font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:1;white-space:nowrap;cursor:pointer;text-decoration:none;outline:none;position:relative;overflow:hidden;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast),opacity var(--transition-fast);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:-moz-none;user-select:none}.ui-btn:focus-visible{box-shadow:0 0 0 3px var(--color-primary-muted)}.ui-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-hover)}.ui-btn:active:not(:disabled){transform:scale(.97);box-shadow:none}.ui-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.ui-btn--primary{background-color:var(--color-primary);background-image:var(--gradient-primary);color:#fff;border-color:transparent}.ui-btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover);filter:brightness(1.04);border-color:transparent}.ui-btn--primary:active:not(:disabled){background-color:var(--color-primary-active);border-color:var(--color-primary-active)}.ui-btn--secondary{background-color:var(--color-surface-2);color:var(--color-text);border-color:var(--color-border)}.ui-btn--secondary:hover:not(:disabled){background-color:var(--color-surface-3);border-color:#ff6c224d}.ui-btn--outline{background-color:var(--color-surface-2);color:var(--color-text);border-color:transparent}.ui-btn--outline:hover:not(:disabled){background-color:var(--color-surface-3)}.ui-btn--danger{background-color:var(--color-danger);color:#fff;border-color:var(--color-danger)}.ui-btn--danger:hover:not(:disabled){background-color:var(--color-danger-600);border-color:var(--color-danger-600)}.ui-btn--ghost{background-color:transparent;color:var(--color-text-secondary);border-color:transparent}.ui-btn--ghost:hover:not(:disabled){background-color:#0000000a;color:var(--color-text)}.ui-btn--sm{height:32px;min-width:44px;padding:0 var(--space-3);font-size:var(--font-size-sm)}.ui-btn--md{height:44px;padding:0 var(--space-5);font-size:var(--font-size-md)}.ui-btn--lg{height:52px;padding:0 var(--space-8);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.ui-btn--icon{padding:0;width:44px;height:44px;flex-shrink:0}.ui-btn--icon.ui-btn--sm{width:36px;height:36px}.ui-btn--icon.ui-btn--lg{width:52px;height:52px}.ui-btn--full{width:100%}.ui-btn--loading{cursor:wait;pointer-events:none}.ui-btn--loading .ui-btn__label{opacity:0}.ui-btn__spinner{position:absolute;width:18px;height:18px;border:2.5px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin .7s linear infinite}.ui-card{background:var(--color-surface);border-radius:var(--radius-card);border:1px solid var(--color-border);padding:18px 20px;box-shadow:var(--shadow-card);position:relative;overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base)}.ui-card--hover{cursor:pointer}.ui-card--hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:#ff6c224d}.ui-card--hover:active{transform:translateY(0);box-shadow:var(--shadow-card)}.ui-card--flat{box-shadow:none}.ui-card--accent{border-left:3px solid var(--color-primary)}.ui-card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.ui-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;line-height:1.3}.ui-card__subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.ui-card__action{flex-shrink:0}.ui-card__body{color:var(--color-text-secondary);font-size:var(--font-size-md);line-height:1.6}.ui-card__footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.ui-card__divider{height:1px;background:var(--color-border);margin:var(--space-4) calc(-1 * var(--space-5))}.ui-field{display:flex;flex-direction:column;gap:var(--space-2)}.ui-field__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);line-height:1}.ui-field__label--required:after{content:" *";color:var(--color-danger)}.ui-field__helper{font-size:var(--font-size-sm);color:var(--color-text-muted)}.ui-field__error{font-size:var(--font-size-sm);color:var(--color-danger);display:flex;align-items:center;gap:var(--space-1)}.ui-input,.ui-textarea,.ui-select{width:100%;background:var(--color-input-bg);border:1.5px solid transparent;border-radius:var(--radius-input);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none}.ui-input,.ui-select{height:48px;padding:0 var(--space-4)}.ui-textarea{min-height:120px;padding:var(--space-3) var(--space-4);resize:vertical;line-height:1.6}.ui-input::placeholder,.ui-textarea::placeholder{color:var(--color-text-muted)}.ui-input:focus,.ui-textarea:focus,.ui-select:focus{border-color:var(--color-primary);background:#ff6c220a;box-shadow:0 0 0 3px var(--color-primary-muted)}.ui-input:hover:not(:focus):not(:disabled),.ui-textarea:hover:not(:focus):not(:disabled),.ui-select:hover:not(:focus):not(:disabled){border-color:#ff6c224d}.ui-input--error,.ui-textarea--error,.ui-select--error{border-color:var(--color-danger)}.ui-input--error:focus,.ui-textarea--error:focus,.ui-select--error:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-muted)}.ui-input--shake{animation:shake .4s ease}.ui-input:disabled,.ui-textarea:disabled,.ui-select:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.ui-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a8b0bf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-10);cursor:pointer}.ui-input-wrapper{position:relative}.ui-input-wrapper .ui-input{padding-left:var(--space-10)}.ui-input-wrapper .ui-input-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none;display:flex;align-items:center}.ui-input-wrapper .ui-input--trailing{padding-right:var(--space-10)}.ui-input-wrapper .ui-input-trailing{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%)}.ui-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 10px;border-radius:var(--radius-badge);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:var(--font-family);line-height:1;white-space:nowrap;letter-spacing:.02em;text-transform:uppercase}.ui-badge--success{background-color:var(--color-success-muted);color:var(--color-success)}.ui-badge--warning{background-color:var(--color-warning-muted);color:var(--color-warning)}.ui-badge--error,.ui-badge--danger{background-color:var(--color-danger-muted);color:var(--color-danger)}.ui-badge--info{background-color:var(--color-info-muted);color:var(--color-info)}.ui-badge--neutral{background-color:var(--color-surface-2);color:var(--color-text-secondary)}.ui-badge--primary{background-color:var(--color-primary-muted);color:var(--color-primary)}.ui-badge--dot{padding:0;width:10px;height:10px;flex-shrink:0}.ui-badge--dot-success{background-color:var(--color-success)}.ui-badge--dot-warning{background-color:var(--color-warning)}.ui-badge--dot-error{background-color:var(--color-danger)}.ui-badge--dot-info{background-color:var(--color-info)}.ui-badge--dot-neutral{background-color:var(--color-text-muted)}.ui-badge--dot-primary{background-color:var(--color-primary)}.ui-badge--lg{font-size:var(--font-size-sm);padding:6px 14px}.ui-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex-shrink:0;position:relative;font-family:var(--font-family);font-weight:var(--font-weight-semibold);color:#fff;background-color:var(--color-surface-3);-webkit-user-select:none;-moz-user-select:-moz-none;user-select:none}.ui-avatar--sm{width:32px;height:32px;font-size:var(--font-size-xs)}.ui-avatar--md{width:40px;height:40px;font-size:var(--font-size-sm)}.ui-avatar--lg{width:56px;height:56px;font-size:var(--font-size-lg)}.ui-avatar--xl{width:72px;height:72px;font-size:var(--font-size-xl)}.ui-avatar img{width:100%;height:100%;object-fit:cover}.ui-avatar--color-1{background-color:#5b6abf}.ui-avatar--color-2{background-color:#2e8b72}.ui-avatar--color-3{background-color:#b85a2e}.ui-avatar--color-4{background-color:#8b2ea0}.ui-avatar--color-5{background-color:#2e5f8b}.ui-avatar--color-6{background-color:#8b7c2e}.ui-avatar--color-7{background-color:#2e8b45}.ui-avatar--color-8{background-color:#8b2e4a}.ui-avatar__status{position:absolute;bottom:1px;right:1px;width:10px;height:10px;border-radius:50%;border:2px solid var(--color-surface);background-color:var(--color-success)}.ui-avatar--sm .ui-avatar__status{width:8px;height:8px}.ui-avatar--lg .ui-avatar__status,.ui-avatar--xl .ui-avatar__status{width:13px;height:13px}.ui-avatar-group{display:flex;flex-direction:row-reverse}.ui-avatar-group .ui-avatar{margin-left:-10px;border:2px solid var(--color-surface)}.ui-avatar-group .ui-avatar:last-child{margin-left:0}.ui-progress{width:100%}.ui-progress__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.ui-progress__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.ui-progress__value{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.ui-progress__track{width:100%;height:8px;background:var(--color-surface-2);border-radius:var(--radius-pill);overflow:hidden}.ui-progress__fill{height:100%;border-radius:var(--radius-pill);transition:width .6s cubic-bezier(.34,1.2,.64,1);animation:progressFill .8s ease;background:linear-gradient(90deg,var(--color-primary) 0%,#ff8c4a 100%)}.ui-progress__fill--success{background:linear-gradient(90deg,var(--color-success) 0%,#34d472 100%)}.ui-progress__fill--warning{background:linear-gradient(90deg,var(--color-warning) 0%,#fbbf24 100%)}.ui-progress__fill--danger{background:linear-gradient(90deg,var(--color-danger) 0%,#f87171 100%)}.ui-progress--thin .ui-progress__track{height:4px}.ui-progress--thick .ui-progress__track{height:12px}.ui-progress__fill--striped{background-image:repeating-linear-gradient(-45deg,transparent 0,transparent 8px,rgba(255,255,255,.12) 8px,rgba(255,255,255,.12) 16px);background-size:32px 32px}.ui-skeleton{display:block;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-surface-2) 0%,var(--color-surface-3) 40%,var(--color-surface-2) 80%,var(--color-surface-2) 100%);background-size:800px 100%;animation:shimmer 1.6s ease-in-out infinite;pointer-events:none;-webkit-user-select:none;-moz-user-select:-moz-none;user-select:none}.ui-skeleton--text{height:14px;width:100%}.ui-skeleton--text-sm{height:12px;width:70%}.ui-skeleton--text-lg{height:20px;width:85%}.ui-skeleton--title{height:24px;width:55%}.ui-skeleton--w-full{width:100%}.ui-skeleton--w-3-4{width:75%}.ui-skeleton--w-2-3{width:66%}.ui-skeleton--w-1-2{width:50%}.ui-skeleton--w-1-3{width:33%}.ui-skeleton--circle{border-radius:50%}.ui-skeleton--circle-sm{width:32px;height:32px}.ui-skeleton--circle-md{width:40px;height:40px}.ui-skeleton--circle-lg{width:56px;height:56px}.ui-skeleton--circle-xl{width:72px;height:72px}.ui-skeleton--rect{border-radius:var(--radius-card);width:100%}.ui-skeleton--rect-card{height:120px;border-radius:var(--radius-card)}.ui-skeleton--rect-thumb{height:80px;width:80px}.ui-skeleton--btn{height:44px;width:120px;border-radius:var(--radius-pill)}.ui-skeleton-row{display:flex;align-items:center;gap:var(--space-3)}.ui-skeleton-row__lines{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.ui-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12) var(--space-6);gap:var(--space-4)}.ui-empty__illustration{width:96px;height:96px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-surface-2);font-size:48px;flex-shrink:0;margin-bottom:var(--space-2)}.ui-empty__illustration img,.ui-empty__illustration svg{width:64px;height:64px;object-fit:contain}.ui-empty__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;line-height:1.3}.ui-empty__description{font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:1.6;margin:0;max-width:280px}.ui-empty__action{margin-top:var(--space-2)}.ui-empty--compact{padding:var(--space-6) var(--space-4)}.ui-empty--compact .ui-empty__illustration{width:56px;height:56px;font-size:28px}.ui-empty--compact .ui-empty__illustration img,.ui-empty--compact .ui-empty__illustration svg{width:36px;height:36px}.ui-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#0000008c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:backdropIn var(--transition-base) ease both}.ui-modal-backdrop--closing{animation:fadeOut var(--transition-base) ease both}.ui-modal{background:var(--color-surface);border-radius:var(--radius-card);border:1px solid var(--color-border);box-shadow:var(--shadow-modal);width:100%;max-width:480px;max-height:calc(100dvh - 64px);display:flex;flex-direction:column;overflow:hidden;animation:slideUp var(--transition-spring) both;position:relative}.ui-modal--closing{animation:slideDown .2s ease both}@media (max-width: 480px){.ui-modal-backdrop{align-items:flex-end;padding:0}.ui-modal{max-width:100%;border-radius:var(--radius-card) var(--radius-card) 0 0;max-height:90dvh}}.ui-modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);flex-shrink:0}.ui-modal__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0;line-height:1.2}.ui-modal__close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast);-webkit-tap-highlight-color:transparent}.ui-modal__close:hover{background:#0000000d;color:var(--color-text)}.ui-modal__body{padding:var(--space-6);overflow-y:auto;flex:1 1 auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.ui-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);flex-shrink:0}.ui-modal__footer--full .ui-btn{flex:1}.ui-toast-container{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);z-index:2000;display:flex;flex-direction:column-reverse;gap:var(--space-3);width:calc(100% - var(--space-8));max-width:400px;pointer-events:none}.ui-toast{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-modal);padding:var(--space-4) var(--space-4) 0;pointer-events:all;position:relative;overflow:hidden;animation:slideUp var(--transition-spring) both;display:flex;flex-direction:column;gap:var(--space-3)}.ui-toast--exiting{animation:fadeOut .25s ease both;pointer-events:none}.ui-toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:3px 0 0 3px}.ui-toast--success:before{background-color:var(--color-success)}.ui-toast--error:before{background-color:var(--color-danger)}.ui-toast--warning:before{background-color:var(--color-warning)}.ui-toast--info:before{background-color:var(--color-info)}.ui-toast__content{display:flex;align-items:flex-start;gap:var(--space-3);padding-left:var(--space-2)}.ui-toast__icon{flex-shrink:0;width:20px;height:20px;margin-top:1px}.ui-toast--success .ui-toast__icon{color:var(--color-success)}.ui-toast--error .ui-toast__icon{color:var(--color-danger)}.ui-toast--warning .ui-toast__icon{color:var(--color-warning)}.ui-toast--info .ui-toast__icon{color:var(--color-info)}.ui-toast__text{flex:1}.ui-toast__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:1.3;margin:0}.ui-toast__message{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:var(--space-1);line-height:1.5}.ui-toast__close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast);-webkit-tap-highlight-color:transparent}.ui-toast__close:hover{background:#0000000d;color:var(--color-text)}.ui-toast__progress{height:3px;background:var(--color-border);margin:0 calc(-1 * var(--space-4));position:relative;overflow:hidden}.ui-toast__progress-bar{height:100%;border-radius:0 2px 2px 0;animation:toastShrink linear both}.ui-toast--success .ui-toast__progress-bar{background-color:var(--color-success)}.ui-toast--error .ui-toast__progress-bar{background-color:var(--color-danger)}.ui-toast--warning .ui-toast__progress-bar{background-color:var(--color-warning)}.ui-toast--info .ui-toast__progress-bar{background-color:var(--color-info)}.ui-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ui-divider{height:1px;background:var(--color-border);margin:var(--space-4) 0}.ui-divider--vertical{width:1px;height:auto;margin:0 var(--space-4);align-self:stretch;background:var(--color-border)}.ui-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.07em;margin:0 0 var(--space-3)}.ui-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:6px 12px;border-radius:var(--radius-pill);background:var(--color-surface-2);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:default;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.ui-chip--interactive{cursor:pointer}.ui-chip--interactive:hover{background:var(--color-surface-3);border-color:#ff6c224d;color:var(--color-text)}.ui-chip--selected{background:var(--color-primary-muted);border-color:#ff6c2259;color:var(--color-primary)}.ui-chip-row{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1);scrollbar-width:none}.ui-chip-row::-webkit-scrollbar{display:none}.ui-lesson-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-card);background:var(--color-surface);border:1px solid var(--color-border);transition:background var(--transition-fast),border-color var(--transition-fast)}.ui-lesson-item--upcoming{border-left:3px solid var(--color-primary)}.ui-lesson-item--completed{border-left:3px solid var(--color-success);opacity:.75}.ui-lesson-item--cancelled{border-left:3px solid var(--color-text-muted);opacity:.5}.ui-lesson-item__time{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0;min-width:52px}.ui-lesson-item__hour{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text)}.ui-lesson-item__date{font-size:var(--font-size-xs);color:var(--color-text-muted)}.ui-lesson-item__body{flex:1;min-width:0}.ui-lesson-item__subject{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-lesson-item__teacher{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:2px}.ui-lesson-item__status{flex-shrink:0}.ui-course-card{background:var(--color-surface);border-radius:var(--radius-card);border:1px solid var(--color-border);overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base);cursor:pointer}.ui-course-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover);border-color:#ff6c224d}.ui-course-card:active{transform:translateY(0)}.ui-course-card__cover{width:100%;height:120px;object-fit:cover;display:block;background:var(--color-surface-3)}.ui-course-card__cover--placeholder{background:linear-gradient(135deg,var(--color-surface-2) 0%,var(--color-surface-3) 100%);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:40px}.ui-course-card__body{padding:var(--space-4)}.ui-course-card__subject{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-primary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-1)}.ui-course-card__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:1.3;margin:0 0 var(--space-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ui-course-card__teacher{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-3)}@media (max-width: 480px){.ui-card{padding:var(--space-4)}.ui-modal__header,.ui-modal__body,.ui-modal__footer{padding-left:var(--space-4);padding-right:var(--space-4)}.ui-toast-container{bottom:calc(76px + env(safe-area-inset-bottom,0px));width:calc(100% - var(--space-6));max-width:100%}.ui-btn--sm{min-width:44px;min-height:44px}}@media (min-width: 768px){.ui-modal{border-radius:var(--radius-card)}}[data-theme=light],[data-theme=dark]{--color-bg: #F5F3F0;--color-surface: #FFFFFF;--color-surface-2: #F0EEEB;--color-surface-3: #ECEAE6;--color-border: rgba(0, 0, 0, .04);--color-border-focus: rgba(255, 108, 34, .5);--color-text: #0E2739;--color-text-secondary: #6B7785;--color-text-muted: #6B675F;--color-text-inverse: #FFFFFF;--shadow-card: 0 1px 6px rgba(14, 39, 57, .05);--shadow-hover: 0 2px 12px rgba(14, 39, 57, .1);--shadow-modal: 0 24px 64px rgba(14, 39, 57, .22)}[data-theme=light] .ui-input,[data-theme=light] .ui-textarea,[data-theme=light] .ui-select{background:#00000008}[data-theme=light] .ui-input:hover:not(:focus):not(:disabled),[data-theme=light] .ui-textarea:hover:not(:focus):not(:disabled),[data-theme=light] .ui-select:hover:not(:focus):not(:disabled){border-color:#0000002e}[data-theme=light] .ui-btn--ghost:hover:not(:disabled){background-color:#0000000d}[data-theme=light] .ui-btn--secondary:hover:not(:disabled){background-color:var(--color-surface-3);border-color:#00000024}[data-theme=light] .ui-card--hover:hover{border-color:#00000024}[data-theme=light] .ui-badge--neutral{background-color:#0000000f;color:var(--color-text-secondary)}[data-theme=light] .ui-modal__close:hover,[data-theme=light] .ui-toast__close:hover{background:#0000000f}[data-theme=light] .ui-toast{background:#fff}[data-theme=light] .ui-course-card:hover{border-color:#00000024}[data-theme=light] .ui-chip--interactive:hover{background:var(--color-surface-3);border-color:#00000024}[data-theme=light] .ui-avatar-group .ui-avatar,[data-theme=light] .ui-avatar__status{border-color:var(--color-surface)}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--gradient-app);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-container{text-align:center;padding:2rem}.loading-logo{display:block;height:120px;width:auto;margin:0 auto 20px}.loading-badge{width:64px;height:64px;border-radius:18px;margin:0 auto 12px;background:linear-gradient(145deg,#ffd4ba,#ff6c22);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #ff6c2240}.loading-brand{font-size:22px;font-weight:600;color:var(--text-primary, #0E2739);font-family:Rubik,sans-serif;margin-bottom:24px}.loading-spinner{margin-bottom:1.5rem}.spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{color:var(--color-muted);font-size:1rem;font-weight:500;font-family:Rubik,sans-serif;margin:0}.auth-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;background:#f5f3f0;padding:24px 0}.auth-frame{width:100%;max-width:420px;margin:0 16px;padding:32px 24px 28px;background:#fff;border-radius:24px;box-shadow:0 8px 32px #0e273914;display:flex;flex-direction:column;align-items:center;font-family:Rubik,sans-serif;animation:authFadeIn .35s ease both}@keyframes authFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.auth-brand{margin-bottom:8px;display:flex;flex-direction:column;align-items:center}.auth-logo{display:block;height:64px;width:auto;max-width:78vw;margin-bottom:6px}@media (max-width: 360px){.auth-logo{height:54px}}.auth-logo-badge{width:56px;height:56px;border-radius:16px;margin-bottom:10px;background:linear-gradient(145deg,#ffd4ba,#ff6c22);display:flex;align-items:center;justify-content:center}.auth-brand-name{font-size:22px;font-weight:600;color:#0e2739;text-align:center}.auth-subtitle{font-size:14px;color:#6b675f;margin-bottom:28px;text-align:center}.auth-frame form{width:100%}.auth-field{width:100%;margin-bottom:14px}.auth-label{display:block;font-size:13px;color:#6b675f;margin-bottom:6px}.auth-input{display:block;width:100%;padding:14px 18px;margin-bottom:14px;background:#f0eeeb;border:1px solid transparent;border-radius:14px;font-size:15px;font-family:Rubik,sans-serif;font-weight:400;color:#0e2739;outline:none;transition:border-color .2s ease,box-shadow .2s ease;-webkit-appearance:none;box-sizing:border-box}.auth-field .auth-input{margin-bottom:0}.auth-input::placeholder{color:#74706a}.auth-input:focus{border-color:#ff6c22;box-shadow:0 0 0 3px #ff6c221f}@media (hover: none) and (pointer: coarse){.auth-input{font-size:16px}}.auth-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:14px 0;margin-top:2px;border:none;border-radius:14px;background:linear-gradient(145deg,#ffb88c,#ff6c22);color:#fff;font-size:15px;font-weight:600;font-family:Rubik,sans-serif;cursor:pointer;transition:filter .15s ease,transform .15s ease;-webkit-tap-highlight-color:transparent}.auth-btn:hover:not(:disabled){filter:brightness(1.03)}.auth-btn:active:not(:disabled){transform:scale(.99)}.auth-btn:disabled{background:#eceae6;color:#74706a;cursor:default}.auth-forgot{display:block;width:100%;text-align:center;margin-top:14px;padding:8px;background:none;border:none;color:#ff6c22;font-size:14px;font-weight:500;font-family:Rubik,sans-serif;cursor:pointer}.auth-forgot:hover{text-decoration:underline}.auth-password-wrap{position:relative;width:100%}.auth-password-wrap .auth-input{padding-right:48px}.auth-eye-btn{position:absolute;right:14px;top:50%;transform:translateY(-50%);background:none;border:none;padding:0;cursor:pointer;color:#74706a;display:flex;align-items:center;justify-content:center}.auth-eye-btn:hover{color:#ff6c22}.auth-error{width:100%;background:#fbeded;color:#b14e4f;border:1px solid rgba(212,105,106,.25);border-radius:12px;padding:12px 14px;font-size:13px;font-weight:500;margin-bottom:14px;text-align:left;display:flex;align-items:center;gap:.5rem;animation:authShake .3s ease}.auth-error:before{content:"⚠";font-size:1rem;flex-shrink:0}@keyframes authShake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.auth-spinner{display:inline-block;width:22px;height:22px;border:2.5px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:authSpin .6s linear infinite}@keyframes authSpin{to{transform:rotate(360deg)}}.auth-pending{width:100%;display:flex;flex-direction:column;gap:1.25rem;align-items:center;text-align:center}.auth-pending-text{font-size:14px;color:#6b675f;margin:0;line-height:1.6}.auth-tg-waiting{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 0;text-align:center;color:#6b675f;font-size:14px}.auth-tg-waiting .auth-spinner{border-color:#ff6c2233;border-top-color:#ff6c22;width:32px;height:32px}.auth-rules{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:6px;font-size:13px;color:#74706a}.auth-rules li:before{content:"○ "}.auth-rules li.ok{color:#3eaa7d}.auth-rules li.ok:before{content:"✓ ";font-weight:700}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--gradient-app);color:var(--color-text)}.App{min-height:100vh;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer;border:none;outline:none}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-600);text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .5s ease-out}.slide-in{animation:slideIn .3s ease-out}.app-fixed-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--gradient-app);background-attachment:fixed;pointer-events:none}:root{--breakpoint-mobile-small: 480px;--breakpoint-mobile: 768px;--breakpoint-tablet: 1024px;--breakpoint-desktop: 1280px;--breakpoint-desktop-wide: 1536px;--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-bottom: env(safe-area-inset-bottom, 0px)}.responsive-grid{display:grid;gap:var(--gap-4, 16px)}@media (max-width: 768px){.responsive-grid{grid-template-columns:1fr!important;gap:var(--gap-3, 12px)!important}}.responsive-flex{display:flex;gap:var(--gap-3, 12px)}@media (max-width: 1024px){.responsive-grid[data-stack=tablet],.responsive-flex[data-stack=tablet]{grid-template-columns:1fr!important;flex-direction:column!important}}@media (max-width: 768px){.responsive-flex{flex-direction:column!important;gap:var(--gap-2, 8px)!important}}.stack-mobile{display:flex;gap:var(--stack-gap, 12px);align-items:stretch}@media (max-width: 768px){.stack-mobile{flex-direction:column}}.grid-responsive{display:grid;gap:var(--grid-gap, 12px);grid-template-columns:var(--grid-desktop, repeat(2, minmax(0, 1fr)))}@media (max-width: 1024px){.grid-responsive{grid-template-columns:var(--grid-tablet, var(--grid-desktop, 1fr))}}@media (max-width: 768px){.grid-responsive{grid-template-columns:var(--grid-mobile, 1fr)}}.horizontal-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;min-width:0;max-width:100%}.horizontal-scroll::-webkit-scrollbar{height:4px}.horizontal-scroll::-webkit-scrollbar-thumb{background:#fff3;border-radius:999px}@media (max-width: 768px){.container{padding:12px!important}.card{padding:12px!important;min-width:0}input,select,textarea{min-width:0;max-width:100%}.h1{font-size:22px!important}.h2{font-size:18px!important}.h3{font-size:16px!important}.grid-auto{grid-template-columns:1fr!important}.grid{gap:12px!important}}@media (max-width: 480px){.container{padding:8px!important}.card{padding:10px!important}.h1{font-size:20px!important}.h2{font-size:16px!important}.h3{font-size:14px!important}.grid{gap:8px!important}}@media (max-width: 420px){body{font-size:13px}.card{padding:10px!important}}@media (max-width: 768px){.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive table{min-width:600px}.table-mobile-cards{display:block}.table-mobile-cards thead{display:none}.table-mobile-cards tbody{display:block}.table-mobile-cards tr{display:block;margin-bottom:12px;border:1px solid var(--color-border);border-radius:8px;padding:12px;background:#ffffff05}.table-mobile-cards td{display:block;text-align:left!important;padding:8px 0;border:none}.table-mobile-cards td:before{content:attr(data-label) ": ";font-weight:600;color:var(--color-muted);margin-right:8px}}@media (max-width: 768px){.form-grid{grid-template-columns:1fr!important}input,select,textarea{font-size:16px!important}input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{min-height:44px}button:not([role=switch]){min-height:44px!important;padding:12px 16px!important}}@media (max-width: 768px){.modal-content{width:100%!important;max-width:100%!important;margin:0!important;border-radius:0!important;max-height:100vh!important;height:100vh!important}.modal-overlay{padding:0!important}}@media (max-width: 768px){.card-grid,.card-grid-2,.card-grid-3{grid-template-columns:1fr!important}.card-grid-4{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 480px){.card-grid-4{grid-template-columns:1fr!important}}@media (max-width: 768px){.action-buttons{flex-direction:column!important;gap:8px!important}.action-buttons button{width:100%!important}}@media (max-width: 768px){.filters-grid{grid-template-columns:1fr!important}}@media (max-width: 768px){.metrics-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 480px){.metrics-grid{grid-template-columns:1fr!important}}@media (max-width: 768px){.chart-container{height:250px!important}}@media (max-width: 768px){.desktop-only{display:none!important}.mobile-only{display:block!important}}@media (min-width: 769px){.mobile-only{display:none!important}.desktop-only{display:block!important}}@media (max-width: 768px){a,button,[role=button]{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}.clickable{padding:12px!important}}@media (max-width: 768px){.page-content{padding:12px!important}}@media (max-width: 480px){.hide-mobile-small{display:none!important}}.safe-area-padding{padding-bottom:calc(16px + var(--safe-area-bottom))}@media (max-width: 768px){.icon-large{font-size:20px!important}}@media (max-width: 768px){.badge-small{font-size:10px!important;padding:4px 6px!important}}@media (max-width: 768px){.list-item{padding:12px!important}}@media (max-width: 768px){.divider{margin:12px 0!important}}:root{--tap: 44px;--tap-lg: 48px;--tabbar-h: 60px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--screen-pad: 16px;--state-pressed: rgba(14,39,57,.06);--focus-ring: 0 0 0 3px rgba(255,108,34,.12);--focus-border: rgba(255,108,34,.5);--disabled-opacity: .6;--success-ink: var(--color-success-600);--success-bg: var(--color-success-50);--warning-ink: var(--color-warning-600);--warning-bg: var(--color-warning-50);--danger-ink: var(--color-danger-600);--danger-bg: var(--color-danger-50);--accent-ink: var(--color-primary-700);--accent-bg: var(--color-primary-50);--dur-fast: .12s;--dur: .2s;--ease: cubic-bezier(.2,.8,.3,1)}@media (min-width: 768px){:root{--screen-pad: 24px}}@media (min-width: 1024px){:root{--screen-pad: 32px}}.screen{padding:var(--gap-2) var(--screen-pad) calc(var(--tabbar-h) + var(--safe-bottom) + var(--gap-6));display:flex;flex-direction:column;gap:var(--gap-3)}.screen__title{font-size:27px;font-weight:600;line-height:1.15;letter-spacing:-.02em;margin:0}.screen__kicker{font-size:var(--font-size-sm);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted)}@media (min-width: 768px){.screen{max-width:720px;margin:0 auto}}@media (min-width: 1024px){.screen{max-width:1120px;padding-bottom:var(--gap-8)}}.btn{min-height:var(--tap-lg);justify-content:center}.btn:active:not(:disabled){transform:scale(.98)}.btn--block{display:flex;width:100%}.btn--pill{border-radius:var(--radius-full)}.btn.is-loading{color:transparent;position:relative;pointer-events:none}.btn.is-loading:after{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:bu-spin .7s linear infinite}@keyframes bu-spin{to{transform:rotate(360deg)}}@media (hover: none){.btn:hover,.card:hover,.table tr:hover,.list-item:hover{transform:none!important;box-shadow:inherit;filter:none}}.input,textarea.input,.select,select{min-height:var(--tap)}.input:focus,textarea.input:focus,.select:focus,select:focus{border-color:var(--focus-border);box-shadow:var(--focus-ring)}.input.is-error{border-color:var(--color-danger)}.field__error{font-size:var(--font-size-sm);color:var(--color-danger-600);margin-top:4px}.field__hint{font-size:var(--font-size-sm);color:var(--color-muted-light);margin-top:4px}.chip{min-height:var(--tap);padding:0 var(--gap-3);border:1px solid transparent;border-radius:var(--radius-md);background:var(--color-input-bg);color:var(--color-text);font:400 14px/1.2 var(--font-family-base)}.chip[aria-pressed=true]{border-color:var(--color-primary);background:var(--accent-bg);color:var(--accent-ink)}.chip:active{background:var(--color-surface-3)}.chip--round{border-radius:var(--radius-full)}.chip-row{display:flex;flex-wrap:wrap;gap:var(--gap-2)}.chip-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap-2)}.grade-row{display:flex;gap:9px}.grade-row .chip{flex:1;height:56px;font-size:20px;font-weight:500;border-radius:var(--radius-lg)}.list{display:flex;flex-direction:column;gap:var(--gap-2)}.list-row{display:flex;align-items:center;gap:var(--gap-3);min-height:60px;padding:13px var(--gap-4);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);border:1px solid var(--color-border)}.list-row:active{background:var(--color-surface-2)}.list-row__lead{width:52px;flex:none}.list-row__main{flex:1;min-width:0}.list-row__sub{font-size:var(--font-size-sm);color:var(--color-muted)}.list-row--subject{border-left:4px solid var(--subject-math)}@media (max-width: 767px){.table--desktop-only{display:none}}@media (min-width: 768px){.list--mobile-only{display:none}}.tabbar-more__sheet .sheet__item{display:flex;align-items:center;gap:var(--gap-3);width:100%;min-height:52px;padding:0 var(--gap-4);border:none;border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-md);text-align:left}.tabbar-more__sheet .sheet__item:active{background:var(--color-surface-3)}.sheet-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0e273961;z-index:110}.sheet{position:fixed;left:0;right:0;bottom:0;z-index:111;background:var(--color-surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:10px var(--gap-4) calc(var(--gap-6) + var(--safe-bottom));box-shadow:var(--shadow-lg);max-height:88vh;overflow-y:auto;animation:bu-sheet-up var(--dur) var(--ease)}.sheet:before{content:"";display:block;width:40px;height:4px;border-radius:2px;background:var(--color-border-dark);margin:0 auto var(--gap-3)}@keyframes bu-sheet-up{0%{transform:translateY(100%)}}@media (min-width: 1024px){.sheet{left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);width:480px;border-radius:var(--radius-xl);animation:none}}.toast{position:fixed;left:var(--gap-4);right:var(--gap-4);bottom:calc(var(--tabbar-h) + var(--safe-bottom) + var(--gap-3));z-index:120;padding:14px var(--gap-4);border-radius:var(--radius-lg);background:var(--color-text);color:#fff;font-size:var(--font-size-md);box-shadow:var(--shadow-lg)}.toast--success{background:var(--color-success)}.toast--danger{background:var(--color-danger)}.skeleton{border-radius:var(--radius-lg);background:var(--color-surface-3);animation:bu-sk 1.4s ease-in-out infinite}@keyframes bu-sk{0%,to{opacity:.45}50%{opacity:.9}}.state{padding:96px var(--gap-6) 0;text-align:center}.state__icon{width:72px;height:72px;border-radius:50%;background:var(--color-surface-3);display:flex;align-items:center;justify-content:center;margin:0 auto var(--gap-4)}.state__title{font-size:var(--font-size-lg);font-weight:600}.state__text{font-size:var(--font-size-base);color:var(--color-muted);margin-top:var(--gap-2)}.state__action{margin-top:var(--gap-5)}.report-progress{display:flex;align-items:center;gap:var(--gap-3);background:var(--color-surface);border-radius:var(--radius-md);padding:10px 13px;box-shadow:var(--shadow)}.report-progress__bar{flex:1;height:6px;border-radius:3px;background:var(--color-surface-3);overflow:hidden}.report-progress__fill{height:6px;border-radius:3px;background:var(--color-primary);transition:width var(--dur) var(--ease)}.report-submit{position:-webkit-sticky;position:sticky;bottom:0;z-index:2;margin-top:var(--gap-2);padding:10px 0;background:var(--color-surface);border-top:1px solid var(--color-border)}.tpl-chip{min-height:36px;padding:0 12px;border-radius:var(--radius-full);border:1px dashed var(--color-primary-200);background:var(--accent-bg);color:var(--accent-ink);font-size:13px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}