@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";.tt-filters{display:flex;gap:12px;margin-bottom:20px}.tt-filters select,.tt-filters button{padding:6px 10px}.break{background:#f3f4f6;text-align:center;font-weight:600;color:#6b7280}.muted{font-size:12px;color:#6b7280}.tt-student-summary ul{margin:8px 0 0;padding-left:18px}:root{--bg: #f3f7fb;--bg-soft: #eef3f8;--card: rgba(255, 255, 255, .92);--card-strong: #ffffff;--text: #111827;--muted: #64748b;--border: #d6e0ea;--primary: #06b6d4;--secondary: #8b5cf6;--tertiary: #ec4899;--accent: #ef4444;--tri-one: #ff9933;--tri-two: #f8fafc;--tri-three: #138808;--ok: #16a34a;--shadow: 0 10px 24px rgba(15, 23, 42, .07);--radius: 14px}html.dark{--bg: #0b1220;--bg-soft: #111a2b;--card: rgba(17, 24, 39, .9);--card-strong: #0f172a;--text: #e5e7eb;--muted: #9ca3af;--border: #263246;--shadow: 0 10px 26px rgba(2, 6, 23, .45)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Inter,sans-serif;color:var(--text);background:radial-gradient(circle at 8% 14%,rgba(6,182,212,.11) 0%,transparent 28%),radial-gradient(circle at 90% 12%,rgba(236,72,153,.1) 0%,transparent 28%),linear-gradient(160deg,var(--bg) 0%,var(--bg-soft) 100%)}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6,p{margin:0}input,select,button,textarea{font:inherit}input,select,textarea{border:1px solid var(--border);background:var(--card-strong);color:var(--text);border-radius:12px;padding:11px 14px;outline:none;width:100%;transition:border-color .18s ease,box-shadow .18s ease}input:focus,select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #06b6d429}select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#7c8aa5 50%),linear-gradient(135deg,#7c8aa5 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:36px}button{border:none;border-radius:12px;padding:11px 14px;font-weight:700;cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--tertiary));background-clip:padding-box;color:#fff;transition:transform .12s ease,box-shadow .2s ease,opacity .2s ease}button:hover{transform:translateY(-1px);box-shadow:0 8px 20px #6366f147}button:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.page{width:100%;max-width:1180px;margin:0 auto}.glass-panel{background:var(--card);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.erp-shell{display:grid;grid-template-columns:290px 1fr;height:100vh;overflow:hidden}.erp-sidebar{display:flex;flex-direction:column;gap:12px;padding:20px 18px;border-right:1px solid var(--border);height:100vh;overflow-y:auto;position:sticky;top:0}.erp-brand{font-size:34px;line-height:1;font-weight:800;letter-spacing:-.03em;margin:0;background:linear-gradient(90deg,#0ea5e9,#8b5cf6,#ec4899);color:transparent;-webkit-background-clip:text;background-clip:text}.erp-brand-wrap{display:flex;align-items:center;gap:10px;margin-bottom:6px}.erp-logo-img{width:42px;height:42px;object-fit:contain}.erp-nav{display:flex;flex-direction:column;gap:10px;flex:1}.erp-nav-link{padding:12px 16px;border-radius:14px;color:var(--text);font-size:16px;line-height:1.1;font-weight:600;border:1px solid transparent;display:flex;align-items:center;gap:10px}.nav-icon{width:18px;height:18px;object-fit:contain;flex:0 0 18px;display:block}html.dark .nav-icon{filter:brightness(1.15) contrast(1.05)}.erp-nav-link:hover{background:#06b6d414;border-color:#06b6d438}.erp-nav-link.active{background:linear-gradient(90deg,#06b6d4,#22c1dd);color:#fff;border-color:transparent;box-shadow:0 8px 18px #06b6d447}.erp-sidebar-footer{margin-top:auto;display:grid;grid-template-columns:68px 1fr;gap:10px;align-items:center}.logout-btn{width:100%;height:56px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(90deg,#ef4444,#dc2626);color:#fff;border:1px solid rgba(248,113,113,.4);box-shadow:0 8px 18px #dc262647}.logout-btn:hover{background:linear-gradient(90deg,#dc2626,#b91c1c);box-shadow:0 12px 24px #b91c1c57}.btn-style905{position:relative;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--tertiary));border:1px solid rgba(255,255,255,.25);color:#fff;border-radius:14px;box-sizing:border-box;overflow:hidden;box-shadow:0 8px 18px #8b5cf647;transition:transform .2s ease,box-shadow .25s ease,border-color .2s ease,border-radius .2s ease}.btn-style905:before{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:inherit;background:linear-gradient(120deg,#ffffff3d,#fff0 45%);opacity:.7;transition:opacity .25s ease;content:"";pointer-events:none}.btn-style905:hover{background:linear-gradient(90deg,#0891b2,#7c3aed 52%,#db2777);border-color:#fff6;border-radius:16px;transform:translateY(-1px);box-shadow:0 12px 24px #4f46e557}.btn-style905:hover:before{opacity:1}.btn-style905:active{transform:translateY(0);box-shadow:0 6px 14px #4f46e540}.btn-style905:disabled{opacity:.6;transform:none;box-shadow:none}.erp-body{display:grid;grid-template-rows:auto 1fr;min-width:0;height:100vh;overflow:hidden}.erp-header{border-bottom:1px solid var(--border);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:20}.erp-header-title{font-size:14px;font-weight:700;color:var(--muted)}.erp-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:700;color:var(--text);background:linear-gradient(130deg,#06b6d438,#8b5cf633);border:1px solid var(--border)}.erp-main{padding:22px;overflow-y:auto}.gradient-text{background:linear-gradient(90deg,#06b6d4,#8b5cf6,#ec4899);color:transparent;-webkit-background-clip:text;background-clip:text}.section-title{font-size:clamp(34px,3vw,48px);line-height:1.08;font-weight:800;letter-spacing:-.02em}.muted{color:var(--muted);font-size:14px}.card{background:var(--card-strong);border-radius:var(--radius);border:1px solid var(--border);padding:18px;box-shadow:var(--shadow)}.form-stack{display:grid;gap:12px;width:100%;max-width:1020px;margin:0 auto}.form-stack>.card{width:100%}.row{display:flex;gap:12px;flex-wrap:wrap}.row>*{flex:1;min-width:180px}.stat-card{flex:1;min-width:180px}.stat-number{margin-top:8px;font-size:42px;line-height:1;font-weight:800}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.table-shell{border:1px solid var(--border);border-radius:12px;overflow:auto;background:var(--card-strong)}table{border-collapse:separate;border-spacing:0;width:100%;table-layout:auto}th,td{border:0;border-bottom:1px solid var(--border);padding:12px;vertical-align:middle;text-align:left;font-size:14px}th{background:#f8fafc;color:#111827;font-weight:700;position:sticky;top:0;z-index:2}.table-shell td{line-height:1.4}.table-shell th:last-child,.table-shell td:last-child{text-align:right}html.dark th{background:#0b1324;color:#e5e7eb}tr:last-child td{border-bottom:0}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;position:relative}.auth-theme-toggle{position:fixed;top:24px;right:24px;z-index:30}.auth-page-hero{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 18% 20%,rgba(6,182,212,.14),transparent 30%),radial-gradient(circle at 78% 80%,rgba(236,72,153,.12),transparent 32%)}.auth-shell{width:min(920px,100%);position:relative;z-index:2;padding:8px;background:transparent;border:0;box-shadow:none}.auth-shell-form{width:min(700px,100%)}.auth-brand{display:flex;gap:12px;align-items:center;justify-content:center;margin-bottom:12px}.auth-logo{width:52px;height:52px;border-radius:12px;display:grid;place-items:center;background:transparent;padding:0}.auth-logo-img{width:100%;height:100%;object-fit:contain}.auth-title{font-size:clamp(28px,3.6vw,46px);line-height:.98;font-weight:800;letter-spacing:-.04em;margin-bottom:2px;background:linear-gradient(90deg,#0ea5e9,#8b5cf6,#ec4899);color:transparent;-webkit-background-clip:text;background-clip:text}.auth-subtitle{color:var(--muted);font-size:12px;text-align:center}.auth-role-heading{font-size:19px;font-weight:700;text-align:center}.role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.role-card{border:1px solid var(--border);border-radius:16px;background:var(--card-strong);color:var(--text);display:flex;flex-direction:column;gap:10px;text-align:center;min-height:240px;box-shadow:none;transform:translateY(0) scale(1);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.role-card strong{font-size:24px;line-height:1}.role-card span{color:var(--muted);font-size:14px;font-weight:600;line-height:1.35}.role-card:hover{border-color:#06b6d461;box-shadow:0 8px 20px #06b6d42e;transform:translateY(-3px)}.role-card.selected{transform:scale(.98)}.role-image-wrap{width:72px;height:72px;margin:2px auto 4px;border-radius:50%;color:#06b6d4;border:2px solid #8b5cf6;display:grid;place-items:center}html.dark .role-image-wrap{color:#93c5fd;border-color:#c084fc}.role-image-wrap svg{width:38px;height:38px;display:block}.auth-form-shell{display:grid;gap:12px;width:100%;margin:0}.auth-form-card{width:100%;border:1px solid #bdeaf2;box-shadow:0 8px 24px #06b6d41f;padding:18px}.auth-selected-role{padding:12px 14px}.auth-selected-role h3{margin-top:4px;font-size:26px;line-height:1}.selected-role-image-wrap{width:100%;border-radius:14px;overflow:hidden;border:1px solid var(--border)}.selected-role-image{width:100%;height:84px;object-fit:contain;display:block;padding:12px}.selected-role-icon{width:100%;height:84px;display:grid;place-items:center;color:#06b6d4}html.dark .selected-role-icon{color:#93c5fd}.selected-role-icon svg{width:44px;height:44px}.link-button{background:transparent;color:var(--primary);border:0;padding:0;width:fit-content;box-shadow:none}.link-button:hover{transform:none;box-shadow:none;color:#0284c7}.auth-error{color:#dc2626;margin:0;font-size:13px}.auth-success{color:#166534;margin:0;font-size:13px}.auth-devhint{color:#7c3aed;margin:0;font-size:12px}.auth-transition{position:fixed;inset:0;background:#03091459;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:60;display:grid;place-items:center;gap:12px;color:#fff;font-weight:700}.btn-icon{width:16px;height:16px;object-fit:contain;flex:0 0 16px;display:block}.mode-btn{min-width:0;width:68px;height:56px;padding:0;justify-self:start}.mode-btn .btn-icon{width:18px;height:18px}.theme-icon-toggle{width:68px;height:56px;padding:0;border-radius:16px;border:1px solid rgba(148,163,184,.36);background:linear-gradient(165deg,#ffffffb8,#ffffff61),linear-gradient(150deg,#06b6d438,#a855f733);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:inset 0 1px #ffffffbf,0 10px 24px #0f172a29}.theme-icon-toggle:hover{border-color:#06b6d466;transform:translateY(-1px);box-shadow:inset 0 1px #fffc,0 12px 26px #06b6d438}html.dark .theme-icon-toggle{border-color:#94a3b84d;background:linear-gradient(165deg,#1e293bdb,#334155b3),linear-gradient(150deg,#06b6d424,#a855f729);box-shadow:inset 0 1px #ffffff14,0 12px 26px #02061780}html.dark .theme-icon-toggle:hover{border-color:#5eead46b;box-shadow:inset 0 1px #ffffff1f,0 12px 28px #082f498c}.theme-icon-toggle .btn-icon{width:22px;height:22px}.filter-shell{margin-bottom:14px}.filter-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.btn-secondary{background:var(--card-strong);color:var(--text);border:1px solid var(--border);box-shadow:none}.btn-secondary:hover{box-shadow:0 4px 12px #0f172a1a}.btn-danger{background:linear-gradient(90deg,#ef4444,#dc2626);color:#fff;border:1px solid transparent}.btn-danger:hover{box-shadow:0 8px 20px #ef444442}.loader-shell{display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:center;padding:22px;border-radius:12px}.loader-spinner{width:54px;height:54px;border-radius:50%;border:4px solid rgba(6,182,212,.2);border-top-color:#06b6d4;border-right-color:#8b5cf6;animation:spin .9s linear infinite;position:relative}.loader-spinner:after{content:"";width:16px;height:16px;border-radius:50%;background:#ec4899;position:absolute;inset:0;margin:auto}.modal-backdrop{position:fixed;inset:0;background:#0309146b;display:grid;place-items:center;z-index:50;padding:14px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1300px){.erp-brand{font-size:32px}.erp-nav-link{font-size:15px}.auth-title{font-size:clamp(32px,3.8vw,50px)}.role-card strong{font-size:34px}}@media(max-width:1080px){.erp-shell{grid-template-columns:1fr;height:auto;overflow:visible}.erp-sidebar{border-right:0;border-bottom:1px solid var(--border);position:static;height:auto;overflow:visible}.erp-nav{flex-direction:row;flex-wrap:wrap}.erp-nav-link{font-size:15px}.erp-brand{font-size:28px}.erp-body{height:auto;overflow:visible}.erp-main{overflow:visible}.erp-sidebar-footer{grid-template-columns:68px 1fr}.grid-2{grid-template-columns:1fr}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.erp-main{padding:14px}.role-grid,.filter-grid{grid-template-columns:1fr}.auth-shell{padding:16px}.auth-logo{width:46px;height:46px;font-size:24px}.auth-title{font-size:clamp(24px,9vw,34px)}.auth-subtitle{font-size:12px}.auth-selected-role h3{font-size:24px}.role-card{min-height:200px}}.control-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.control-row input{flex:1 1 300px;min-width:260px}.control-row button{flex:0 0 auto}.tt-controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.tt-controls select{min-width:170px;max-width:220px}.tt-editor-cell{display:grid;gap:6px;min-width:160px}.tt-editor-cell .cell-actions{display:flex;gap:6px}.tt-editor-cell .cell-actions button{padding:8px 10px;font-size:12px}.tt-break{text-align:center;font-weight:700;color:#475569}.tt-student-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.tt-student-summary{margin-top:14px}