*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--orange: #f49f25;--orange-hover: #e08f18;--orange-light: #fff4e0;--orange-dim: rgba(244,159,37,.15);--red: #e53527;--red-light: #fde8e7;--green: #4a7c30;--green-light: #edf4e7;--yellow: #b87a00;--yellow-light: #fff8e1;--bg: #f4f5f7;--surface: #ffffff;--surface-2: #f9fafb;--border: #e2e4e9;--border-light: #edf0f4;--text: #111827;--text-muted: #6b7280;--text-light: #9ca3af;--sidebar-w: 232px;--radius: 12px;--radius-sm: 8px;--shadow-sm: 0 1px 2px rgba(0,0,0,.06);--shadow: 0 1px 4px rgba(0,0,0,.08), 0 0 0 1px rgba(0,0,0,.04)}[data-theme=dark]{--bg: #0f1117;--surface: #1a1d27;--surface-2: #1f2235;--border: #2e3147;--border-light: #252840;--text: #e8eaf0;--text-muted: #8b92a8;--text-light: #5c6378;--orange-light: rgba(244,159,37,.13);--orange-dim: rgba(244,159,37,.11);--red-light: rgba(229,53,39,.16);--green-light: rgba(74,124,48,.16);--yellow-light: rgba(184,122,0,.16);--shadow-sm: 0 1px 3px rgba(0,0,0,.4);--shadow: 0 1px 6px rgba(0,0,0,.5), 0 0 0 1px rgba(0,0,0,.3)}html,body,#root{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}body{background:var(--bg);color:var(--text);font-size:14px;line-height:1.5}.layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto}.sidebar-logo{display:flex;align-items:center;gap:10px;padding:16px 14px 14px;border-bottom:1px solid var(--border-light)}.logo-mark-img{width:34px;height:34px;object-fit:contain;flex-shrink:0}.logo-text{display:flex;flex-direction:column}.logo-title{font-weight:700;font-size:14px;line-height:1.2;letter-spacing:-.02em}.sidebar-nav{flex:1;padding:6px 8px;display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:9px;padding:8px 10px;font-size:13px;color:var(--text-muted);background:none;border:none;border-radius:var(--radius-sm);text-align:left;cursor:pointer;transition:background .1s,color .1s;width:100%}.nav-item:hover{background:var(--bg);color:var(--text)}.nav-item--active{color:var(--orange);background:var(--orange-light);font-weight:600}.nav-icon{width:16px;height:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:.8}.nav-item--active .nav-icon{opacity:1}.sidebar-user{display:flex;align-items:center;gap:9px;padding:12px 14px;border-top:1px solid var(--border-light)}.user-avatar{width:30px;height:30px;background:var(--orange-light);color:var(--orange);border-radius:50%;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.user-info{display:flex;flex-direction:column;overflow:hidden;min-width:0}.user-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn{margin-top:2px;background:none;border:none;padding:0;font-size:11px;color:var(--text-muted);cursor:pointer;text-align:left;transition:color .12s}.logout-btn:hover{color:var(--red)}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;min-width:0}.topbar{background:var(--surface);border-bottom:1px solid var(--border);box-shadow:0 1px 4px #00000012;padding:0 20px;height:50px;display:flex;align-items:center;gap:12px;flex-shrink:0}.topbar-title{font-size:14px;font-weight:600;flex:1}.topbar-back{background:none;border:none;font-size:12px;color:var(--text-muted);cursor:pointer;padding:4px 0;white-space:nowrap;display:flex;align-items:center;gap:4px;transition:color .12s}.topbar-back:hover{color:var(--orange)}.topbar-user-btn{display:none;width:30px;height:30px;background:var(--orange-light);color:var(--orange);border:none;border-radius:50%;font-size:12px;font-weight:700;cursor:pointer;align-items:center;justify-content:center;flex-shrink:0;transition:background .12s}.topbar-user-btn:hover{background:var(--orange-dim)}.topbar-theme-btn{width:30px;height:30px;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .12s,color .12s,border-color .12s}.topbar-theme-btn:hover{background:var(--bg);color:var(--text);border-color:var(--text-muted)}.lp-theme-btn{width:34px;height:34px;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .12s,color .12s,border-color .12s}.lp-theme-btn:hover{background:var(--surface);color:var(--text);border-color:var(--text-muted)}.content{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:14px;animation:fadeInUp .25s ease both}.untis-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 2px 8px #0000000f,0 0 0 1px #00000008}.login-card{overflow:visible}.login-card-head{padding:12px 16px;font-size:13px;font-weight:600;border-bottom:1px solid var(--border);background:var(--surface-2);border-radius:var(--radius) var(--radius) 0 0}.login-form{padding:14px 16px 16px;display:flex;flex-direction:column;gap:12px}.advanced-details{font-size:12px;color:var(--text-muted)}.advanced-details summary{cursor:pointer;-webkit-user-select:none;user-select:none;padding:2px 0;list-style:none;display:flex;align-items:center;gap:6px}.advanced-details summary::-webkit-details-marker{display:none}.advanced-details summary:before{content:"▸";font-size:10px}.advanced-details[open] summary:before{content:"▾"}.advanced-details summary:hover{color:var(--text)}.date-bar{padding:12px 16px}.date-bar-hint{font-size:11px;color:var(--text-muted);margin-top:8px}.form-row{display:flex;gap:10px;flex-wrap:wrap}.form-row--narrow .form-field{flex:1 1 130px}.form-row--search-section{background:var(--surface-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:10px 12px 12px;margin-bottom:2px}.form-field{flex:1 1 180px;display:flex;flex-direction:column;gap:4px;position:relative}.form-field label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.form-field input{height:36px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;color:var(--text);background:var(--surface);outline:none;transition:border-color .15s,box-shadow .15s}.form-field input:focus{border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-dim)}.form-field-hint{font-size:10px;color:var(--text-muted)}.form-field-err{font-size:10px;color:var(--red);font-weight:500}.pw-wrap{position:relative}.pw-wrap input{width:100%;padding-right:36px}.form-field-opt{font-weight:400;font-size:11px;color:var(--text-muted);margin-left:2px}.school-search-input-wrap{position:relative;display:flex;align-items:center}.school-search-icon{position:absolute;left:9px;color:var(--text-muted);pointer-events:none;flex-shrink:0}.school-search-input-wrap input{padding-left:28px}.school-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 4px 20px #0000001a,0 1px 4px #0000000f;z-index:200;max-height:240px;overflow-y:auto;overscroll-behavior:contain}.sug-state{padding:12px 14px;font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:8px}.sug-hint{font-style:italic}.sug-spinner{width:12px;height:12px;border-width:1.5px;border-top-color:var(--orange)}.sug-item{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;width:100%;min-height:44px;padding:10px 14px;background:none;border:none;border-bottom:1px solid var(--border-light);cursor:pointer;text-align:left;transition:background .1s}.sug-item:last-child{border-bottom:none}.sug-item:hover,.sug-item:focus{background:var(--surface-2);outline:none}.sug-item:active{background:var(--orange-light)}.sug-name{font-size:13px;font-weight:500;color:var(--text);line-height:1.3}.sug-domain{font-size:11px;color:var(--orange);font-family:monospace;letter-spacing:-.01em}.sug-manual-btn{display:block;width:100%;padding:10px 14px;background:var(--surface-2);border:none;border-top:1px solid var(--border-light);font-size:11px;color:var(--text-muted);text-align:left;cursor:pointer;transition:color .12s}.sug-manual-btn:hover{color:var(--orange)}.school-manual-link{background:none;border:none;padding:0;font-size:11px;color:var(--text-muted);cursor:pointer;text-align:left;transition:color .12s}.school-manual-link:hover{color:var(--orange);text-decoration:underline}.school-back-btn{display:inline-flex;align-items:center;gap:3px;background:none;border:none;padding:0;font-size:11px;color:var(--text-muted);cursor:pointer;transition:color .12s;margin-top:2px}.school-back-btn:hover{color:var(--orange)}.school-selected{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--orange-light);border:1px solid var(--orange-dim);border-radius:var(--radius-sm);min-height:36px}.school-selected-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.school-selected-name{font-size:13px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.school-selected-domain{font-size:10px;color:var(--orange);font-family:monospace}.school-selected-clear{flex-shrink:0;background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;padding:2px;border-radius:4px;transition:color .12s,background .12s}.school-selected-clear:hover{color:var(--red);background:#e535271a}.pw-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);display:flex;align-items:center;padding:0;transition:color .12s}.pw-toggle:hover{color:var(--text)}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:15px;height:15px;accent-color:var(--orange);cursor:pointer;flex-shrink:0}.login-consent{margin:4px 0 0;font-size:11px;color:var(--text-muted);line-height:1.5}.link-btn{background:none;border:none;padding:0;color:var(--orange);font-size:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.link-btn:hover{color:var(--orange-hover)}.form-field--submit{justify-content:flex-end}.btn-primary{height:36px;padding:0 18px;background:var(--orange);color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:background .15s}.btn-primary:hover:not(:disabled){background:var(--orange-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary:active:not(:disabled){transform:scale(.97)}.btn-spin{width:13px;height:13px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.alert-error{display:flex;align-items:flex-start;gap:8px;background:var(--red-light);border:1px solid rgba(229,53,39,.25);border-radius:var(--radius-sm);padding:10px 14px;color:var(--red);font-size:13px}.info-banner{background:#e8f0fb;border:1px solid #c3d3f0;border-radius:var(--radius-sm);padding:8px 12px;font-size:12px;color:#3b5ea6;margin-bottom:4px}[data-theme=dark] .info-banner{background:#3b5ea626;border-color:#3b5ea64d;color:#8ab4f8}.empty-hint{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px;text-align:center;color:var(--text-muted);font-size:13px}.loading-row{display:flex;align-items:center;gap:10px;color:var(--text-muted);font-size:13px;padding:20px 0}.spinner{width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--orange);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.93)}to{opacity:1;transform:scale(1)}}@keyframes float-l{0%,to{transform:rotate(-3deg) translateY(6px)}50%{transform:rotate(-3deg) translateY(-4px)}}@keyframes float-c{0%,to{transform:translateY(-4px)}50%{transform:translateY(-16px)}}@keyframes float-r{0%,to{transform:rotate(3deg) translateY(6px)}50%{transform:rotate(3deg) translateY(-4px)}}@keyframes bar-grow{0%{transform:scaleX(0);transform-origin:left}to{transform:scaleX(1);transform-origin:left}}.dashboard{display:flex;flex-direction:column;gap:14px}.summary-bar{padding:16px 20px;display:flex;flex-direction:column;gap:16px}.summary-period{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:8px}.refresh-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:1px solid var(--border);border-radius:20px;padding:3px 10px;font-size:11px;color:var(--text-muted);cursor:pointer;transition:border-color .12s,color .12s,background .12s}.refresh-btn:hover{border-color:var(--orange);color:var(--orange);background:var(--orange-light)}.threshold-field-row{display:flex;align-items:center;gap:5px}.threshold-pct{font-size:13px;color:var(--text-muted)}.threshold-input--bar{width:56px;padding:5px 8px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);font-size:13px;text-align:center;-moz-appearance:textfield}.threshold-input--bar::-webkit-outer-spin-button,.threshold-input--bar::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.threshold-input--bar:focus{outline:none;border-color:var(--orange)}.sf-wrap{display:flex;flex-direction:column;gap:8px}.sf-trigger{display:inline-flex;align-items:center;gap:5px;background:none;border:1px solid var(--border);border-radius:20px;padding:3px 10px;font-size:11px;color:var(--text-muted);cursor:pointer;transition:border-color .12s,color .12s,background .12s;white-space:nowrap}.sf-trigger:hover,.sf-trigger--open{border-color:var(--orange);color:var(--orange);background:var(--orange-light)}.sf-badge{background:var(--orange);color:#fff;border-radius:20px;padding:1px 6px;font-size:9px;font-weight:700}.sf-panel{background:var(--surface-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:10px 12px 12px;display:flex;flex-direction:column;gap:8px}.sf-hint{font-size:11px;color:var(--text-muted);line-height:1.5}.sf-chips{display:flex;flex-wrap:wrap;gap:6px}.sf-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:20px;border:1px solid var(--border);background:var(--surface);font-size:11px;font-weight:600;color:var(--text);cursor:pointer;transition:all .12s}.sf-chip:hover{border-color:var(--orange);color:var(--orange)}.sf-chip--off{background:var(--surface-2);border-color:var(--border-light);color:var(--text-muted);text-decoration:line-through;opacity:.65}.sf-chip--off:hover{opacity:1;border-color:var(--green);color:var(--green);text-decoration:none}.kpi-row{display:flex;align-items:stretch;gap:8px;flex-wrap:wrap}.kpi{flex:1 1 90px;min-width:80px;background:var(--surface-2);border:1px solid var(--border-light);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:3px}.kpi-divider{display:none}.kpi-val{display:block;font-size:22px;font-weight:800;line-height:1.1;letter-spacing:-.04em;color:var(--text)}.kpi-lbl{display:block;font-size:10px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.kpi--green .kpi-val{color:var(--green)}.kpi--yellow .kpi-val{color:var(--yellow)}.kpi--red .kpi-val{color:var(--red)}.section{display:flex;flex-direction:column;gap:10px}.section-head{display:flex;align-items:center;gap:10px;padding:2px 0 4px}.section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:3px 10px;border-radius:99px}.section-head--red .section-title{background:var(--red-light);color:var(--red);border:1px solid rgba(229,53,39,.2)}.section-head--yellow .section-title{background:var(--yellow-light);color:var(--yellow);border:1px solid rgba(184,122,0,.2)}.section-head--green .section-title{background:var(--green-light);color:var(--green);border:1px solid rgba(74,124,48,.2)}.section-sub{font-size:12px;color:var(--text-muted)}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.lesson-tile{background:var(--surface);border:1px solid var(--border-light);border-radius:12px;border-top:3px solid var(--border);padding:12px 14px 10px;display:flex;flex-direction:column;gap:8px;box-shadow:0 1px 4px #0000000d;transition:box-shadow .15s,transform .15s}.lesson-tile:hover{box-shadow:0 4px 14px #0000001a;transform:translateY(-1px)}.tile--red{border-top-color:var(--red);background:var(--red-light)}.tile--yellow{border-top-color:var(--orange);background:var(--yellow-light)}.tile--green{border-top-color:var(--green);background:var(--green-light)}.tile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:4px}.tile-abbr{font-size:14px;font-weight:700;line-height:1.2}.tile-badge{font-size:11px;font-weight:700;padding:2px 7px;border-radius:20px;white-space:nowrap;flex-shrink:0}.badge--red{background:var(--red);color:#fff}.badge--yellow{background:var(--orange);color:#fff}.badge--green{background:var(--green);color:#fff}.tile-longname{font-size:11px;color:var(--text-muted);line-height:1.3;margin-top:-3px}.tile-progress{height:4px;background:#00000014;border-radius:99px;position:relative;overflow:visible}.tile-bar{height:100%;border-radius:99px;transition:width .4s;animation:bar-grow .55s ease both;animation-delay:.15s}.bar--red{background:var(--red)}.bar--yellow{background:var(--orange)}.bar--green{background:var(--green)}.tile-threshold{position:absolute;top:-3px;left:30%;width:2px;height:10px;background:#0003;border-radius:1px}.tile-stats{display:flex;border-top:1px solid rgba(0,0,0,.07);padding-top:6px}.tile-stat{flex:1;text-align:center}.tile-stat:not(:last-child){border-right:1px solid rgba(0,0,0,.07)}.ts-val{display:block;font-size:15px;font-weight:700}.ts-lbl{display:block;font-size:10px;color:var(--text-muted)}.tile-footer{font-size:11px;padding:5px 10px;border-radius:8px;text-align:center;font-weight:600}.footer--red{background:#e535271f;color:var(--red)}.footer--yellow{background:#f49f252e;color:var(--yellow)}.footer--green{background:#4a7c301f;color:var(--green)}.forecast{border-top:1px dashed rgba(0,0,0,.1);padding-top:8px;display:flex;flex-direction:column;gap:7px}.forecast-header{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-muted)}.forecast-icon{display:flex;align-items:center;opacity:.7}.forecast-scenarios{display:flex;align-items:stretch;background:#0000000a;border-radius:6px;overflow:hidden}.scenario{flex:1;display:flex;flex-direction:column;align-items:center;padding:6px 4px;gap:2px}.scenario-divider{width:1px;background:#00000014;flex-shrink:0}.scenario-label{font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.scenario-rate{font-size:15px;font-weight:700;display:flex;align-items:center;gap:2px}.scenario-arrow{font-size:12px;font-weight:400}.rate--red{color:var(--red)}.rate--yellow{color:var(--yellow)}.rate--green{color:var(--green)}.forecast-bar-wrap{position:relative}.forecast-bar-track{height:4px;background:#00000014;border-radius:99px;overflow:hidden;position:relative}.forecast-bar-past{position:absolute;left:0;top:0;height:100%;border-radius:99px;opacity:.5}.forecast-bar-label{font-size:10px;color:var(--text-muted);margin-top:3px;text-align:center}.lb-settings-card{padding:14px 16px;display:flex;flex-direction:column;gap:12px}.lb-settings-head{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.lb-settings-icon{color:var(--orange);display:flex;align-items:center}.lb-settings-title{flex:1}.lb-rank-badge{background:var(--orange-light);color:var(--orange);border:1px solid rgba(244,159,37,.3);border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700}.lb-settings-info{font-size:12px;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:8px 10px;line-height:1.55}.lb-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.lb-toggle-text{display:flex;flex-direction:column;gap:2px}.lb-toggle-label{font-size:13px;font-weight:500}.lb-toggle-sub{font-size:11px;color:var(--text-muted)}.toggle-btn{width:40px;height:22px;background:#d1d5db;border:none;border-radius:11px;position:relative;cursor:pointer;flex-shrink:0;transition:background .2s}[data-theme=dark] .toggle-btn{background:#374151}.toggle-btn--on{background:var(--green)}.toggle-btn:disabled{opacity:.5;cursor:not-allowed}.toggle-knob{position:absolute;top:3px;left:3px;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;transition:transform .2s;display:block}.toggle-btn--on .toggle-knob{transform:translate(18px)}.lb-jahrgang-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.lb-jahrgang-select-settings{height:32px;padding:0 8px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;color:var(--text);background:var(--surface);cursor:pointer;min-width:140px;outline:none;flex-shrink:0;transition:border-color .15s}.lb-jahrgang-select-settings:focus{border-color:var(--orange)}.lb-delete-zone{border-top:1px solid var(--border-light);padding-top:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lb-delete-hint{font-size:11px;color:var(--text-light)}.btn-danger{height:30px;padding:0 12px;background:none;color:var(--red);border:1px solid rgba(229,53,39,.35);border-radius:var(--radius-sm);font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;flex-shrink:0;transition:background .15s,border-color .15s}.btn-danger:hover{background:var(--red-light);border-color:var(--red)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.lb-name-wrap{display:inline-flex;align-items:center;gap:5px}.lb-supporter-tag{display:inline-flex;align-items:center;gap:3px;margin-left:7px;background:#e8439321;border:1px solid rgba(232,67,147,.35);color:#e84393;border-radius:20px;padding:2px 7px;font-size:10px;font-weight:700;white-space:nowrap;vertical-align:middle}.supporter-badge{display:inline-flex;align-items:center;gap:4px;background:#e843931f;border:1px solid rgba(232,67,147,.3);color:#e84393;border-radius:20px;padding:2px 7px;font-size:10px;font-weight:700;margin-left:6px}.supporter-section{border-top:1px solid var(--border-light);padding-top:12px;display:flex;flex-direction:column;gap:8px}.supporter-already,.supporter-desc{display:flex;gap:10px;align-items:flex-start}.supporter-already strong,.supporter-desc strong{font-size:12px;font-weight:700;color:var(--text);display:block}.supporter-already span,.supporter-desc span{font-size:11px;color:var(--text-muted);line-height:1.4}.supporter-heart{color:#e84393;flex-shrink:0;margin-top:2px}.supporter-form{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.supporter-input-wrap{position:relative;display:flex;align-items:center}.supporter-input{width:72px;height:30px;padding:0 22px 0 8px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:13px;-moz-appearance:textfield}.supporter-input::-webkit-inner-spin-button,.supporter-input::-webkit-outer-spin-button{-webkit-appearance:none}.supporter-input:focus{outline:none;border-color:#e84393;box-shadow:0 0 0 3px #e8439326}.supporter-currency{position:absolute;right:7px;font-size:11px;color:var(--text-muted);pointer-events:none}.supporter-btn{height:30px;padding:0 12px;background:#e84393;color:#fff;border:none;border-radius:var(--radius-sm);font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:opacity .12s}.supporter-btn:hover{opacity:.88}.supporter-btn:disabled{opacity:.5;cursor:not-allowed}.supporter-err{font-size:11px;color:var(--red)}.supporter-hint{font-size:10px;color:var(--text-light)}.lp-support-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:1px solid rgba(232,67,147,.4);border-radius:20px;padding:5px 12px;font-size:12px;font-weight:600;color:#e84393;cursor:pointer;transition:background .12s,border-color .12s;white-space:nowrap}.lp-support-btn:hover{background:#e8439314;border-color:#e84393}.support-modal-box{max-width:420px;width:100%}.support-modal-head{text-align:center;padding:8px 0 16px;display:flex;flex-direction:column;align-items:center;gap:8px}.support-modal-heart{color:#e84393}.support-modal-head h2{font-size:18px;font-weight:800;color:var(--text);margin:0}.support-modal-head p{font-size:13px;color:var(--text-muted);line-height:1.55;margin:0;max-width:340px}.support-modal-hint{font-size:11px;color:var(--orange);background:var(--orange-light);border-radius:6px;padding:6px 10px}.support-modal-form{display:flex;flex-direction:column;gap:10px}.support-amount-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.support-amount-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.support-preset{height:36px;padding:0 14px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:all .12s}.support-preset:hover{border-color:#e84393;color:#e84393}.support-preset--active{background:#e843931a;border-color:#e84393;color:#e84393}.support-custom-wrap{position:relative;display:flex;align-items:center;flex:1;min-width:120px}.support-custom-input{width:100%;height:36px;padding:0 26px 0 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:13px;-moz-appearance:textfield}.support-custom-input::-webkit-inner-spin-button,.support-custom-input::-webkit-outer-spin-button{-webkit-appearance:none}.support-custom-input:focus{outline:none;border-color:#e84393;box-shadow:0 0 0 3px #e843931f}.support-custom-euro{position:absolute;right:9px;font-size:13px;color:var(--text-muted);pointer-events:none}.support-submit-btn{height:42px;width:100%;background:#e84393;color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:opacity .12s}.support-submit-btn:hover:not(:disabled){opacity:.88}.support-submit-btn:disabled{opacity:.4;cursor:not-allowed}.support-fine{font-size:10px;color:var(--text-light);text-align:center;margin:0}.supporter-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid rgba(232,67,147,.3);border-radius:12px;padding:10px 16px;box-shadow:0 4px 20px #00000026;z-index:9999;font-size:13px;color:var(--text);max-width:90vw;white-space:normal;animation:fadeInUp .3s ease both}.supporter-toast svg{color:#e84393;flex-shrink:0}.supporter-toast button{background:none;border:none;cursor:pointer;color:var(--text-muted);padding:0;display:flex}.landing{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.lp-nav{background:#ffffffeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--border);padding:0 40px;height:56px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100}[data-theme=dark] .lp-nav{background:#1a1d27eb}.lp-brand{display:flex;align-items:center;gap:9px}.lp-brand-name{font-size:15px;font-weight:800;letter-spacing:-.03em;color:var(--text)}.lp-nav-right{display:flex;align-items:center;gap:10px}.lp-nav-user{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:5px}.lp-hero-cta-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lp-hero-lb-btn{height:44px;padding:0 22px;background:none;border:1px solid var(--border);border-radius:10px;font-size:14px;font-weight:500;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:border-color .12s,color .12s,background .12s}.lp-hero-lb-btn:hover{border-color:var(--orange);color:var(--orange);background:var(--orange-light)}.lp-hero{position:relative;overflow:hidden;background:var(--bg)}.lp-hero-dots{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(var(--border) 1.5px,transparent 1.5px);background-size:22px 22px;opacity:.55;pointer-events:none}.lp-hero-inner{position:relative;z-index:1;max-width:1100px;margin:0 auto;padding:88px 48px 80px;display:flex;align-items:center;gap:64px}.lp-hero-content{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.lp-hero-badge{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);padding:4px 14px;border-radius:99px;animation:scaleIn .4s ease both;margin-bottom:24px;box-shadow:var(--shadow-sm)}.lp-hero-title{font-size:clamp(36px,5.5vw,64px);font-weight:800;line-height:1.08;letter-spacing:-.035em;color:var(--text);margin-bottom:20px;animation:fadeInUp .5s ease both;animation-delay:.1s}.lp-hero-accent{color:var(--orange)}.lp-hero-sub{font-size:16px;color:var(--text-muted);line-height:1.65;max-width:440px;margin-bottom:32px;animation:fadeInUp .5s ease both;animation-delay:.2s}.lp-hero-cta{border-radius:10px!important;animation:scaleIn .4s ease both;animation-delay:.28s}.btn-lg{padding:0 28px!important;height:44px!important;font-size:14px!important;font-weight:600!important;border-radius:10px!important}.lp-hero-meta{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:11px;color:var(--text-light);flex-wrap:wrap}.lp-hero-meta-dot{color:var(--border)}.lp-hero-preview{flex-shrink:0;display:flex;flex-direction:column;gap:12px;padding:16px 0}.lp-hero-preview .lp-mini-card{width:176px}.lp-float--a{margin-left:0;animation:float-a 4s ease-in-out infinite}.lp-float--b{margin-left:28px;animation:float-b 3.7s ease-in-out infinite;animation-delay:.45s}.lp-float--c{margin-left:10px;animation:float-c 4.4s ease-in-out infinite;animation-delay:.9s}@keyframes float-a{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes float-b{0%,to{transform:translateY(8px)}50%{transform:translateY(-4px)}}@keyframes float-c{0%,to{transform:translateY(-5px)}50%{transform:translateY(9px)}}.lp-mini-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:11px 13px;width:155px;box-shadow:0 4px 16px #00000014,0 1px 3px #0000000d;display:flex;flex-direction:column;gap:6px}.lp-mini-card--green{border-top:3px solid var(--green)}.lp-mini-card--yellow{border-top:3px solid var(--orange)}.lp-mini-card--red{border-top:3px solid var(--red)}.lp-mini-top{display:flex;justify-content:space-between;align-items:center}.lp-mini-abbr{font-size:13px;font-weight:800;color:var(--text)}.lp-mini-badge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:99px}.lp-mini-green{background:var(--green-light);color:var(--green)}.lp-mini-yellow{background:var(--yellow-light);color:var(--yellow)}.lp-mini-red{background:var(--red-light);color:var(--red)}.lp-mini-bar{height:4px;background:#00000012;border-radius:99px;overflow:hidden}.lp-mini-fill{height:100%;border-radius:99px}.lp-mini-fill--green{background:var(--green)}.lp-mini-fill--yellow{background:var(--orange)}.lp-mini-fill--red{background:var(--red)}.lp-mini-row{display:flex;justify-content:space-between;font-size:9px;color:var(--text-muted)}.lp-mini-footer{font-size:10px;font-weight:600;text-align:center;padding:3px 0 1px;border-top:1px solid var(--border-light);margin-top:2px}.lp-mini-footer--green{color:var(--green)}.lp-mini-footer--yellow{color:var(--yellow)}.lp-mini-footer--red{color:var(--red)}.lp-features{padding:80px 24px 72px;background:var(--surface);border-top:1px solid var(--border)}.lp-features-inner{max-width:1060px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.lp-section-pill{display:inline-block;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border);padding:4px 12px;border-radius:99px;margin-bottom:18px}.lp-features-title{font-size:clamp(26px,4vw,40px);font-weight:800;letter-spacing:-.03em;color:var(--text);margin-bottom:10px;text-align:center}.lp-features-sub{font-size:15px;color:var(--text-muted);margin-bottom:48px;text-align:center}.lp-feat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;width:100%}.lp-feat-card{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:20px 20px 24px;display:flex;flex-direction:column;gap:6px;transition:box-shadow .15s,transform .15s}.lp-feat-card:hover{box-shadow:0 8px 24px #00000012;transform:translateY(-2px)}.lp-feat-card--warm{background:var(--orange-light);border-color:#f49f254d}.lp-feat-ill{flex:1;min-height:128px;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.lp-feat-icon{width:34px;height:34px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--orange);margin-bottom:2px;flex-shrink:0}.lp-feat-card--warm .lp-feat-icon{background:var(--surface);border-color:#f49f2540}.lp-feat-card h3{font-size:14px;font-weight:700;color:var(--text)}.lp-feat-card p{font-size:12px;color:var(--text-muted);line-height:1.55}.lp-feat-card:nth-child(1){animation:fadeInUp .5s ease both;animation-delay:.05s}.lp-feat-card:nth-child(2){animation:fadeInUp .5s ease both;animation-delay:.15s}.lp-feat-card:nth-child(3){animation:fadeInUp .5s ease both;animation-delay:.25s}.lp-feat-card:nth-child(4){animation:fadeInUp .5s ease both;animation-delay:.35s}.fic-list{display:flex;flex-direction:column;gap:7px;width:100%}.fic-row{display:flex;align-items:center;gap:6px}.fic-abbr{font-size:10px;font-weight:700;width:20px;color:var(--text);flex-shrink:0}.fic-bar-wrap{flex:1;height:6px;background:#00000012;border-radius:99px;position:relative;overflow:visible}.fic-fill{height:100%;border-radius:99px;transition:width .3s}.fic-fill--green{background:var(--green)}.fic-fill--yellow{background:var(--orange)}.fic-fill--red{background:var(--red)}.fic-threshold{position:absolute;top:-3px;bottom:-3px;left:66%;width:1.5px;background:#0000002e;border-radius:2px}.fic-pct{font-size:9px;font-weight:700;width:30px;text-align:right;flex-shrink:0}.fip-wrap{width:100%;display:flex;flex-direction:column;gap:5px}.fip-day{font-size:9px;font-weight:600;color:var(--text-muted);margin-bottom:3px;text-transform:uppercase;letter-spacing:.04em}.fip-lesson{display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:5px 7px}.fip-lesson--on{background:var(--red-light);border-color:#e5352733}.fip-abbr{font-size:10px;font-weight:800;color:var(--text);width:18px;flex-shrink:0}.fip-mid{flex:1;font-size:9px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fip-btn{font-size:8px;font-weight:600;padding:2px 6px;border-radius:99px;border:1px solid var(--border);background:var(--surface-2);color:var(--text-muted);white-space:nowrap;flex-shrink:0}.fip-btn--on{background:var(--red-light);border-color:#e535274d;color:var(--red)}.filb-wrap{width:100%;display:flex;flex-direction:column;gap:5px}.filb-row{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border-light);border-radius:6px;padding:5px 8px}.filb-rank{width:18px;height:18px;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0}.filb-name{flex:1;font-size:10px;color:var(--text);font-weight:500}.filb-pct{font-size:10px;font-weight:700;flex-shrink:0}.fit-wrap{width:100%;display:flex;flex-direction:column;gap:8px}.fit-header{display:flex;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:6px 10px}.fit-label{font-size:10px;color:var(--text-muted);font-weight:600}.fit-badge{background:var(--orange-light);border:1px solid rgba(244,159,37,.35);border-radius:20px;padding:2px 8px;font-size:11px;font-weight:700;color:var(--orange)}.fit-list{display:flex;flex-direction:column;gap:6px}.fit-row{display:flex;align-items:center;gap:6px}.fsch-wrap{width:100%;display:flex;flex-direction:column;gap:6px}.fsch-search{display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:7px 10px}.fsch-icon{color:var(--text-muted);flex-shrink:0}.fsch-query{font-size:11px;color:var(--text)}.fsch-results{background:var(--surface);border:1px solid var(--border);border-radius:8px;overflow:hidden}.fsch-item{display:flex;flex-direction:column;gap:2px;padding:6px 10px;border-bottom:1px solid var(--border-light)}.fsch-item:last-child{border-bottom:none}.fsch-item--selected{background:var(--orange-light)}.fsch-name{font-size:10px;font-weight:600;color:var(--text)}.fsch-domain{font-size:9px;color:var(--orange);font-family:monospace}.fsch-manual{font-size:9px;color:var(--text-muted);padding:4px 2px;text-align:center}.lp-steps-section{padding:60px 24px;background:var(--surface);border-top:1px solid var(--border)}.lp-steps-inner{max-width:900px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:36px}.lp-steps{display:flex;align-items:stretch;gap:14px;width:100%;justify-content:center;flex-wrap:wrap}.lp-step{display:flex;align-items:flex-start;gap:14px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:18px 20px;flex:1 1 200px;max-width:260px;min-width:180px;transition:box-shadow .15s,transform .15s}.lp-step:hover{box-shadow:0 4px 16px #00000012;transform:translateY(-2px)}.lp-step-num{width:30px;height:30px;background:var(--orange);color:#fff;border-radius:50%;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lp-step-body{display:flex;flex-direction:column;gap:4px}.lp-step-body strong{font-size:13px;font-weight:700;color:var(--text)}.lp-step-body span{font-size:12px;color:var(--text-muted);line-height:1.5}.lp-step-arrow{font-size:18px;color:var(--text-light);flex-shrink:0;align-self:center;padding-top:2px}.lb-section{flex:1;padding:48px 24px}.lb-section-inner{max-width:920px;margin:0 auto;display:flex;flex-direction:column;gap:20px}.lb-section-head{display:flex;flex-direction:column;gap:6px}.lb-section-title{font-size:18px;font-weight:700;letter-spacing:-.02em;display:flex;align-items:center;gap:8px;color:var(--text)}.lb-section-title svg{color:var(--orange)}.lb-section-sub{font-size:13px;color:var(--text-muted)}.lb-loading{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:13px}.lb-empty{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:32px;text-align:center;color:var(--text-muted);font-size:13px}.lb-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.lb-period-label{font-size:12px;font-weight:600;color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px 12px;white-space:nowrap}.lb-filter-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.lb-sort-btn{background:none;border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px 12px;font-size:12px;color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:border-color .12s,color .12s,background .12s}.lb-sort-btn:hover{border-color:var(--orange);color:var(--orange)}.lb-sort-btn--active{background:var(--orange-light);border-color:#f49f2566;color:var(--orange);font-weight:600}.lb-tabs{display:flex;gap:4px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px}.lb-tab{background:none;border:none;border-radius:4px;padding:4px 12px;font-size:12px;color:var(--text-muted);cursor:pointer;transition:background .12s,color .12s;white-space:nowrap}.lb-tab:hover{color:var(--text)}.lb-tab--active{background:var(--surface);color:var(--orange);font-weight:600;box-shadow:0 1px 3px #00000014}.lb-school-label{font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:10px}.lb-th--school,.lb-td--school{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.lb-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.lb-table{width:100%;min-width:480px;border-collapse:collapse}.lb-th{background:var(--surface-2);padding:9px 14px;text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border);white-space:nowrap}.lb-th--rank,.lb-th--num{text-align:center;width:80px}.lb-th--jg{width:54px;text-align:center}.lb-th--meta{width:110px}.lb-td{padding:11px 14px;font-size:13px;border-bottom:1px solid var(--border-light)}.lb-row:last-child .lb-td{border-bottom:none}.lb-row:hover .lb-td{background:var(--surface-2)}.lb-row--me .lb-td{background:var(--orange-light)!important}.lb-row--supporter .lb-td{border-left:0}.lb-row--supporter td:first-child{border-left:3px solid #e84393}.lb-td--rank{text-align:center}.lb-td--num{text-align:center;font-weight:600}.lb-td--meta{font-size:11px;color:var(--text-muted);white-space:nowrap}.lb-td--jg{text-align:center;font-size:12px;color:var(--text-muted)}.lb-td--absences{font-size:16px;font-weight:700}.lb-td--name{font-weight:500}.lb-pagination{display:flex;align-items:center;justify-content:center;gap:12px;padding:10px 0 2px}.lb-page-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);cursor:pointer;transition:background .12s,border-color .12s}.lb-page-btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--orange)}.lb-page-btn:disabled{opacity:.35;cursor:not-allowed}.lb-page-info{font-size:12px;color:var(--text-muted);white-space:nowrap}.lb-page-total{color:var(--text-muted);opacity:.7}.lb-rank-medal{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;font-size:11px;font-weight:800;letter-spacing:-.02em}.lb-rank-gold{background:gold;color:#5c4100}.lb-rank-silver{background:#d0d0d0;color:#444}.lb-rank-bronze{background:#c8925a;color:#4a1a00}.lb-pos{font-size:12px;color:var(--text-light);font-weight:600}.lb-you-tag{margin-left:6px;background:var(--orange);color:#fff;border-radius:4px;padding:1px 5px;font-size:10px;font-weight:700;vertical-align:middle}.legal-modal-box{max-width:580px;padding:0;display:flex;flex-direction:column;max-height:calc(100vh - 48px)}.legal-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px 16px;border-bottom:1px solid var(--border-light);flex-shrink:0}.legal-modal-title{font-size:17px;font-weight:700;letter-spacing:-.02em;color:var(--text)}.legal-modal-body{font-size:13px;color:var(--text-muted);line-height:1.7;display:flex;flex-direction:column;gap:12px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:20px 24px 28px;flex:1}.legal-modal-body p{margin:0}.legal-modal-body ul{padding-left:18px;margin:4px 0}.legal-modal-body li{margin-bottom:4px}.legal-modal-body strong{color:var(--text);font-weight:600}.legal-modal-body em{color:var(--text);font-style:normal;font-weight:600}.legal-modal-body a{color:var(--orange);text-decoration:none}.legal-modal-body a:hover{text-decoration:underline}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:500;padding:16px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);overflow-y:auto}@media (max-width: 540px){.modal-overlay{align-items:flex-end;padding:0}.modal-box{border-radius:14px 14px 0 0;max-width:100%}.legal-modal-box{max-height:90vh;border-radius:14px 14px 0 0}.legal-modal-head{padding:16px 18px 14px}.legal-modal-body{padding:16px 18px 32px}}.modal-box{background:var(--surface);border-radius:12px;padding:24px;width:100%;max-width:500px;position:relative;box-shadow:0 24px 48px #0003;animation:modal-in .15s ease}@keyframes modal-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:12px;right:12px;background:none;border:1px solid var(--border);border-radius:6px;width:28px;height:28px;cursor:pointer;font-size:13px;color:var(--text-muted);display:flex;align-items:center;justify-content:center;transition:border-color .12s,color .12s}.modal-close:hover{border-color:var(--red);color:var(--red)}.landing-footer{background:var(--surface);border-top:1px solid var(--border);padding:14px 40px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;font-size:12px;color:var(--text-muted)}.footer-copy{white-space:nowrap}.footer-domain{color:inherit;text-decoration:none;font-weight:600}.footer-domain:hover{color:var(--orange)}.footer-github{display:flex;align-items:center;justify-content:center;color:var(--text-muted);padding:7px;border-radius:var(--radius-sm);transition:color .15s,background .15s,transform .15s;text-decoration:none}.footer-github:hover{color:var(--text);background:var(--bg);transform:scale(1.12)}.footer-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.footer-link{background:none;border:none;padding:0;font-size:12px;color:var(--text-muted);cursor:pointer;text-decoration:underline;text-decoration-color:transparent;transition:color .12s,text-decoration-color .12s}.footer-link:hover{color:var(--orange);text-decoration-color:var(--orange)}.footer-dot{color:var(--border-light);-webkit-user-select:none;user-select:none}@media (max-width: 900px){.lp-feat-grid{grid-template-columns:1fr}.lp-nav{padding:0 20px}.lp-hero-inner{flex-direction:column;padding:64px 32px 52px;gap:44px;align-items:center}.lp-hero-content{align-items:center;text-align:center}.lp-hero-sub{max-width:100%}.lp-hero-meta{justify-content:center}.lp-hero-preview{flex-direction:row;gap:12px;padding:0;justify-content:center;flex-wrap:wrap}.lp-float--b,.lp-float--c{margin-left:0}.lp-hero-preview .lp-mini-card{width:148px}}.mobile-nav{display:none}@media (max-width: 768px){.mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -2px 10px #00000014;z-index:100}.mobile-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;background:none;border:none;font-size:10px;color:var(--text-muted);cursor:pointer;padding:6px 0;transition:color .12s}.mobile-nav-btn--active{color:var(--orange);font-weight:600}.mobile-nav-btn svg{flex-shrink:0}}@media (max-width: 768px){.sidebar{display:none}.topbar{padding:0 12px;height:44px}.topbar-back{display:none}.topbar-user-btn{display:flex}.main{padding-bottom:56px}.content{padding:10px;gap:10px}.cards-grid{grid-template-columns:1fr 1fr;gap:8px}.lesson-tile{padding:10px 10px 8px;gap:6px}.tile-stats{padding-top:5px}.ts-val,.tile-abbr{font-size:13px}.tile-longname{font-size:10px}.tile-badge{font-size:10px;padding:1px 6px}.summary-bar{padding:10px 12px;gap:10px}.kpi-row{flex-wrap:wrap;gap:6px}.kpi{flex:1 1 calc(50% - 6px);min-width:0;padding:8px 10px}.kpi-val{font-size:18px}.date-bar{padding:10px 12px}.date-bar-hint{font-size:10px}.form-row{flex-direction:column;gap:8px}.form-row .form-field{flex:none;width:100%}.form-field--submit{align-items:stretch}.btn-primary{justify-content:center}.lb-settings-card{padding:12px 14px}.lb-toggle-row{padding:8px 0;gap:8px}.lb-delete-zone{padding-top:10px;gap:6px}.lp-nav{padding:0 16px;height:50px}.lp-nav-user{display:none}.lp-hero-inner{padding:48px 16px 40px;gap:36px}.lp-hero-title{font-size:34px}.lp-hero-sub{font-size:15px}.lp-hero-preview{gap:10px}.lp-mini-card{width:132px}.lp-features{padding:48px 16px}.lp-feat-grid{grid-template-columns:1fr;gap:12px}.lp-feat-ill{min-height:100px}.btn-lg{justify-content:center}.lp-hero-cta-row{flex-direction:column;align-self:stretch}.lp-hero-cta-row .btn-primary,.lp-hero-lb-btn{width:100%;justify-content:center}.lp-steps-section{padding:44px 16px}.lp-step{max-width:100%}.lp-step-arrow{display:none}.lb-section{padding:28px 16px}.lb-filter-bar{flex-direction:column;align-items:flex-start}.lb-filter-right{width:100%}.landing-footer{padding:14px 16px;grid-template-columns:1fr auto;grid-template-rows:auto auto}.footer-copy{grid-column:1;grid-row:2}.footer-github{grid-column:2;grid-row:1 / 3;justify-self:end}.footer-links{grid-column:1;grid-row:1;justify-content:flex-start;gap:6px;flex-wrap:wrap}.lb-th--meta{width:auto}.lb-td--absences{font-size:13px}.lb-th--jg,.lb-td--jg{display:none}}@media (max-width: 480px){.content{padding:8px;gap:8px}.cards-grid{grid-template-columns:1fr 1fr;gap:6px}.kpi{flex:1 1 calc(50% - 4px);padding:7px 8px}.kpi-val{font-size:16px}.summary-bar{padding:8px 10px;gap:8px}.lp-hero-inner{padding:36px 14px 32px}.lp-hero-title{font-size:29px}.lp-hero-preview{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;width:calc(100% + 28px);margin:0 -14px;padding:4px 14px 10px;justify-content:flex-start;scrollbar-width:none}.lp-hero-preview::-webkit-scrollbar{display:none}.lp-hero-preview .lp-mini-card{flex-shrink:0;width:140px}}.tt-page{display:flex;flex-direction:column;gap:10px}.tt-nav{display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.tt-nav-btn{width:30px;height:30px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-sm);background:transparent;cursor:pointer;color:var(--text-muted);flex-shrink:0;transition:background .12s,color .12s}.tt-nav-btn:hover{background:var(--surface-2);color:var(--text)}.tt-week-label{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px}.tt-week-name{font-size:13px;font-weight:600;color:var(--text)}.tt-week-range{font-size:11px;color:var(--text-muted)}.tt-today-btn{font-size:11px;padding:3px 9px;border:1px solid var(--border);border-radius:20px;background:transparent;cursor:pointer;color:var(--text-muted);white-space:nowrap;transition:background .12s,color .12s}.tt-today-btn:hover{background:var(--surface-2);color:var(--text)}.tt-info-bar{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-muted);padding:0 2px}.tt-last-fetched{flex:1}.tt-info-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.tt-clear-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:1px solid rgba(229,53,39,.3);border-radius:20px;background:var(--red-light);cursor:pointer;color:var(--red);font-size:12px;font-weight:500;transition:background .12s,border-color .12s;white-space:nowrap}.tt-clear-btn:hover{background:#e5352726;border-color:var(--red)}.tt-refresh-btn{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border:1px solid var(--border);border-radius:20px;background:transparent;cursor:pointer;color:var(--text-muted);font-size:12px;transition:background .12s,color .12s}.tt-refresh-btn:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.tt-refresh-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes tt-spin{to{transform:rotate(360deg)}}.tt-spin{animation:tt-spin .8s linear infinite}.tt-empty{padding:40px 16px;text-align:center;color:var(--text-muted);font-size:13px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.tt-range-card{padding:12px 14px;display:flex;flex-direction:column;gap:10px}.tt-range-presets{display:flex;gap:6px;flex-wrap:wrap}.tt-preset-btn{font-size:12px;font-weight:500;padding:4px 12px;border:1px solid var(--border);border-radius:20px;background:transparent;cursor:pointer;color:var(--text-muted);transition:all .12s;white-space:nowrap}.tt-preset-btn:hover{background:var(--surface-2);color:var(--text)}.tt-preset-btn--active{background:var(--orange-light);border-color:var(--orange);color:var(--orange);font-weight:600}.tt-range-inputs{display:flex;gap:10px}.tt-range-inputs .form-field{flex:1 1 120px}.tt-range-inputs .form-field label{font-size:10px}.tt-range-inputs .form-field input{height:32px;font-size:12px}.tt-summary{display:flex;align-items:stretch;padding:0;overflow:hidden}.tt-kpi{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;gap:2px}.tt-kpi-val{font-size:22px;font-weight:800;letter-spacing:-.04em;line-height:1.1;color:var(--text)}.tt-kpi-lbl{font-size:10px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;text-align:center}.tt-kpi--green .tt-kpi-val{color:var(--green)}.tt-kpi--yellow .tt-kpi-val{color:var(--yellow)}.tt-kpi--red .tt-kpi-val{color:var(--red)}.tt-kpi-sub{font-size:9px;text-transform:none;letter-spacing:0;display:block;color:var(--text-light)}.tt-kpi-divider{width:1px;background:var(--border-light);flex-shrink:0;align-self:stretch;margin:8px 0}.tt-grid-outer{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow:hidden;animation:fadeInUp .3s ease both}.tt-grid-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.tt-grid{display:grid;grid-template-columns:44px repeat(5,minmax(120px,1fr));min-width:500px}.tt-grid-corner{background:var(--surface-2);border-right:1px solid var(--border);border-bottom:1px solid var(--border)}.tt-col-head{padding:8px 6px;text-align:center;border-right:1px solid var(--border-light);border-bottom:1px solid var(--border);background:var(--surface-2);display:flex;flex-direction:column;align-items:center;gap:1px}.tt-col-head:last-child{border-right:none}.tt-col-head--today{background:var(--orange-light)}.tt-col-day{font-size:11px;font-weight:700;color:var(--text);text-transform:uppercase;letter-spacing:.04em}.tt-col-date{font-size:10px;color:var(--text-muted)}.tt-col-head--today .tt-col-day{color:var(--orange)}.tt-col-head--today .tt-col-date{color:var(--orange);opacity:.75}.tt-period-label{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:8px 3px 6px;border-right:1px solid var(--border);border-bottom:1px solid var(--border-light);background:var(--surface-2);gap:4px}.tt-period-num{font-size:11px;font-weight:700;color:var(--text-muted)}.tt-period-time{font-size:9px;color:var(--text-light);font-variant-numeric:tabular-nums;writing-mode:vertical-lr;transform:rotate(180deg)}.tt-cell-empty{border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light);min-height:80px;background:var(--surface)}.tt-cell{padding:4px;border-right:1px solid var(--border-light);border-bottom:1px solid var(--border-light);min-height:80px;display:flex;flex-direction:column;gap:3px}.tt-cell--split .tt-lcard{min-height:58px}.tt-lcard{flex:1;min-height:72px;border-radius:var(--radius-sm);padding:6px 7px;display:flex;flex-direction:column;gap:3px;background:var(--surface);border:1px solid var(--border-light);transition:transform .12s,box-shadow .12s;cursor:default}.tt-lcard:hover{transform:translateY(-1px);box-shadow:0 3px 8px #00000014;position:relative;z-index:1}.tt-lcard--green{background:#4a7c300d;border-left:3px solid var(--green)}.tt-lcard--yellow{background:#b87a000f;border-left:3px solid var(--yellow)}.tt-lcard--red{background:#e535270f;border-left:3px solid var(--red)}.tt-lcard--absent{background:#e535271a}.tt-lcard--planned{border-style:dashed!important}.tt-lcard-top{display:flex;align-items:flex-start;justify-content:space-between;gap:3px}.tt-lcard-abbr{font-size:12px;font-weight:800;color:var(--text);line-height:1.2;letter-spacing:-.01em}.tt-lcard-teacher{font-size:9px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:45px;flex-shrink:0;line-height:1.4}.tt-lcard-ord{font-size:9px;color:var(--text-light);font-variant-numeric:tabular-nums}.tt-lcard-foot{display:flex;align-items:center;gap:4px;flex-wrap:wrap;margin-top:auto}.tt-lcard-rate{font-size:10px;font-weight:700;font-variant-numeric:tabular-nums}.tt-lcard-rate.rate--green{color:var(--green)}.tt-lcard-rate.rate--yellow{color:var(--yellow)}.tt-lcard-rate.rate--red{color:var(--red)}.tt-lcard-budget{font-size:9px;font-weight:600;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border-light);padding:1px 5px;border-radius:3px;white-space:nowrap;margin-top:1px}.tt-lcard-status{font-size:9px;font-weight:600;padding:2px 5px;border-radius:3px;text-align:center;margin-top:1px}.tt-lcard-bar-wrap{position:relative;height:4px;margin:3px 0 2px}.tt-lcard-bar-track{width:100%;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.tt-lcard-bar-fill{height:100%;border-radius:2px;transition:width .25s ease}.tt-fill--green{background:var(--green)}.tt-fill--yellow{background:var(--yellow)}.tt-fill--red{background:var(--red)}.tt-lcard-bar-threshold{position:absolute;top:-2px;width:2px;height:8px;background:var(--text-muted);border-radius:1px;transform:translate(-50%);pointer-events:none}.tt-lcard-pct{font-size:8px}.tt-lcard-future{display:flex;flex-direction:column;gap:3px;margin-top:auto}.tt-lcard-whatif{font-size:9px;font-weight:500;text-align:center}.tt-lcard-whatif.rate--red{color:var(--red)}.tt-lcard-whatif.rate--yellow{color:var(--yellow)}.tt-lcard-whatif.rate--green{color:var(--green)}.tt-lcard-toggle{font-size:10px;font-weight:600;padding:3px 5px;border-radius:4px;border:1px solid var(--border);background:transparent;cursor:pointer;color:var(--text-muted);width:100%;text-align:center;transition:all .12s;white-space:nowrap}.tt-lcard-toggle:hover{background:var(--surface-2);color:var(--text)}.tt-lcard-toggle.tt-toggle--on{background:var(--red-light);border-color:#e535274d;color:var(--red)}.tt-grid-no-lessons{grid-column:1 / -1;padding:32px 16px;text-align:center;color:var(--text-muted);font-size:13px}.tt-badge--present{background:var(--green-light);color:var(--green)}.tt-badge--absent{background:var(--red-light);color:var(--red)}.tt-budget--over{color:var(--red);background:var(--red-light);border-color:#e5352733}.tt-budget--limit{color:var(--yellow);background:var(--yellow-light);border-color:#b87a0033}.tt-toggle--on{background:var(--red-light);border-color:#e535274d;color:var(--red)}@media (max-width: 600px){.tt-grid{grid-template-columns:36px repeat(5,minmax(90px,1fr))}.tt-lcard-teacher{display:none}.tt-lcard-abbr{font-size:11px}.tt-range-inputs{flex-direction:column;gap:6px}.tt-range-inputs .form-field{flex:none;width:100%}.tt-kpi-val{font-size:18px}.tt-kpi{padding:10px 6px}}.admin-login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:20px}.admin-login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px 28px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:16px}.admin-login-icon{width:48px;height:48px;background:var(--orange-light);color:var(--orange);border-radius:var(--radius);display:flex;align-items:center;justify-content:center}.admin-login-title{font-size:20px;font-weight:800;letter-spacing:-.02em}.admin-login-sub{font-size:13px;color:var(--text-muted);margin-top:-8px}.admin-field{display:flex;flex-direction:column;gap:6px}.admin-field label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.admin-field input{height:38px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;color:var(--text);background:var(--surface);outline:none;transition:border-color .15s,box-shadow .15s}.admin-field input:focus{border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-dim)}.admin-btn-primary{height:40px;background:var(--orange);color:#fff;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s}.admin-btn-primary:hover:not(:disabled){background:var(--orange-hover)}.admin-btn-primary:disabled{opacity:.5;cursor:not-allowed}.admin-alert{border-radius:var(--radius-sm);padding:10px 14px;font-size:13px}.admin-alert--error{background:var(--red-light);color:var(--red);border:1px solid rgba(229,53,39,.25)}.admin-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.admin-header{background:var(--surface);border-bottom:1px solid var(--border);padding:0 24px;height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;z-index:50}.admin-header-left{display:flex;align-items:center;gap:10px;color:var(--orange)}.admin-header-title{font-size:14px;font-weight:700;color:var(--text)}.admin-header-right{display:flex;align-items:center;gap:8px}.admin-icon-btn{width:32px;height:32px;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.admin-icon-btn:hover{background:var(--bg);color:var(--text)}.admin-icon-btn--danger:hover{background:var(--red-light);color:var(--red);border-color:#e5352740}.admin-icon-btn:disabled{opacity:.4;cursor:not-allowed}@keyframes admin-spin{to{transform:rotate(360deg)}}.admin-spin{animation:admin-spin .8s linear infinite}.admin-content{padding:24px;display:flex;flex-direction:column;gap:20px;max-width:1200px;margin:0 auto;width:100%}.admin-stats{display:flex;gap:12px;flex-wrap:wrap}.admin-stat{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 20px;display:flex;flex-direction:column;gap:2px;min-width:100px}.admin-stat--green{border-color:#4a7c304d;background:var(--green-light)}.admin-stat--muted{opacity:.7}.admin-stat-val{font-size:24px;font-weight:800;letter-spacing:-.02em;color:var(--text)}.admin-stat-label{font-size:11px;color:var(--text-muted);font-weight:500}.admin-stat--green .admin-stat-label{color:var(--green)}.admin-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.admin-search{flex:1;min-width:200px;height:36px;padding:0 12px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;color:var(--text);background:var(--surface);outline:none;transition:border-color .15s,box-shadow .15s}.admin-search:focus{border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-dim)}.admin-filter-btns{display:flex;gap:4px}.admin-filter-btn{height:34px;padding:0 14px;font-size:12px;font-weight:500;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:background .1s,color .1s,border-color .1s}.admin-filter-btn:hover{background:var(--bg);color:var(--text)}.admin-filter-btn--active{background:var(--orange-light);color:var(--orange);border-color:#f49f2566;font-weight:600}.admin-loading{text-align:center;color:var(--text-muted);padding:40px;font-size:13px}.admin-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:auto}.admin-table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}.admin-table th{text-align:left;padding:10px 14px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);background:var(--surface-2);border-bottom:1px solid var(--border)}.admin-table td{padding:10px 14px;border-bottom:1px solid var(--border-light);color:var(--text);vertical-align:middle}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover td{background:var(--surface-2)}.admin-row--hidden td{opacity:.5}.admin-table-empty{text-align:center;color:var(--text-muted);padding:32px!important}.admin-td-id{width:50px;font-size:11px;color:var(--text-muted)}.admin-td-user{display:flex;align-items:center;gap:6px;min-width:140px}.admin-username{font-weight:600}.admin-td-school{color:var(--text-muted);max-width:160px;overflow:hidden;text-overflow:ellipsis}.admin-td-rate{font-weight:700}.admin-rate--red{color:var(--red)}.admin-rate--yellow{color:var(--yellow)}.admin-rate--green{color:var(--green)}.admin-td-lessons{color:var(--text-muted);font-size:12px}.admin-td-date{color:var(--text-muted);font-size:11px;min-width:110px}.admin-badge{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:1px 5px;border-radius:4px}.admin-badge--anon{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.admin-status{font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px}.admin-status--active{background:var(--green-light);color:var(--green)}.admin-status--off{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.admin-td-actions{display:flex;gap:6px;align-items:center}.admin-action-btn{width:28px;height:28px;border:none;border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s,color .12s}.admin-action-btn--hide{background:var(--surface-2);color:var(--text-muted)}.admin-action-btn--hide:hover{background:var(--yellow-light);color:var(--yellow)}.admin-action-btn--show{background:var(--surface-2);color:var(--text-light);cursor:not-allowed}.admin-action-btn--delete{background:var(--surface-2);color:var(--text-muted)}.admin-action-btn--delete:hover{background:var(--red-light);color:var(--red)}.admin-action-btn:disabled{opacity:.4;cursor:not-allowed}.admin-table-footer{padding:10px 14px;font-size:11px;color:var(--text-muted);border-top:1px solid var(--border-light)}