@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#12344b;--navy2:#0c293c;--blue:#2078aa;--blue2:#318dbd;--gold:#d9a755;--ink:#213849;--muted:#788a97;--line:#e3ebef;--bg:#f4f7f9;--white:#fff;--green:#199a74;--red:#c75355;--shadow:0 12px 34px rgba(25,54,75,.055)}*{box-sizing:border-box}img{max-width:100%;height:auto}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:14px}h1,h2,h3,strong{font-family:'Manrope','DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.eyebrow{color:#6e8798;font-size:10px;font-weight:700;letter-spacing:1.45px}.muted{color:var(--muted);line-height:1.65;margin:7px 0 0;font-size:13px}.btn{border:1px solid transparent;border-radius:8px;padding:11px 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:12px;font-weight:700;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn.primary{color:white;background:var(--blue);box-shadow:0 5px 14px rgba(32,120,170,.17)}.btn.primary:hover{background:#176a98}.btn.secondary{background:#fff;color:#436277;border-color:#dce6eb}.btn.small{padding:8px 11px;font-size:11px}.btn.full{width:100%;height:47px;justify-content:space-between;padding:0 17px}.btn:disabled{opacity:.5}.alert{padding:12px 14px;border-radius:8px;margin:16px 0;font-size:12px;line-height:1.5}.alert.success{background:#e8f6ef;color:#137453;border:1px solid #ccebdc}.alert.danger{background:#fff0ef;color:#a54445;border:1px solid #f3d6d3}.alert.info{background:#eaf4fa;color:#366d8e}.panel{background:white;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.sidebar{position:fixed;z-index:5;left:0;top:0;bottom:0;width:248px;background:linear-gradient(180deg,#12374f 0%,#102e43 100%);color:#eef5f8;display:flex;flex-direction:column;padding:22px 14px 14px}.side-brand{display:flex;align-items:center;gap:12px;padding:0 9px 24px;border-bottom:1px solid rgba(255,255,255,.09)}.side-brand img{width:42px;height:42px}.side-brand span{display:flex;flex-direction:column;gap:3px}.side-brand small{font-size:8px;letter-spacing:1px;color:#a8c2d1}.side-brand strong{font-family:Manrope;font-size:15px;letter-spacing:.45px}.nav-section{font-size:9px;letter-spacing:1.5px;font-weight:700;color:#89a6b7;padding:23px 12px 9px}.sidebar nav{display:grid;gap:3px}.nav-link{height:40px;padding:0 11px;display:flex;align-items:center;gap:12px;border-radius:7px;color:#b9cbd5;font-size:11px;font-weight:500;position:relative}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.09);color:#fff}.nav-link.active{font-weight:700}.nav-icon{width:17px;text-align:center;font-size:15px;color:#91b5c8}.nav-link.active .nav-icon{color:#e8b969}.nav-link i{position:absolute;right:0;width:3px;height:20px;border-radius:4px;background:#e4b25f}.sidebar-bottom{margin-top:auto}.support-card{margin:4px 3px 15px;padding:14px;background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.07);border-radius:9px;display:grid;gap:6px;position:relative}.support-icon{position:absolute;right:12px;top:12px;color:#f2c36f;border:1px solid #b68d4e;border-radius:50%;width:19px;height:19px;text-align:center;font-size:12px}.support-card strong{font-size:10px}.support-card small{font-size:9px;line-height:1.5;color:#a7bdc9;max-width:145px}.support-card a{font-size:9px;color:#e8ba69;margin-top:2px}.user-mini{display:flex;align-items:center;gap:9px;padding:11px 4px 8px;border-top:1px solid rgba(255,255,255,.09)}.avatar{width:31px;height:31px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#d9ebf4;color:#245571;font-size:12px;font-weight:700;flex:none}.user-mini>div{display:grid;gap:3px;min-width:0;flex:1}.user-mini strong{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-mini small{font-size:9px;color:#99b3c1}.user-mini>a{font-size:18px;color:#a8c3d0}.footer-brand{height:44px;display:flex;align-items:center;justify-content:center;opacity:.95}.footer-brand img{width:136px;height:39px;object-fit:contain;filter:drop-shadow(0 0 0 transparent)}.app-main{margin-left:248px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:62px;background:#fff;border-bottom:1px solid #e8eef1;display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:3}.crumb{font-size:11px;color:#8b9ba5}.crumb strong{color:#334f61;font-weight:700}.top-actions{display:flex;align-items:center;gap:9px;color:#7b8e99;font-size:10px}.top-actions strong{color:#425b6b;font-size:10px}.status-dot{width:7px;height:7px;border-radius:50%;background:#22a477;box-shadow:0 0 0 3px #e3f5ee}.top-divider{height:23px;border-left:1px solid var(--line);margin:0 6px}.small-avatar{width:27px;height:27px;font-size:10px}.content{width:100%;max-width:1460px;margin:0 auto;padding:32px 34px 22px;flex:1}.page-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 22px}.page-head h1{margin:5px 0 0;font-size:25px;letter-spacing:-.8px;color:#1c3b51}.page-head .muted{max-width:690px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:19px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:11px;padding:16px 17px;box-shadow:var(--shadow);min-height:117px}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#778a96;font-size:10px}.stat-top i{font-style:normal;width:29px;height:29px;border-radius:8px;background:#eef6fa;color:#4382a4;display:grid;place-items:center;font-size:15px}.stat-card>strong{display:block;font-size:27px;line-height:1.2;margin:9px 0 1px;color:#1e3c50}.stat-card>small{font-size:9px;color:#98a6ad}.dashboard-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.welcome-panel{min-height:285px;padding:23px 23px;position:relative;overflow:hidden;background:linear-gradient(120deg,#fff 0%,#f7fbfd 75%,#edf6fa 100%)}.welcome-panel h2{font-size:22px;letter-spacing:-.55px;line-height:1.28;margin:11px 0 9px;color:#1a4059}.welcome-panel>p{font-size:11px;line-height:1.75;color:#748995;max-width:440px}.quick-actions{display:flex;gap:9px;margin-top:18px;position:relative;z-index:1}.quick-actions .btn{font-size:10px;padding:10px 12px}.welcome-art{position:absolute;right:18px;bottom:14px;width:190px;height:140px;opacity:.48;pointer-events:none}.art-orb{width:117px;height:117px;border-radius:50%;background:linear-gradient(140deg,#d7ebf5,#a6ccde);position:absolute;right:0;top:0}.art-calendar{position:absolute;z-index:1;right:40px;top:9px;width:79px;height:93px;border:1px solid #c6dce8;border-radius:9px;background:#fff;box-shadow:0 9px 20px rgba(28,82,113,.14);padding:11px}.art-calendar span{display:block;font-size:7px;letter-spacing:1px;color:#7297aa}.art-calendar strong{display:block;font-size:29px;color:#28678b;margin:2px 0}.art-calendar i{font-style:normal;color:#4eaa8e;font-size:8px;letter-spacing:1px}.art-lines{position:absolute;left:0;bottom:9px;width:142px;display:grid;gap:6px}.art-lines b{height:8px;background:#d6e7ef;border-radius:5px}.art-lines b:nth-child(2){width:80%}.art-lines b:nth-child(3){width:91%}.art-lines b:nth-child(4){width:68%}.activity-panel{padding:20px 19px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.panel-title h2,.activity-panel h2{font-size:14px;margin:0;color:#25445a}.panel-title .muted{font-size:10px}.link{font-size:10px;font-weight:700;color:#2678a6}.run-row{display:flex;align-items:center;gap:10px;padding:12px 1px;border-top:1px solid #edf1f3}.run-icon{width:32px;height:32px;border-radius:8px;background:#edf6fa;color:#4083a4;display:grid;place-items:center}.run-row>span:nth-child(2){display:grid;gap:4px;flex:1}.run-row strong{font-size:10px}.run-row small,.run-row time{font-size:9px;color:#8b9ba4}.empty{padding:20px;text-align:center;font-size:11px;color:#8b9ba4}.empty.compact{padding:33px 10px}.crud-layout{display:grid;grid-template-columns:minmax(240px,310px) 1fr;gap:16px;align-items:start}.form-panel{padding:19px}.form-panel .panel-title h2{font-size:13px}.form-panel form{display:grid;gap:12px}.form-panel label,.auth-form>label{display:grid;gap:6px;font-size:10px;color:#5b7281;font-weight:600}.form-panel input,.form-panel select,.auth-form input,.auth-form select,.schedule-toolbar select{width:100%;height:38px;border:1px solid #dfe7eb;border-radius:6px;background:#fff;padding:0 10px;color:#385366;outline:none}.form-panel input:focus,.form-panel select:focus,.auth-form input:focus,.auth-form select:focus{border-color:#72aac8;box-shadow:0 0 0 3px #eaf5fa}.form-panel .btn{margin-top:3px}.table-panel{overflow:hidden}.table-scroll{overflow:auto;width:100%}table{border-collapse:collapse;width:100%;font-size:10px;min-width:520px}th{height:38px;background:#f6f9fa;color:#6c818e;text-align:left;font-size:9px;letter-spacing:.2px;font-weight:700;border-bottom:1px solid var(--line);padding:0 12px;white-space:nowrap}td{height:43px;padding:8px 12px;border-bottom:1px solid #edf1f3;color:#526c7b}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfdfe}.count-pill{border:1px solid #dce8ee;border-radius:20px;padding:7px 11px;color:#618093;font-size:9px;background:#fff}.actions{white-space:nowrap;text-align:right;width:86px}.icon-action{border:0;background:none;color:#4785a5;font-size:17px;vertical-align:middle;padding:3px 7px}.icon-action.delete{color:#bf7777}.inline{display:inline}.empty-state{padding:48px;text-align:center;color:#788a97;font-size:12px}.empty-state a{color:var(--blue);font-weight:700}.import-grid,.generate-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:17px;align-items:start}.upload-panel{padding:28px;text-align:center;min-height:300px}.upload-icon{width:51px;height:51px;border-radius:14px;background:#e9f4fa;color:#287ea8;display:grid;place-items:center;font-size:25px;margin:2px auto 14px}.upload-panel h2,.generate-panel h2{font-size:17px;color:#28495f;margin:0}.upload-panel>.muted{margin:8px 0 22px}.file-drop{display:flex;position:relative;min-height:106px;border:1px dashed #a9c4d3;border-radius:9px;background:#f8fbfc;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:#587588;cursor:pointer;margin:0 0 14px}.file-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.file-drop strong{color:#277ba7}.file-drop small{font-size:9px;color:#90a0a9}.upload-panel .btn{width:100%}.import-steps{padding:22px}.import-steps h2,.constraint-panel h2{font-size:14px;margin:0 0 15px;color:#294a5f}.step{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-top:1px solid #edf1f3}.step i{font-style:normal;background:#edf6fa;color:#4884a2;border-radius:7px;width:29px;height:29px;display:grid;place-items:center;font-size:9px;font-weight:700;flex:none}.step span{display:grid;gap:4px}.step strong{font-size:10px}.step small{font-size:9px;color:#82939d;line-height:1.5}.role-note,.hint-box{background:#f2f7fa;border:1px solid #e0ebf0;border-radius:7px;padding:11px 12px;color:#668092;font-size:9px;line-height:1.55;margin-top:13px}.generate-panel{padding:25px}.generate-panel .muted{margin-bottom:20px}.auth-form{display:grid;gap:14px}.generate-panel .auth-form{max-width:430px}.hint-box{margin:0}.constraint-panel{padding:22px}.check-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid #edf1f3}.check-row span{width:20px;height:20px;border-radius:50%;background:#e6f5ee;color:#239873;display:grid;place-items:center;font-size:11px;font-weight:700;flex:none}.check-row p{font-size:10px;color:#637b89;margin:0;line-height:1.5}.account-grid{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start}.form-hint{font-size:9px;line-height:1.55;color:#81929c;margin:0}.table-sub{display:block;color:#8a9ba5;font-size:9px;margin-top:4px}.badge{font-size:8px;font-weight:700;border-radius:20px;padding:5px 8px;background:#eff2f4;color:#788994}.badge.active{color:#18805e;background:#e6f5ed}.badge.pending{color:#a87724;background:#fff5df}.link-button{border:0;background:none;color:#277ca8;font-size:9px;font-weight:700}.app-footer{padding:15px 34px;border-top:1px solid #e7edf0;background:#fff;color:#8d9ba3;display:flex;justify-content:space-between;font-size:9px}.app-footer strong{color:#527287;font-weight:700}.schedule-toolbar{padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.schedule-toolbar>div:first-child{display:grid;gap:4px}.label-muted{font-size:9px;color:#8999a3}.schedule-toolbar strong{font-size:11px;color:#31556c}.schedule-toolbar select{width:auto;min-width:170px;height:34px;font-size:10px}.week-control{display:flex;align-items:center;gap:12px}.schedule-class{padding:17px;margin-bottom:15px}.schedule-class .panel-title{margin-bottom:11px}.schedule-class .panel-title h2{font-size:13px}.timetable{min-width:730px}.timetable th{text-align:center}.timetable th:first-child{text-align:center;width:50px}.timetable td{width:18%;height:52px;padding:4px}.timetable .period{font-size:10px;color:#698190;background:#fbfcfd}.lesson{background:#eff7fa;border-left:2px solid #3c8db3;border-radius:4px;padding:6px 7px;display:grid;gap:4px;min-height:38px}.lesson strong{font-size:9px;color:#315970}.lesson span{font-size:8px;color:#78909d}.free{color:#d3dce0;font-size:10px}.auth-body{min-height:100vh;background:#f4f7f9}.auth-layout{min-height:100vh;display:grid;grid-template-columns:minmax(380px,1.04fr) minmax(440px,.96fr)}.auth-brand{background:radial-gradient(circle at 83% 18%,rgba(55,125,160,.27),transparent 29%),linear-gradient(145deg,#143b55,#0c2d43 78%);padding:36px 8%;color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden}.auth-brand:after{content:'';position:absolute;width:450px;height:450px;right:-190px;bottom:-230px;border:1px solid rgba(222,181,104,.2);border-radius:50%;box-shadow:0 0 0 35px rgba(255,255,255,.018),0 0 0 80px rgba(255,255,255,.018)}.brand-lockup{display:flex;align-items:center;gap:13px;position:relative;z-index:1}.brand-lockup img{width:51px;height:51px}.brand-lockup div{display:grid;gap:4px}.brand-lockup span{font-size:9px;letter-spacing:1.7px;color:#b4cbd6}.brand-lockup strong{font-size:17px;letter-spacing:.7px}.brand-copy{margin:auto 0;max-width:520px;position:relative;z-index:1;padding:50px 0}.eyebrow.light{color:#d5b46c}.brand-copy h1{font-size:clamp(32px,4vw,48px);letter-spacing:-1.7px;line-height:1.15;margin:14px 0 17px}.brand-copy h1 em{font-style:normal;color:#e6bd70}.brand-copy p{max-width:425px;color:#b7cbd5;font-size:13px;line-height:1.9}.brand-features{display:grid;gap:12px;margin-top:27px;color:#d5e3e9;font-size:11px}.brand-features span:first-letter{color:#e4b76a}.auth-brand-footer{font-size:9px;color:#8eafc0;position:relative;z-index:1}.auth-side{display:grid;place-items:center;padding:30px}.auth-card{width:min(100%,400px);background:#fff;border:1px solid #e4eaee;border-radius:13px;padding:36px 38px;box-shadow:0 20px 55px rgba(18,52,75,.08)}.auth-card h2{font-size:22px;letter-spacing:-.6px;color:#1c3d53;margin:9px 0 0}.auth-card>.muted{margin-bottom:22px}.auth-form input{height:43px;font-size:11px}.auth-row{display:flex;align-items:center;justify-content:space-between;margin-top:-3px}.auth-row a,.auth-bottom a{font-size:10px;color:#2478a5;font-weight:700}.auth-form .check{display:flex;align-items:center;gap:6px;color:#758894;font-size:9px}.auth-form .check input{width:13px;height:13px}.secure-note{border-top:1px solid #edf1f3;margin-top:20px;padding-top:15px;color:#82939c;font-size:9px;display:flex;align-items:center;justify-content:center;gap:8px}.secure-note span{font-size:15px;color:#3689ae}.auth-footer{margin-top:26px;padding-top:18px;border-top:1px solid #edf1f3;display:flex;flex-direction:column;align-items:center;gap:8px;color:#8998a0;font-size:9px}.auth-footer img{width:150px;height:50px;object-fit:contain}.auth-footer small{font-size:8px;color:#a0adb4}.auth-bottom{text-align:center;margin-top:20px;font-size:10px}.mobile-brand{display:none}
@media(max-width:1120px){.sidebar{width:218px}.app-main{margin-left:218px}.content{padding:26px 24px}.topbar{padding:0 24px}.crud-layout,.account-grid{grid-template-columns:1fr}.form-panel{max-width:none}.welcome-art{opacity:.27}.dashboard-grid{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.sidebar{width:66px;padding:16px 8px}.side-brand{padding:0 3px 18px;justify-content:center}.side-brand img{width:40px}.side-brand span,.nav-section,.nav-link>span:not(.nav-icon),.nav-link i,.support-card,.user-mini>div,.user-mini>a,.footer-brand{display:none}.sidebar nav{margin-top:16px}.nav-link{justify-content:center;padding:0;height:43px}.nav-icon{font-size:17px}.user-mini{justify-content:center;padding:13px 0;border-top:1px solid rgba(255,255,255,.1)}.app-main{margin-left:66px}.topbar{height:55px;padding:0 16px}.top-actions>span:not(.status-dot):not(.avatar),.top-actions>strong{display:none}.content{padding:23px 16px}.page-head h1{font-size:22px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:9px}.stat-card{min-height:101px;padding:13px}.stat-card>strong{font-size:23px}.dashboard-grid,.import-grid,.generate-grid{grid-template-columns:1fr}.welcome-panel{min-height:286px}.welcome-art{opacity:.38}.app-footer{padding:13px 16px;gap:10px;flex-wrap:wrap}.auth-layout{grid-template-columns:1fr}.auth-brand{display:none}.auth-side{padding:20px 15px;min-height:100vh}.auth-card{padding:28px 25px}.mobile-brand{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 23px;color:#315770;font-family:Manrope;font-weight:800;font-size:11px}.mobile-brand img{width:33px;height:33px}.schedule-toolbar{flex-wrap:wrap}.schedule-toolbar form{width:100%}.schedule-toolbar select{width:100%}.week-control{order:3;width:100%;justify-content:center}.schedule-toolbar>div:first-child{flex:1}.schedule-class{padding:12px}.page-head{align-items:flex-start;gap:12px}.page-head>.btn{font-size:9px;padding:9px}.activity-panel{padding:17px 14px}}
@media(max-width:450px){.topbar .crumb{font-size:10px}.content{padding:18px 11px}.stats-grid{gap:7px}.stat-card{padding:11px;min-height:95px}.stat-top{font-size:9px}.stat-top i{width:24px;height:24px}.stat-card>strong{font-size:21px}.welcome-panel{padding:18px}.welcome-panel h2{font-size:20px}.welcome-panel>p{font-size:10px;max-width:100%}.quick-actions{display:grid;max-width:220px}.welcome-art{right:2px;opacity:.23}.auth-card{padding:25px 20px}.page-head{display:block}.page-head>.btn,.page-head>.count-pill{margin-top:12px}.app-footer{font-size:8px}}
.install-bg{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 15% 15%,#e7f2f7,transparent 32%),#f3f7f9}.install-card{width:min(100%,480px);padding:34px;background:white;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.install-card .school-logo{width:50px;height:50px;margin-bottom:18px}.install-card h1{font-size:23px;margin:7px 0;color:#20455e}.install-card form{display:grid;gap:13px;margin-top:22px}.install-card label{display:grid;gap:6px;font-size:10px;color:#5e7684;font-weight:600}.install-card input{height:42px;border:1px solid #dce6eb;border-radius:7px;padding:0 10px;outline:none}.install-card input:focus{border-color:#72aac8}.install-card .wide{width:100%;margin-top:5px}.install-card .tiny{font-size:9px;margin-top:16px}