:root{--bg:#061015;--bg2:#09151b;--panel:#0d1a20;--panel2:#101f26;--line:#24343b;--line2:#31505a;--text:#f5f7f7;--muted:#9aa9ae;--cyan:#4fe1d0;--cyan2:#1fb9ae;--cyanSoft:rgba(79,225,208,.12);--danger:#ff6b74;--complete:#52d6a0;--incomplete:#f5c75d;--late:#f39a5b;--missing:#ef6d79;--radius:16px;--shadow:0 24px 80px rgba(0,0,0,.32);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{background:var(--bg)}body.ffta-body{margin:0;background:radial-gradient(circle at 85% 5%,rgba(31,185,174,.09),transparent 28%),linear-gradient(135deg,#050c10,#08141a 55%,#061015);color:var(--text);min-height:100vh;font-family:inherit}.ffta-body button,.ffta-body input,.ffta-body select,.ffta-body textarea{font:inherit}.ffta-body button{cursor:pointer}.ffta-body svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ffta-app{min-height:100vh}.ffta-loading,.ffta-fatal{min-height:100vh;display:grid;place-content:center;text-align:center;color:var(--muted)}.ffta-loading span{width:42px;height:42px;border:3px solid var(--line);border-top-color:var(--cyan);border-radius:50%;animation:spin 1s linear infinite;margin:auto}@keyframes spin{to{transform:rotate(360deg)}}
.ffta-header{height:78px;padding:0 28px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:rgba(5,13,17,.88);backdrop-filter:blur(18px);position:sticky;top:0;z-index:30}.ffta-brand{display:flex;align-items:center;gap:13px;color:var(--text);text-decoration:none}.ffta-brand-mark{display:grid;place-items:center;width:45px;height:45px;border:1px solid var(--line2);border-radius:13px;background:linear-gradient(145deg,rgba(79,225,208,.16),rgba(255,255,255,.03));color:var(--cyan);font-weight:900;letter-spacing:-2px}.ffta-brand strong,.ffta-brand small{display:block}.ffta-brand strong{font-size:16px}.ffta-brand small{color:var(--muted);margin-top:2px}.ffta-header-meta{margin-left:auto;display:flex;align-items:center;gap:16px;color:var(--muted);font-size:13px}.ffta-header-meta strong{color:var(--text)}.ffta-icon-link{width:42px;height:42px;margin-left:22px;display:grid;place-items:center;color:var(--cyan);border:1px solid var(--line);border-radius:12px;background:var(--panel);text-decoration:none}.ffta-shell{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 78px)}.ffta-sidebar{padding:24px 16px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:space-between;background:rgba(6,15,20,.62);position:sticky;top:78px;height:calc(100vh - 78px)}.ffta-nav-label,.ffta-kicker{font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--cyan)}.ffta-sidebar nav{display:grid;gap:8px;margin-top:12px}.ffta-sidebar nav button{display:flex;align-items:center;gap:13px;width:100%;padding:15px;border:1px solid transparent;border-radius:12px;background:transparent;color:#c7d0d3;text-align:left;font-weight:750}.ffta-sidebar nav button.active{color:var(--cyan);background:var(--cyanSoft);border-color:rgba(79,225,208,.25)}.ffta-sidebar-foot{padding:16px 10px;border-top:1px solid var(--line)}.ffta-sidebar-foot small,.ffta-sidebar-foot a{display:block;color:var(--muted);font-size:12px;text-decoration:none;margin-top:5px}.ffta-main{min-width:0;padding:34px}.ffta-page{max-width:1500px;margin:auto}.ffta-page-head,.ffta-section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.ffta-page-head{margin-bottom:25px}.ffta-page-head h1,.ffta-mobile-intro h1{font-size:42px;letter-spacing:-.045em;margin:8px 0 4px}.ffta-page-head p,.ffta-section-head p,.ffta-mobile-intro p{margin:0;color:var(--muted)}.ffta-button{min-height:45px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid var(--line2);border-radius:11px;background:var(--panel);color:var(--text);font-size:12px;font-weight:850;letter-spacing:.035em;text-decoration:none}.ffta-button.primary{background:linear-gradient(135deg,var(--cyan),#34c7bb);border-color:transparent;color:#031211;box-shadow:0 8px 30px rgba(79,225,208,.16)}.ffta-button:disabled{opacity:.45;cursor:not-allowed}.ffta-button.full{width:100%}.ffta-filters{padding:16px;display:flex;align-items:end;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:18px}.ffta-filters label,.ffta-form-grid label,.ffta-details,.ffta-inline-panel label{display:grid;gap:7px}.ffta-filters label{min-width:210px}.ffta-filters label span,.ffta-form-grid label span,.ffta-details>span,.ffta-inline-panel label span{color:var(--muted);font-size:12px;font-weight:750}.ffta-filters .ffta-button{margin-left:auto}.ffta-body input,.ffta-body select,.ffta-body textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#081218;color:var(--text);outline:0}.ffta-body input,.ffta-body select{height:44px;padding:0 13px}.ffta-body textarea{padding:13px;min-height:105px;resize:vertical}.ffta-body input:focus,.ffta-body select:focus,.ffta-body textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(79,225,208,.09)}.ffta-body select:disabled{opacity:.72}.ffta-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.ffta-summary>div{padding:16px 18px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,var(--panel),rgba(12,28,34,.75))}.ffta-summary span,.ffta-summary strong{display:block}.ffta-summary span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.ffta-summary strong{font-size:21px;margin-top:6px}.ffta-sheet-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);max-height:62vh}.ffta-sheet{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:13px}.ffta-sheet th,.ffta-sheet td{min-width:112px;padding:10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;height:64px}.ffta-sheet thead th{position:sticky;top:0;z-index:3;background:#132129}.ffta-sheet .student-col{position:sticky;left:0;z-index:2;width:225px;min-width:225px;text-align:left;background:#101d23}.ffta-sheet thead .student-col{z-index:5}.ffta-sheet .grade-col{position:sticky;right:0;z-index:2;min-width:110px;background:#11242a;border-right:0}.ffta-sheet thead .grade-col{z-index:5}.ffta-sheet thead button{border:0;background:none;color:var(--text);display:grid;gap:4px;width:100%}.ffta-sheet thead small,.ffta-sheet .student-col small{display:block;color:var(--muted);font-weight:500;margin-top:3px}.ffta-status-cell{width:42px;height:42px;border-radius:11px;border:1px solid currentColor;background:rgba(255,255,255,.03);color:inherit}.ffta-status-cell b{font-size:15px}.ffta-status-cell span{display:none}.status-complete{--status:var(--complete)}.status-incomplete{--status:var(--incomplete)}.status-late{--status:var(--late)}.status-missing{--status:var(--missing)}.ffta-status-cell.status-complete,.ffta-status-cell.status-incomplete,.ffta-status-cell.status-late,.ffta-status-cell.status-missing{color:var(--status);background:color-mix(in srgb,var(--status) 10%,transparent)}.ffta-not-evaluated{color:#617078}.archived-row{opacity:.62}.ffta-task-cards{margin-top:24px}.ffta-task-cards h2{font-size:20px}.ffta-task-cards article{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:15px 16px;border-bottom:1px solid var(--line);background:var(--panel)}.ffta-task-cards article:first-of-type{border-radius:13px 13px 0 0}.ffta-task-cards article:last-of-type{border-radius:0 0 13px 13px;border-bottom:0}.ffta-task-cards article>div:first-child{display:flex;align-items:flex-start;gap:13px}.ffta-task-cards p{margin:5px 0 0;color:var(--muted)}.ffta-task-number{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;color:var(--cyan);background:var(--cyanSoft);font-weight:800}.ffta-actions{display:flex;gap:7px}.ffta-actions button,.ffta-student-list button{width:37px;height:37px;display:grid;place-items:center;border:1px solid var(--line);border-radius:9px;background:#0a151b;color:var(--cyan)}.ffta-actions button.danger,.ffta-student-list button.danger{color:var(--danger)}
.ffta-task-editor,.ffta-class-main,.ffta-class-list,.ffta-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.ffta-task-editor{padding:22px}.ffta-task-editor h2,.ffta-section-head h2{margin:5px 0 4px;font-size:27px}.ffta-close{width:40px;height:40px;border:1px solid var(--line);border-radius:10px;background:#0a151b;color:var(--muted);font-size:26px;line-height:1}.ffta-form-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px;margin:22px 0 13px}.ffta-details{margin-bottom:23px}.ffta-roster-head{display:flex;justify-content:space-between;gap:20px;align-items:end;padding-bottom:13px;border-bottom:1px solid var(--line)}.ffta-roster-head h3{margin:0 0 5px}.ffta-roster-head p{margin:0;color:var(--muted);font-size:13px}.ffta-legend{display:flex;gap:8px;flex-wrap:wrap}.ffta-legend span{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.ffta-legend b{width:23px;height:23px;display:grid;place-items:center;border:1px solid var(--status);border-radius:7px;color:var(--status)}.ffta-status-list{display:grid}.ffta-student-status{display:grid;grid-template-columns:minmax(190px,1fr) minmax(430px,1.7fr);gap:18px;align-items:center;padding:13px 2px;border-bottom:1px solid var(--line)}.ffta-student-status>div:first-child strong,.ffta-student-status>div:first-child small{display:block}.ffta-student-status>div:first-child small{color:var(--muted);margin-top:3px}.ffta-segments{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.ffta-segments button{min-height:44px;padding:5px 7px;border:1px solid var(--line);border-radius:9px;background:#09151a;color:var(--muted);display:flex;justify-content:center;align-items:center;gap:7px}.ffta-segments button b{color:var(--status);font-size:14px}.ffta-segments button.selected{border-color:var(--status);background:color-mix(in srgb,var(--status) 13%,#09151a);color:var(--text)}.ffta-segments button span{font-size:11px}.ffta-na{display:flex;align-items:center;color:var(--muted);font-size:11px}.ffta-sticky-save{display:flex;justify-content:flex-end;gap:10px;padding-top:18px;position:sticky;bottom:0;background:linear-gradient(transparent,var(--panel) 25%);padding-bottom:3px}.ffta-empty{padding:26px;text-align:center;color:var(--muted)}.ffta-empty.large{min-height:300px;display:grid;place-content:center;gap:8px;border:1px dashed var(--line);border-radius:var(--radius)}.ffta-empty.large strong{font-size:20px;color:var(--text)}
.ffta-class-layout{display:grid;grid-template-columns:310px minmax(0,1fr);gap:18px}.ffta-class-list{padding:16px;height:max-content}.ffta-class-list h2{font-size:16px;margin:4px 7px 13px}.ffta-class-list>button{width:100%;padding:13px;display:flex;justify-content:space-between;align-items:center;text-align:left;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--text)}.ffta-class-list>button.active{border-color:rgba(79,225,208,.3);background:var(--cyanSoft)}.ffta-class-list>button strong,.ffta-class-list>button small{display:block}.ffta-class-list>button small{color:var(--muted);margin-top:3px}.ffta-class-list>button em{font-size:23px;color:var(--cyan);font-style:normal}.ffta-class-main{padding:21px}.ffta-import-box{margin:20px 0 14px;padding:15px;display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px dashed var(--line2);border-radius:13px;background:rgba(79,225,208,.035)}.ffta-import-box>div,.ffta-import-box form{display:flex;align-items:center;gap:12px}.ffta-import-box>div>svg{color:var(--cyan);width:30px;height:30px}.ffta-import-box p{margin:3px 0 0;color:var(--muted);font-size:12px}.ffta-import-box input{max-width:260px}.ffta-inline-form{display:grid;grid-template-columns:1fr auto;gap:9px}.ffta-roster-title{display:flex;justify-content:space-between;align-items:center;margin:22px 0 9px}.ffta-roster-title h3{margin:0}.ffta-text-button{border:0;background:none;color:var(--cyan);font-size:11px;font-weight:800;letter-spacing:.05em}.ffta-student-list>div{display:grid;grid-template-columns:35px minmax(0,1fr) 37px 37px;gap:7px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line)}.ffta-student-list>div>span{color:var(--muted);text-align:center}.ffta-student-list input{border-color:transparent;background:transparent}.ffta-student-list input:focus{background:#081218}.ffta-inline-panel{position:fixed;inset:0;z-index:60;margin:auto;width:min(480px,calc(100% - 30px));height:max-content;padding:22px;border:1px solid var(--line2);border-radius:var(--radius);background:var(--panel2);box-shadow:0 0 0 100vmax rgba(0,0,0,.72),var(--shadow)}.ffta-inline-panel form{display:grid;gap:14px;margin-top:18px}.ffta-import-preview{margin:14px 0;padding:15px;border:1px solid rgba(79,225,208,.3);border-radius:13px;background:var(--cyanSoft)}.ffta-import-preview ol{max-height:220px;overflow:auto;columns:2;padding-left:27px}.ffta-import-preview li{padding:4px 8px;color:#d5dcde}.ffta-toast{position:fixed;right:22px;bottom:22px;z-index:90;max-width:420px;padding:14px 18px;border:1px solid rgba(79,225,208,.4);border-radius:12px;background:#10231f;color:var(--text);box-shadow:var(--shadow);transform:translateY(25px);opacity:0;pointer-events:none;transition:.22s}.ffta-toast.error{border-color:rgba(255,107,116,.45);background:#28161a}.ffta-toast.show{transform:none;opacity:1}
.ffta-auth-shell{min-height:100vh;display:grid;place-items:center;padding:25px}.ffta-login-card{width:min(460px,100%);padding:30px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,rgba(14,29,36,.96),rgba(7,17,22,.96));box-shadow:var(--shadow)}.ffta-login-copy{margin:34px 0 22px}.ffta-login-copy h1,.ffta-login-card h1{font-size:36px;letter-spacing:-.04em;margin:8px 0}.ffta-login-copy p,.ffta-login-card p{color:var(--muted);line-height:1.55}.ffta-login-card form{display:grid;gap:14px}.ffta-login-card form p{margin:0}.ffta-login-card form label{display:grid;gap:6px;color:var(--muted);font-size:13px}.ffta-login-card .login-remember label{display:flex;align-items:center}.ffta-login-card input[type=checkbox]{width:17px;height:17px}.ffta-login-card input[type=submit]{border:0;background:var(--cyan);color:#041311;font-weight:900;cursor:pointer}.ffta-forgot{display:block;text-align:center;color:var(--cyan);margin-top:17px;text-decoration:none;font-size:13px}.ffta-fatal button{padding:12px 18px;background:var(--cyan);border:0;border-radius:10px;color:#061210;font-weight:800}
.ffta-form-feedback{min-height:18px;color:var(--muted);font-size:12px;line-height:1.45}.ffta-form-feedback.error{color:var(--danger)}
@media(max-width:1050px){.ffta-main{padding:24px}.ffta-class-layout{grid-template-columns:260px 1fr}.ffta-import-box{align-items:flex-start;flex-direction:column}.ffta-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.ffta-header{height:68px;padding:0 15px}.ffta-brand-mark{width:40px;height:40px}.ffta-brand strong{font-size:14px}.ffta-brand small{font-size:11px}.ffta-header-meta{display:none}.ffta-icon-link{width:39px;height:39px;margin-left:auto}.ffta-shell{display:block;min-height:calc(100vh - 68px)}.ffta-main{padding:0}.ffta-mobile-page{padding:22px 14px 100px;max-width:620px;margin:auto}.ffta-mobile-intro h1{font-size:35px;margin:7px 0 3px}.ffta-mobile-intro p{font-size:14px}.ffta-mobile-switch{display:grid;grid-template-columns:repeat(3,1fr);margin:22px 0 12px;padding:4px;border:1px solid var(--line);border-radius:12px;background:#071117}.ffta-mobile-switch button{min-height:47px;padding:5px 7px;border:0;border-radius:9px;background:transparent;color:var(--muted);font-size:11px;font-weight:750;line-height:1.2}.ffta-mobile-switch button.active{background:var(--cyanSoft);color:var(--cyan)}.ffta-card{padding:14px}.ffta-filters{display:grid;grid-template-columns:1fr 1fr;padding:0;border:0;box-shadow:none;background:transparent}.ffta-filters label{min-width:0}.ffta-filters .ffta-button{grid-column:1/-1;margin:0}.ffta-mobile-overview{display:flex;justify-content:space-between;padding:13px 5px;color:var(--muted);font-size:12px}.ffta-mobile-overview strong{color:var(--text)}.ffta-mobile-task-list{display:grid;gap:8px;margin-top:13px}.ffta-mobile-task-list button{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:11px;background:#09151a;color:var(--text);text-align:left}.ffta-mobile-task-list span{font-size:11px;color:var(--cyan)}.ffta-mobile-task-list strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ffta-mobile-task-list em{font-size:11px;color:var(--muted);font-style:normal}.ffta-mobile-grades{display:grid;margin-top:14px}.ffta-mobile-grade-head,.ffta-mobile-grades article{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:12px;align-items:center}.ffta-mobile-grade-head{padding:4px 11px 9px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ffta-mobile-grade-head span:last-child{text-align:center}.ffta-mobile-grades article{padding:13px 11px;border-top:1px solid var(--line)}.ffta-mobile-grades article strong,.ffta-mobile-grades article small{display:block}.ffta-mobile-grades article strong{font-size:14px}.ffta-mobile-grades article small{margin-top:3px;color:var(--muted);font-size:10px}.ffta-mobile-grades output{display:grid;place-items:center;min-height:49px;border:1px solid rgba(79,225,208,.3);border-radius:11px;background:var(--cyanSoft);color:var(--cyan);font-size:22px;font-weight:900}.ffta-grade-statuses{display:flex;gap:5px;margin-top:8px;flex-wrap:wrap}.ffta-grade-statuses span{padding:3px 6px;border:1px solid color-mix(in srgb,var(--status) 45%,transparent);border-radius:6px;color:var(--status);font-size:10px}.ffta-task-editor{padding:17px;border-radius:15px;box-shadow:none}.ffta-task-editor h2{font-size:23px}.ffta-form-grid{grid-template-columns:1fr 1fr;margin-top:17px}.ffta-form-grid label:first-child{grid-column:1/-1}.ffta-roster-head{display:block}.ffta-legend{margin-top:12px;display:grid;grid-template-columns:1fr 1fr}.ffta-student-status{display:block;padding:15px 0}.ffta-student-status>div:first-child{margin-bottom:10px}.ffta-segments{grid-template-columns:repeat(4,1fr);gap:5px}.ffta-segments button{display:grid;gap:1px;min-width:0;height:53px}.ffta-segments button b{font-size:16px}.ffta-segments button span{font-size:9px;white-space:nowrap}.ffta-sticky-save{position:fixed;left:0;right:0;bottom:0;padding:11px 14px calc(11px + env(safe-area-inset-bottom));background:rgba(7,16,21,.94);border-top:1px solid var(--line);z-index:20}.ffta-sticky-save .ffta-button{flex:1}.ffta-toast{left:14px;right:14px;bottom:82px;max-width:none}.ffta-import-preview ol{columns:1}.ffta-login-card{padding:23px}.ffta-login-copy h1{font-size:31px}}
@media(max-width:390px){.ffta-segments button span{display:none}.ffta-segments button{height:45px}.ffta-form-grid{grid-template-columns:1fr}.ffta-form-grid label:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}