:root{--wine:#8f1838;--wine2:#b1264f;--yellow:#ffd42a;--navy:#142453;--blue:#167fc2;--ink:#202235;--muted:#6d7080;--line:#e8e9ef;--soft:#f5f6fa;--white:#fff;--shadow:0 18px 50px rgba(26,31,55,.09)}
*{box-sizing:border-box}html{font-size:16px}body{margin:0;background:#f5f6fa;color:var(--ink);font-family:"DM Sans",Arial,sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}img{max-width:100%}
.aula-shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.aula-side{background:var(--navy);color:#fff;padding:25px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.aula-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff;padding:0 8px 26px;border-bottom:1px solid #ffffff18}.aula-brand img{width:49px;height:54px;object-fit:contain;border-radius:8px;background:#fff}.aula-brand strong{display:block;font-size:.88rem}.aula-brand span{display:block;color:#bfc8e4;font-size:.65rem;margin-top:3px}.side-role{margin:22px 7px 12px;color:#8390b7;font-size:.62rem;font-weight:800;letter-spacing:.15em}.side-nav{display:grid;gap:6px}.side-nav a{color:#cbd2e7;text-decoration:none;padding:12px 13px;border-radius:10px;display:flex;align-items:center;gap:12px;font-size:.82rem;font-weight:700}.side-nav a:hover,.side-nav a.active{background:#ffffff10;color:#fff}.side-nav .nav-ico{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:#ffffff10;font-size:.78rem}.side-nav a.active .nav-ico{background:var(--yellow);color:var(--wine)}.side-bottom{margin-top:auto}.profile-mini{padding:14px;background:#ffffff0b;border:1px solid #ffffff14;border-radius:12px;display:flex;align-items:center;gap:10px}.avatar{width:38px;height:38px;border-radius:50%;background:var(--yellow);color:var(--wine);display:grid;place-items:center;font-weight:900}.profile-mini b{display:block;font-size:.73rem}.profile-mini small{color:#9aa6ca;font-size:.62rem}.aula-main{min-width:0}.aula-top{height:82px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 35px;position:sticky;top:0;z-index:10}.aula-top h1{font-size:1.02rem;margin:0}.aula-top p{font-size:.7rem;color:var(--muted);margin:3px 0 0}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn{width:42px;height:42px;border-radius:10px;border:1px solid var(--line);background:#fff;display:grid;place-items:center;cursor:pointer}.logout{color:var(--wine);text-decoration:none;font-size:.72rem;font-weight:800}.mobile-side-toggle{display:none}.aula-content{padding:30px 35px 55px;max-width:1500px;margin:auto}.welcome{background:linear-gradient(118deg,var(--wine),var(--wine2));color:#fff;border-radius:20px;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative}.welcome:after{content:"SI";position:absolute;right:40px;top:-42px;font:900 10rem Georgia;color:#ffffff0c}.welcome small{font-weight:800;color:#ffdbe5;letter-spacing:.09em}.welcome h2{font:700 2rem/1.1 Georgia,serif;margin:8px 0}.welcome p{font-size:.82rem;color:#f7dce4;margin:0}.welcome-date{position:relative;z-index:1;background:#ffffff13;border:1px solid #ffffff24;border-radius:14px;padding:17px 20px;min-width:210px}.welcome-date b{display:block;color:var(--yellow);font-size:1rem}.welcome-date span{font-size:.7rem;color:#f2dce3}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.stat,.panel{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 25px rgba(26,31,55,.04)}.stat{padding:19px;display:grid;grid-template-columns:45px 1fr;gap:12px;align-items:center}.stat-icon{width:44px;height:44px;border-radius:12px;background:#fff4c2;color:var(--wine);display:grid;place-items:center;font-weight:900}.stat:nth-child(2) .stat-icon{background:#e5f4ff;color:var(--blue)}.stat:nth-child(3) .stat-icon{background:#e7f7ef;color:#178454}.stat:nth-child(4) .stat-icon{background:#f7e8ef;color:var(--wine)}.stat strong{display:block;font-size:1.25rem}.stat span{font-size:.67rem;color:var(--muted)}.dash-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.panel{padding:23px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.panel-head h2{font-size:.93rem;margin:0}.panel-head a,.link-btn{font-size:.68rem;color:var(--wine);font-weight:800;text-decoration:none;background:none;border:0;cursor:pointer}.today-list{display:grid;gap:10px}.class-row{display:grid;grid-template-columns:75px 5px 1fr auto;gap:14px;align-items:center;padding:12px;border-radius:12px;background:var(--soft)}.class-row .time{font-size:.72rem;font-weight:800}.class-row .bar{height:42px;border-radius:5px;background:var(--blue)}.class-row.cert .bar{background:var(--wine)}.class-row h3{font-size:.8rem;margin:0}.class-row p{font-size:.65rem;color:var(--muted);margin:3px 0 0}.class-row .tag{font-size:.58rem;background:#fff;border:1px solid var(--line);padding:5px 8px;border-radius:99px}.events{display:grid;gap:13px}.event{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center}.event-date{border-radius:10px;background:#fff3bd;text-align:center;padding:7px 4px;color:var(--wine)}.event-date b{display:block;font-size:1rem}.event-date span{font-size:.52rem;font-weight:900}.event h3{font-size:.75rem;margin:0}.event p{font-size:.62rem;color:var(--muted);margin:3px 0}.progress-list{display:grid;gap:15px}.progress-title{display:flex;justify-content:space-between;font-size:.7rem;margin-bottom:6px}.progress{height:7px;background:#eceef4;border-radius:99px;overflow:hidden}.progress i{display:block;height:100%;background:var(--wine);border-radius:99px}.course-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.course-card{border-radius:14px;padding:19px;color:#fff;min-height:155px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(140deg,#142453,#1b3d82)}.course-card:nth-child(2){background:linear-gradient(140deg,#8f1838,#bd3159)}.course-card:nth-child(3){background:linear-gradient(140deg,#166c83,#17a9b4)}.course-card span{font-size:.58rem;color:#fff9;font-weight:800;letter-spacing:.08em}.course-card h3{font-size:1rem;margin:8px 0}.course-card p{font-size:.65rem;color:#ffffffbd;margin:0}.grade-table{width:100%;border-collapse:collapse}.grade-table th{text-align:left;color:var(--muted);font-size:.62rem;padding:10px;border-bottom:1px solid var(--line)}.grade-table td{font-size:.72rem;padding:13px 10px;border-bottom:1px solid var(--line)}.grade{font-weight:900;color:var(--wine)}.status{display:inline-flex;padding:5px 8px;border-radius:99px;background:#e7f7ef;color:#19744c;font-size:.57rem;font-weight:800}.tabs{display:flex;gap:8px;margin-bottom:18px;overflow:auto}.tab{border:1px solid var(--line);background:#fff;padding:9px 13px;border-radius:9px;font-size:.68rem;font-weight:800;cursor:pointer;white-space:nowrap}.tab.active{background:var(--wine);border-color:var(--wine);color:#fff}.schedule{display:grid;grid-template-columns:70px repeat(5,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:14px;overflow:hidden}.schedule>div{background:#fff;padding:12px;min-height:68px;font-size:.65rem}.schedule .head{min-height:auto;background:var(--navy);color:#fff;font-weight:800;text-align:center}.schedule .hour{background:#fafafa;font-weight:800}.schedule .subject{border-left:3px solid var(--blue)}.schedule .afternoon{border-left-color:var(--wine);background:#fff8fa}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.cal-head{text-align:center;font-size:.62rem;font-weight:800;color:var(--muted)}.day{min-height:91px;border:1px solid var(--line);border-radius:10px;padding:8px;font-size:.65rem;background:#fff}.day.muted{opacity:.4}.day.today{border:2px solid var(--wine)}.day b{display:block}.day span{display:block;margin-top:8px;padding:4px 5px;border-radius:5px;background:#fff3bd;color:var(--wine);font-size:.52rem;font-weight:700}.day span.blue{background:#e4f2ff;color:#176295}.upload-zone{border:2px dashed #d6d8e2;border-radius:14px;padding:34px;text-align:center;background:#fafbfc}.upload-zone strong{display:block}.upload-zone p{font-size:.7rem;color:var(--muted)}.primary-btn{border:0;border-radius:9px;background:var(--wine);color:#fff;padding:10px 15px;font-size:.7rem;font-weight:800;cursor:pointer}.input{width:100%;border:1px solid var(--line);border-radius:9px;padding:10px 11px;background:#fff}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.field label{display:block;font-size:.64rem;font-weight:800;margin-bottom:6px}.notice{padding:11px 13px;border-radius:9px;background:#fff4c2;color:#6b5410;font-size:.67rem;margin:12px 0}.demo-toast{position:fixed;right:22px;bottom:22px;padding:14px 18px;background:var(--navy);color:#fff;border-radius:10px;font-size:.72rem;box-shadow:var(--shadow);transform:translateY(120px);opacity:0;transition:.3s;z-index:100}.demo-toast.show{transform:none;opacity:1}
.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#fff}.login-visual{position:relative;background:linear-gradient(145deg,#6b102aee,#9a1c42d9),url('assets/hero-school.webp') center/cover;color:#fff;padding:60px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.login-visual:after{content:"SI";position:absolute;right:-35px;bottom:-95px;font:900 24rem/.8 Georgia;color:#ffffff0b}.login-brand{display:flex;align-items:center;gap:13px;color:#fff;text-decoration:none;position:relative;z-index:1}.login-brand img{width:58px;height:64px;object-fit:contain;background:#fff;border-radius:8px}.login-brand b{display:block}.login-brand span{font-size:.67rem;color:#f2d8e0}.login-copy{position:relative;z-index:1;max-width:560px}.login-copy small{color:var(--yellow);font-weight:900;letter-spacing:.12em}.login-copy h1{font:700 clamp(3rem,5vw,5.5rem)/.92 Georgia,serif;margin:15px 0}.login-copy p{color:#f0d4dd;max-width:460px}.login-form-wrap{display:grid;place-items:center;padding:45px}.login-form{width:min(420px,100%)}.login-form h2{font:700 2rem Georgia,serif;color:var(--wine);margin:0 0 8px}.login-form>p{color:var(--muted);font-size:.8rem;margin-bottom:28px}.login-form .field{margin-bottom:15px}.password-wrap{position:relative}.password-wrap button{position:absolute;right:7px;top:7px;border:0;background:var(--soft);border-radius:7px;padding:7px;cursor:pointer}.login-submit{width:100%;border:0;border-radius:10px;background:var(--wine);color:#fff;padding:13px;font-weight:800;cursor:pointer;margin-top:5px}.demo-access{margin-top:20px;padding:15px;background:#fff8dc;border:1px solid #f0dc79;border-radius:10px;font-size:.68rem;line-height:1.55}.demo-access b{color:var(--wine)}.back-site{display:inline-block;margin-top:20px;color:var(--wine);font-size:.7rem;font-weight:800;text-decoration:none}
.top-title{display:flex;align-items:center;gap:12px}.stat-link{text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}.stat-link:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.quick-grid>a{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;display:grid;grid-template-columns:45px 1fr auto;gap:12px;align-items:center;text-decoration:none;color:var(--ink);transition:.2s}.quick-grid>a:hover{border-color:#c8a455;transform:translateY(-2px)}.quick-grid>a>span{width:43px;height:43px;border-radius:11px;background:#fff3bd;color:var(--wine);display:grid;place-items:center;font-weight:900}.quick-grid b,.quick-grid small{display:block}.quick-grid b{font-size:.75rem}.quick-grid small{font-size:.61rem;color:var(--muted);margin-top:3px}.quick-grid i{font-style:normal;color:var(--wine);font-weight:900}.page-intro{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:23px}.page-intro>div>span{font-size:.61rem;font-weight:900;color:var(--wine);letter-spacing:.13em}.page-intro h1{font:700 2.5rem/1 Georgia,serif;color:var(--wine);margin:8px 0}.page-intro p{color:var(--muted);font-size:.78rem;margin:0}.schedule-alert{display:flex;align-items:center;gap:14px;background:#fff3bd;border-left:5px solid var(--yellow);border-radius:9px;padding:14px 17px;margin-bottom:15px;font-size:.72rem}.schedule-alert b{color:var(--wine)}.subject small{display:block;color:var(--muted);font-size:.54rem;margin-top:5px}.activity-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.activity-list article{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;display:grid;grid-template-columns:58px 1fr auto;gap:15px;align-items:center}.activity-date{width:55px;height:58px;border-radius:11px;background:#fff3bd;color:var(--wine);display:grid;place-items:center;align-content:center}.activity-date.blue{background:#e4f2ff;color:var(--blue)}.activity-date b{font-size:1.25rem;line-height:1}.activity-date span{font-size:.52rem;font-weight:900}.activity-list small{font-size:.55rem;color:var(--wine);font-weight:900}.activity-list h2{font-size:.87rem;margin:4px 0}.activity-list p{font-size:.62rem;color:var(--muted);margin:0}.activity-list button,.material-list button,.course-card button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 10px;font-size:.62rem;font-weight:800;cursor:pointer}.course-cards-large .course-card{min-height:240px}.course-progress-label{display:flex;justify-content:space-between;margin-bottom:7px;color:#fff;font-size:.65rem}.lesson-row{display:grid;grid-template-columns:60px 1fr auto;gap:18px;align-items:center}.lesson-number{width:58px;height:58px;border-radius:13px;background:#fff3bd;color:var(--wine);display:grid;place-items:center;font-weight:900}.lesson-row small{color:var(--wine);font-size:.57rem;font-weight:900}.lesson-row h3{margin:4px 0;font-size:.9rem}.lesson-row p{margin:0;color:var(--muted);font-size:.68rem}.period-select{width:190px}.table-wrap{overflow:auto}.amber-status{background:#fff3bd;color:#7a5b00}.red-status{background:#ffe5e8;color:#b4263a}.support-panel{margin-top:18px;display:flex;align-items:center;justify-content:space-between}.support-panel>div{display:flex;align-items:center;gap:15px}.support-panel small{font-size:.57rem;color:var(--wine);font-weight:900}.support-panel h2{font-size:.92rem;margin:3px 0}.support-panel p{font-size:.65rem;color:var(--muted);margin:0}.support-icon{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:#ffe5e8;color:var(--wine);font-weight:900}.support-panel .primary-btn{text-decoration:none}.material-search{width:260px}.material-list{display:grid}.material-list article{display:grid;grid-template-columns:55px 1fr auto;gap:15px;align-items:center;padding:15px 3px;border-bottom:1px solid var(--line)}.material-list article:last-child{border:0}.file-icon{width:48px;height:48px;border-radius:10px;display:grid;place-items:center;font-size:.61rem;font-weight:900;background:#ffe5e8;color:#b4263a}.file-icon.ppt{background:#fff0de;color:#a75513}.file-icon.code{background:#e4f2ff;color:#166aa1}.file-icon.doc{background:#e7f7ef;color:#177b50}.material-list small{font-size:.55rem;color:var(--wine);font-weight:900}.material-list h3{font-size:.78rem;margin:4px 0}.material-list p{font-size:.61rem;color:var(--muted);margin:0}
@media(max-width:1000px){.aula-shell{grid-template-columns:86px 1fr}.aula-side{padding:22px 12px}.aula-brand{justify-content:center}.aula-brand div,.side-role,.side-nav a>span:not(.nav-ico),.profile-mini div{display:none}.side-nav a{justify-content:center}.profile-mini{justify-content:center;padding:9px}.stats{grid-template-columns:repeat(2,1fr)}.dash-grid{grid-template-columns:1fr}.login-visual{padding:40px}.course-cards{grid-template-columns:1fr 1fr}.schedule{min-width:800px}.schedule-wrap{overflow:auto}.quick-grid{grid-template-columns:1fr}.activity-list{grid-template-columns:1fr}}
@media(max-width:700px){.aula-shell{display:block}.aula-side{position:fixed;z-index:30;left:-285px;width:270px;transition:.25s}.aula-side.open{left:0}.aula-side .aula-brand{justify-content:flex-start}.aula-side .aula-brand div,.aula-side .side-role,.aula-side .side-nav a>span:not(.nav-ico),.aula-side .profile-mini div{display:block}.aula-side .side-nav a{justify-content:flex-start}.aula-top{padding:0 17px;height:72px}.mobile-side-toggle{display:grid}.aula-content{padding:18px 15px 40px}.welcome{padding:24px;display:block}.welcome-date{margin-top:18px;min-width:0}.stats{grid-template-columns:1fr 1fr;gap:9px}.stat{padding:14px;grid-template-columns:38px 1fr}.stat-icon{width:38px;height:38px}.course-cards{grid-template-columns:1fr}.class-row{grid-template-columns:60px 4px 1fr}.class-row .tag{display:none}.panel{padding:17px}.login-page{display:block}.login-visual{min-height:330px;padding:28px}.login-copy h1{font-size:3rem}.login-form-wrap{padding:35px 22px}.form-grid{grid-template-columns:1fr}.calendar{min-width:690px}.calendar-wrap{overflow:auto}.page-intro{display:block}.page-intro>.tabs,.page-intro>.primary-btn,.period-select,.material-search{margin-top:15px;width:100%}.activity-list article{grid-template-columns:50px 1fr}.activity-list button{grid-column:2}.lesson-row{grid-template-columns:50px 1fr}.lesson-row .primary-btn{grid-column:2}.support-panel{display:block}.support-panel>a{display:inline-block;margin-top:15px}.material-list article{grid-template-columns:48px 1fr}.material-list button{grid-column:2}.page-intro h1{font-size:2.1rem}}