:root{--c-blue:#3569a8;--c-teal:#258477;--c-violet:#7656a8;--c-orange:#c7793f;--c-rose:#b75472;--c-lime:#6b8e45;--c-sky:#3987a8}.login-page{grid-template-columns:minmax(340px,430px) minmax(620px,1fr);gap:clamp(40px,6vw,100px);padding:5vh 6vw;place-items:center stretch}.login-card{justify-self:start;width:100%;background:#fff}.login-preview{height:min(720px,88vh);display:flex;align-items:center}.preview-window{width:100%;height:100%;background:#f5f7fa;border:1px solid #ffffff30;border-radius:20px;overflow:hidden;box-shadow:0 40px 100px #0007}.preview-top{height:64px;background:#fff;border-bottom:1px solid #e6e8ec;display:flex;align-items:center;justify-content:space-between;padding:0 25px;font-size:11px;color:#7b8490;letter-spacing:1.3px}.preview-layout{display:grid;grid-template-columns:185px 1fr;height:calc(100% - 64px)}.preview-nav{background:#11273a;color:#aab7c3;padding:28px 18px;display:flex;flex-direction:column;gap:8px}.preview-nav strong{color:#fff;font-size:13px;margin:0 10px 20px}.preview-nav span{padding:11px 12px;border-radius:7px;font-size:12px}.preview-nav span.on{background:#2e6487;color:#fff}.preview-main{padding:clamp(30px,4vw,58px);background:linear-gradient(140deg,#f8f9fb,#edf1f5)}.preview-kicker{color:#4b7da1;font-size:12px;font-weight:800;letter-spacing:1.2px}.preview-main h2{font-size:clamp(28px,3vw,42px);line-height:1.3;margin:12px 0 30px}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.preview-stats div{background:#fff;border-radius:12px;padding:17px;box-shadow:0 8px 24px #26415a0d;border-top:3px solid var(--c-blue)}.preview-stats div:nth-child(2){border-color:var(--c-teal)}.preview-stats div:nth-child(3){border-color:var(--c-orange)}.preview-stats small{display:block;color:#7a8490}.preview-stats strong{font-size:25px;display:block;margin-top:7px}.preview-chart{height:130px;background:#fff;margin-top:14px;border-radius:12px;padding:20px;display:flex;align-items:flex-end;gap:10px}.preview-chart i{flex:1;background:#8bb8d3;border-radius:4px 4px 0 0;height:35%}.preview-chart i:nth-child(2){height:58%;background:#6e98c9}.preview-chart i:nth-child(3){height:45%;background:#72b4a9}.preview-chart i:nth-child(4){height:83%;background:#517fad}.preview-chart i:nth-child(5){height:67%;background:#d59a6c}.preview-chart i:nth-child(6){height:91%;background:#5874a4}.preview-chart i:nth-child(7){height:76%;background:#64a091}.preview-rows{background:#fff;border-radius:12px;margin-top:14px;padding:10px 18px}.preview-rows span{display:block;padding:10px 0;border-bottom:1px solid #edf0f3;font-size:12px}.preview-rows span:last-child{border:0}.preview-rows b{display:inline-block;width:7px;height:7px;border-radius:50%;background:#32a071;margin-right:9px}.metrics article:nth-child(1){background:linear-gradient(135deg,#fff,#edf5ff)}.metrics article:nth-child(1):before{background:var(--c-blue)}.metrics article:nth-child(2){background:linear-gradient(135deg,#fff,#eef9f6)}.metrics article:nth-child(2):before{background:var(--c-teal)}.metrics article:nth-child(3){background:linear-gradient(135deg,#fff,#f7f1ff)}.metrics article:nth-child(3):before{background:var(--c-violet)}.metrics article:nth-child(4){background:linear-gradient(135deg,#fff,#fff4eb)}.metrics article:nth-child(4):before{background:var(--c-orange)}nav button[data-view=dashboard].active{background:var(--c-blue)}nav button[data-view=students].active{background:var(--c-teal)}nav button[data-view=learning].active{background:var(--c-violet)}nav button[data-view=life].active{background:var(--c-orange)}nav button[data-view=counseling].active{background:var(--c-rose)}nav button[data-view=questions].active{background:var(--c-sky)}nav button[data-view=scores].active{background:#6974ad}nav button[data-view=seats].active,nav button[data-view=monitoring].active{background:#477f68}nav button[data-view=reports].active{background:#996b38}nav button[data-view=notifications].active{background:#a44f69}.view>.section-title{border-left:5px solid var(--c-blue);padding-left:14px}.view#students>.section-title{border-color:var(--c-teal)}.view#learning>.section-title{border-color:var(--c-violet)}.view#life>.section-title{border-color:var(--c-orange)}.view#counseling>.section-title{border-color:var(--c-rose)}.view#questions>.section-title{border-color:var(--c-sky)}.view#monitoring>.section-title{border-color:#477f68}.view#reports>.section-title{border-color:#996b38}.record-card:nth-child(4n+1){border-top:3px solid var(--c-blue)}.record-card:nth-child(4n+2){border-top:3px solid var(--c-teal)}.record-card:nth-child(4n+3){border-top:3px solid var(--c-violet)}.record-card:nth-child(4n){border-top:3px solid var(--c-orange)}.student-layout>.card:nth-child(1){border-top:4px solid var(--c-blue)}.student-layout>.card:nth-child(2){border-top:4px solid var(--c-violet)}.lecture-card{border-top-color:var(--c-orange)!important}.camera-card{margin-top:18px;border-top:4px solid var(--c-teal)!important}.plan-done{opacity:.72}.plan-done strong{text-decoration:line-through}.lecture-live{display:flex;align-items:center;gap:12px;background:#fff5ec;border:1px solid #f0d2b7;border-radius:9px;padding:13px;margin-bottom:10px}.lecture-live p{font-size:22px;font-weight:800;margin:4px 0}.live-dot{width:10px;height:10px;border-radius:50%;background:#e05252;box-shadow:0 0 0 5px #e0525220;animation:pulse 1.4s infinite}.lecture-card .stop{background:#b64d43;border-color:#b64d43;width:100%;margin-bottom:14px}@keyframes pulse{50%{box-shadow:0 0 0 9px #e0525208}}.camera-status{display:flex;align-items:center;gap:12px;margin-bottom:16px}.legend{margin-left:auto;font-size:12px;color:#6c7580}.legend i{display:inline-block;width:13px;height:13px;border-radius:3px;background:#e8ebef;margin:0 4px 0 10px;vertical-align:-2px}.legend i:nth-child(2){background:#9ad3c3}.legend i:nth-child(3){background:#16755e}.presence-timeline{display:grid;gap:5px}.presence-hour{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:9px}.presence-hour>strong{font-size:12px;color:#68727e}.presence-hour>div{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.presence-hour span{height:25px;border-radius:4px;display:grid;place-items:center;font-size:9px;color:#7b8490;background:#e8ebef}.presence-hour .heat-1{background:#d4ede6;color:#357463}.presence-hour .heat-2{background:#7fc5b2;color:#fff}.presence-hour .heat-3{background:#17745c;color:#fff}.camera-card .section-title{margin-top:0}@media(max-width:1020px){.login-page{grid-template-columns:380px 1fr;gap:30px;padding:4vh 3vw}.preview-layout{grid-template-columns:150px 1fr}.preview-main{padding:30px}.preview-main h2{font-size:28px}}@media(max-width:800px){.login-page{display:grid;grid-template-columns:1fr;place-items:center}.login-card{justify-self:center;max-width:430px}.login-preview{display:none}.legend{display:none}.presence-hour span{height:28px}.camera-card .section-title{align-items:flex-start;gap:12px}}