@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap";:root{color:#17283a;font-synthesis:none;--navy:#113c62;--blue:#156992;--cyan:#39a8c7;--ink:#17283a;--muted:#71818e;--line:#dce5ea;--paper:#fff;--soft:#edf4f7;background:#f3f6f8;font-family:Montserrat,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.brand{color:var(--navy);align-items:center;gap:11px;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#18577e,#0c3457);border-radius:12px;place-items:center;width:42px;height:42px;display:grid;box-shadow:0 8px 20px #0e3c6129}.brand-mark svg{width:24px}.brand-name{letter-spacing:-.5px;flex-direction:column;font-size:19px;font-weight:900;line-height:1;display:flex}.brand-name small{letter-spacing:2px;color:#7290a4;margin-top:5px;font-size:7px;font-weight:700}.brand-light{color:#fff}.brand-light .brand-mark{box-shadow:none;background:#ffffff1a;border:1px solid #ffffff30}.brand-light .brand-name small{color:#a7c8d9}.primary{color:#fff;background:linear-gradient(135deg,#155f89,#113c62);border:0;border-radius:11px;justify-content:center;align-items:center;gap:9px;padding:13px 18px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 8px 20px #123e6425}.primary:hover{transform:translateY(-1px);box-shadow:0 12px 28px #123e6435}.primary:disabled{opacity:.65;cursor:wait}.error{color:#a3333b;background:#fff0f0;border-radius:9px;margin:0;padding:10px 12px;font-size:12px}.overline,.card-label{letter-spacing:2px;color:var(--blue);font-size:10px;font-weight:800}.login-page{background:#f7f9fa;grid-template-columns:minmax(470px,1.08fr) minmax(430px,.92fr);min-height:100vh;display:grid}.login-story{color:#fff;background:linear-gradient(145deg,#092e4d 0%,#0f4f75 62%,#14789a 100%);flex-direction:column;justify-content:space-between;padding:42px clamp(40px,6vw,88px);display:flex;position:relative;overflow:hidden}.login-story:before{content:"";border:1px solid #ffffff14;border-radius:50%;width:620px;height:620px;position:absolute;top:-120px;right:-300px;box-shadow:0 0 0 90px #ffffff08,0 0 0 180px #ffffff06}.login-story:after{content:"SQL";letter-spacing:-22px;color:#ffffff07;font-size:240px;font-weight:900;position:absolute;bottom:-80px;right:-20px}.story-content{z-index:1;max-width:660px;position:relative}.story-label{color:#c7e9f1;background:#8cd9eb12;border:1px solid #80c7dd52;border-radius:100px;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.story-content h1{letter-spacing:-4px;margin:26px 0 24px;font-size:clamp(48px,5.4vw,78px);font-weight:900;line-height:1.02}.story-content h1 em{color:#7dd0e2;font-style:normal}.story-content>p{color:#c0d6e1;max-width:600px;margin-bottom:38px;font-size:17px;line-height:1.75}.story-preview{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff10;border:1px solid #ffffff1c;border-radius:18px;grid-template-columns:66px minmax(0,1fr) auto;align-items:center;gap:18px;max-width:580px;padding:18px;display:grid;box-shadow:0 20px 40px #05223935}.preview-date{width:64px;height:64px;color:var(--navy);background:#fff;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;display:flex}.preview-date strong{font-size:25px;line-height:1}.preview-date span{margin-top:4px;font-size:9px;font-weight:800}.story-preview>div:nth-child(2){flex-direction:column;gap:4px;display:flex}.story-preview small{letter-spacing:1.5px;color:#75c6db;font-size:8px;font-weight:800}.story-preview strong{font-size:14px}.story-preview div>span{color:#a9c5d3;font-size:11px}.preview-people{display:flex}.preview-people span{background:#d9eef3;border:2px solid #155879;border-radius:50%;place-items:center;width:31px;height:31px;margin-left:-7px;font-weight:800;display:grid;color:#174c69!important;font-size:8px!important}.story-footer{z-index:1;color:#86afc2;letter-spacing:.8px;justify-content:space-between;font-size:10px;display:flex;position:relative}.login-panel{flex-direction:column;justify-content:center;padding:50px clamp(38px,7vw,100px);display:flex;position:relative}.mobile-brand{display:none}.login-box{width:100%;max-width:430px;margin:auto}.login-icon{width:52px;height:52px;color:var(--blue);background:#e2f0f5;border-radius:15px;place-items:center;margin-bottom:26px;display:grid}.login-box h2{letter-spacing:-1.5px;color:#17283a;margin:9px 0 8px;font-size:40px}.login-intro{color:var(--muted);margin:0 0 30px;font-size:14px;line-height:1.65}.login-box form{gap:17px;display:grid}.login-box label,.event-modal label{color:#40586a;gap:8px;font-size:11px;font-weight:700;display:grid}.login-box input,.event-modal input,.event-modal select,.event-modal textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #d1dde4;border-radius:11px;outline:none;padding:14px;transition:all .2s}.login-box input:focus,.event-modal input:focus,.event-modal select:focus,.event-modal textarea:focus{border-color:#4b9fbc;box-shadow:0 0 0 4px #389ab414}.login-button{width:100%;margin-top:5px;padding:15px}.access-note{color:#667b89;background:#edf4f7;border-radius:11px;align-items:flex-start;gap:10px;margin-top:24px;padding:13px 14px;font-size:10px;line-height:1.5;display:flex}.access-note svg{color:#317b98;flex:none}.login-legal{text-align:center;color:#9aa6ad;margin:30px 0 0;font-size:9px}.app-shell{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:linear-gradient(#0c3457,#092a47);flex-direction:column;height:100vh;padding:28px 20px 22px;display:flex;position:sticky;top:0}.sidebar>.brand{margin-left:8px}.side-nav{gap:7px;margin-top:48px;display:grid}.side-nav a{color:#96b3c4;border-radius:11px;align-items:center;gap:13px;padding:12px 13px;font-size:12px;font-weight:600;text-decoration:none;transition:all .18s;display:flex}.side-nav a:hover{color:#fff;background:#ffffff0c}.side-nav a.active{color:#fff;background:#ffffff16;box-shadow:inset 3px 0 #55bdd3}.side-nav small{letter-spacing:1px;color:#62b5ca;margin-left:auto;font-size:7px}.side-profile{border-top:1px solid #ffffff13;grid-template-columns:38px minmax(0,1fr) 30px;align-items:center;gap:10px;margin-top:auto;padding:14px 8px 0;display:grid}.profile-avatar{color:#0a3453;background:#64bdd0;border-radius:11px;place-items:center;width:38px;height:38px;font-size:10px;font-weight:900;display:grid}.side-profile>div{flex-direction:column;gap:3px;display:flex;overflow:hidden}.side-profile strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.side-profile small{color:#7fa5b9;font-size:8px}.side-profile button{color:#7fa5b9;background:0 0;border:0;padding:6px}.app-main{background:#f3f6f8;min-width:0;padding:0 clamp(28px,4.2vw,64px) 60px}.topbar{border-bottom:1px solid #dfe7eb;justify-content:space-between;align-items:center;min-height:108px;display:flex}.topbar small{letter-spacing:1.6px;color:#8998a2;font-size:8px;font-weight:800}.topbar h1{letter-spacing:-.8px;margin:6px 0 0;font-size:25px}.top-actions{align-items:center;gap:12px;display:flex}.notification-button{color:#4a6372;background:#fff;border:1px solid #d7e1e6;border-radius:11px;place-items:center;width:43px;height:43px;display:grid;position:relative}.notification-button span{color:#fff;background:#d94c55;border-radius:50%;place-items:center;width:17px;height:17px;font-size:8px;font-weight:800;display:grid;position:absolute;top:-4px;right:-4px}.overview-grid{grid-template-columns:minmax(390px,1.5fr) repeat(3,minmax(145px,.5fr));gap:16px;margin-top:28px;display:grid}.focus-card{color:#fff;background:linear-gradient(135deg,#113f65,#176b8e);border-radius:20px;grid-row:span 2;justify-content:space-between;align-items:center;min-height:250px;padding:29px;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 45px #0d3c5c20}.focus-card:before{content:"";border:1px solid #ffffff19;border-radius:50%;width:290px;height:290px;position:absolute;top:-80px;right:-110px;box-shadow:0 0 0 45px #ffffff08}.focus-copy{z-index:1;position:relative}.focus-card .card-label{color:#7cd0e1}.focus-card h2{letter-spacing:-1px;margin:14px 0 5px;font-size:28px}.focus-card p{color:#b7d2dd;font-size:12px}.focus-meta{flex-wrap:wrap;gap:18px;margin-top:32px;display:flex}.focus-meta span{color:#c7dce5;align-items:center;gap:7px;font-size:10px;display:flex}.focus-orbit{z-index:1;background:#ffffff10;border:1px solid #ffffff38;border-radius:50%;flex-direction:column;flex:0 0 92px;justify-content:center;align-items:center;height:92px;display:flex;position:relative;box-shadow:0 0 0 13px #ffffff08}.focus-orbit span{font-size:32px;font-weight:900;line-height:1}.focus-orbit small{letter-spacing:1.4px;text-transform:uppercase;margin-top:4px;font-size:8px}.stat-card{background:#fff;border:1px solid #dce5ea;border-radius:16px;grid-template-columns:43px 1fr auto;align-items:center;gap:11px;min-height:117px;padding:18px;transition:all .2s;display:grid}.stat-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px #1d435b0c}.stat-card>svg{color:#a4b0b7;width:15px}.stat-icon{border-radius:12px;place-items:center;width:43px;height:43px;display:grid}.stat-icon svg{width:19px}.stat-icon.blue{color:#287c9d;background:#e2f1f6}.stat-icon.amber{color:#bd7a16;background:#fff0d5}.stat-icon.violet{color:#6a55ae;background:#eeeafd}.stat-card div{flex-direction:column;gap:4px;display:flex}.stat-card strong{font-size:19px}.stat-card div span{color:#80909a;font-size:9px}.content-grid{grid-template-columns:minmax(0,1.7fr) minmax(250px,.68fr);gap:20px;margin-top:24px;display:grid}.schedule-panel,.quick-panel{background:#fff;border:1px solid #dce5ea;border-radius:18px;padding:24px}.panel-heading{justify-content:space-between;align-items:end;margin-bottom:20px;display:flex}.panel-heading h2{letter-spacing:-.5px;margin:6px 0 0;font-size:20px}.text-button{color:var(--blue);background:0 0;border:0;align-items:center;gap:6px;font-size:9px;font-weight:700;display:flex}.event-list{display:grid}.event-row{border-top:1px solid #e8edef;grid-template-columns:52px 9px minmax(0,1fr) auto;align-items:center;gap:15px;padding:15px 2px;display:grid}.date-block{color:#154f73;text-transform:uppercase;background:#edf4f7;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;width:50px;height:53px;display:flex}.date-block strong{font-size:19px;line-height:1}.date-block span{margin-top:3px;font-size:8px;font-weight:800}.event-dot{background:#789;border-radius:50%;width:8px;height:8px}.event-dot.exam{background:#d48718}.event-dot.final{background:#c33e45}.event-dot.assignment{background:#6354b8}.event-dot.birthday{background:#d84f91}.event-dot.enrollment{background:#168574}.event-dot.holiday{background:#377eb8}.event-info h3{margin:4px 0;font-size:12px}.event-info p{color:#7c8b94;margin:0;font-size:9px}.event-type,.scope{letter-spacing:1px;text-transform:uppercase;color:#5c7584;font-size:7px;font-weight:800}.scope{background:#e9f1f5;border-radius:4px;margin-left:7px;padding:2px 5px}.row-actions{gap:5px;display:flex}.icon-button{color:#34566d;background:#edf3f6;border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.icon-button:hover{background:#dce9f0}.icon-button.danger{color:#a83f43}.empty{text-align:center;color:#82919a;padding:42px}.empty svg{color:#7da1b7}.empty h3{color:#28465a;font-size:14px}.empty p{font-size:10px}.right-column{align-content:start;gap:16px;display:grid}.quick-panel{padding-bottom:12px}.quick-panel>a{color:var(--ink);border-top:1px solid #e8edef;grid-template-columns:41px 1fr auto;align-items:center;gap:11px;padding:13px 0;text-decoration:none;display:grid}.quick-icon{color:#367d99;background:#edf4f7;border-radius:11px;place-items:center;width:40px;height:40px;display:grid}.quick-icon svg{width:18px}.quick-panel>a>div{flex-direction:column;gap:3px;display:flex}.quick-panel>a strong{font-size:10px}.quick-panel>a small{color:#89969e;font-size:8px}.quick-panel>a>svg{color:#a6b1b7;width:14px}.trust-card{color:#256576;background:#e5f1f3;border-radius:16px;gap:13px;padding:19px;display:flex}.trust-card>svg{flex:none}.trust-card div{flex-direction:column;gap:5px;display:flex}.trust-card strong{font-size:10px}.trust-card p{color:#5b7d87;margin:0;font-size:8px;line-height:1.6}.subjects-section{padding-top:48px}.career-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;display:grid}.career{background:#fff;border:1px solid #dce5ea;border-radius:15px;padding:21px}.career-head{color:#1e6d8f;justify-content:space-between;display:flex}.career-head span{background:#e8f2f6;border-radius:6px;padding:4px 7px;font-size:8px;font-weight:800}.career h3{font-size:14px;line-height:1.4}.subjects{border-top:1px solid #e8edef}.subjects div{border-bottom:1px solid #edf1f3;justify-content:space-between;gap:10px;padding:10px 0;font-size:9px;display:flex}.subjects small{color:#83919a;white-space:nowrap}.text-button{text-decoration:none}.subject-catalog{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.subject-card{min-height:190px;color:var(--ink);background:#fff;border:1px solid #dce5ea;border-radius:16px;flex-direction:column;padding:21px;text-decoration:none;transition:all .18s;display:flex}.subject-card:hover{border-color:#a9c7d3;transform:translateY(-3px);box-shadow:0 14px 32px #173f5810}.subject-card-head{justify-content:space-between;align-items:center;display:flex}.subject-card-head>span{color:#267494;background:#e6f1f5;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.subject-card-head svg{width:20px}.subject-card-head>strong{color:#53717f;letter-spacing:.6px;background:#edf3f5;border-radius:6px;padding:5px 8px;font-size:7px}.subject-card h3{margin:18px 0 7px;font-size:14px}.subject-card p{color:#7d8e98;margin:0;font-size:8px;line-height:1.6}.subject-card footer{color:#567282;justify-content:space-between;align-items:center;margin-top:auto;padding-top:18px;font-size:8px;font-weight:700;display:flex}.subject-card footer svg{width:15px}.notification-center{position:relative}.notification-button.active{color:#176c8d;background:#eef6f8;border-color:#91bccc}.notification-panel{z-index:30;background:#fff;border:1px solid #d6e2e7;border-radius:17px;width:370px;animation:.18s ease-out notificationOpen;position:absolute;top:53px;right:0;overflow:hidden;box-shadow:0 24px 65px #12364e2b}.notification-panel>header{border-bottom:1px solid #e6ecef;justify-content:space-between;align-items:center;padding:19px 20px 16px;display:flex}.notification-panel>header span{letter-spacing:1.3px;color:#2b7b99;font-size:7px;font-weight:900}.notification-panel>header h2{margin:4px 0 0;font-size:16px}.notification-panel>header button{color:#607783;background:#edf3f5;border:0;border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.notification-panel>header button svg{width:15px}.notification-list{max-height:390px;overflow:auto}.notification-item{color:var(--ink);border-bottom:1px solid #edf1f3;grid-template-columns:39px minmax(0,1fr) 16px;align-items:center;gap:11px;padding:14px 18px;text-decoration:none;transition:all .15s;display:grid}.notification-item:hover{background:#f4f8fa}.notification-icon{color:#357b98;background:#e8f1f5;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.notification-icon.exam{color:#b97717;background:#fff0d9}.notification-icon.final{color:#ba434b;background:#ffeaeb}.notification-icon.assignment{color:#6654ad;background:#eeeafd}.notification-icon.birthday{color:#bf4e88;background:#fbe8f2}.notification-icon.enrollment{color:#24816f;background:#e4f3ef}.notification-icon svg{width:17px}.notification-item>div{flex-direction:column;gap:4px;min-width:0;display:flex}.notification-item>div>span{letter-spacing:.8px;text-transform:uppercase;color:#718590;font-size:6px;font-weight:900}.notification-item strong{white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.notification-item small{color:#7f9099;text-transform:capitalize;align-items:center;gap:4px;font-size:7px;display:flex}.notification-item small svg{width:11px}.notification-item>svg{color:#9aabb3;width:14px}.notification-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:210px;display:flex}.notification-empty>span{color:#43809a;background:#eaf3f6;border-radius:14px;place-items:center;width:48px;height:48px;display:grid}.notification-empty>span svg{width:21px}.notification-empty h3{margin:13px 0 5px;font-size:12px}.notification-empty p{color:#7e909a;margin:0;font-size:8px}.notification-footer{color:#286f8b;background:#f5f8f9;align-items:center;gap:7px;height:48px;padding:0 18px;font-size:8px;font-weight:800;text-decoration:none;display:flex}.notification-footer svg{width:14px}.notification-footer svg:last-child{margin-left:auto}@keyframes notificationOpen{0%{opacity:0;transform:translateY(-7px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#071e32b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.event-modal{background:#fff;border-radius:20px;width:min(620px,100%);max-height:92vh;padding:28px;overflow:auto;box-shadow:0 30px 90px #07172555}.modal-title{justify-content:space-between;margin-bottom:22px;display:flex}.modal-title span{letter-spacing:1.8px;color:var(--blue);font-size:9px;font-weight:800}.modal-title h2{margin:5px 0;font-size:23px}.event-modal form{gap:15px;display:grid}.event-modal textarea{resize:vertical;min-height:90px}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.modal-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.secondary{color:#526b7b;background:#fff;border:1px solid #ccd8df;border-radius:9px;padding:12px 18px;font-weight:700}.loader{height:100vh;color:var(--blue);place-content:center;justify-items:center;gap:12px;font-size:11px;font-weight:700;display:grid}.loader svg{animation:1.2s infinite pulse}@keyframes pulse{50%{opacity:.65;transform:scale(1.12)}}@media (width<=1100px){.overview-grid{grid-template-columns:1fr 1fr 1fr}.focus-card{grid-area:auto/1/auto/-1}.content-grid{grid-template-columns:1fr}.right-column,.login-page{grid-template-columns:1fr 1fr}.story-content h1{font-size:50px}}@media (width<=780px){.login-page{display:block}.login-story{min-height:380px;padding:28px 25px}.login-story>.brand{display:none}.story-content h1{letter-spacing:-2.5px;font-size:42px}.story-content>p{margin-bottom:20px;font-size:13px}.story-preview,.story-footer{display:none}.login-panel{padding:30px 24px 45px}.mobile-brand{margin-bottom:45px;display:block}.login-box h2{font-size:32px}.app-shell{display:block}.sidebar{flex-direction:row;align-items:center;width:100%;height:72px;padding:0 20px;position:static}.sidebar>.brand{margin:0}.side-nav{z-index:10;background:#0a304f;justify-content:space-around;height:65px;margin:0;padding:7px 8px;display:flex;position:fixed;bottom:0;left:0;right:0}.side-nav a{flex-direction:column;flex:1;justify-content:center;gap:3px;padding:5px;font-size:7px}.side-nav small{display:none}.side-profile{border:0;margin:0 0 0 auto;padding:0}.side-profile>div,.side-profile>button{display:none}.app-main{padding:0 18px 90px}.topbar{min-height:90px}.topbar h1{font-size:21px}.topbar .primary{width:43px;height:43px;padding:0;font-size:0}.overview-grid{grid-template-columns:1fr 1fr}.focus-card{grid-column:1/-1;min-height:225px}.stat-card{grid-template-columns:40px 1fr}.stat-card:nth-child(4){grid-column:1/-1}.content-grid{display:block}.right-column{grid-template-columns:1fr;margin-top:16px;display:grid}.event-row{grid-template-columns:48px 7px 1fr;padding:14px 0}.row-actions{grid-column:3}.form-row{grid-template-columns:1fr}}@media (width<=480px){.focus-card{padding:23px}.focus-card h2{font-size:22px}.focus-orbit{display:none}.overview-grid{gap:10px}.stat-card{min-height:100px;padding:13px}.stat-card>svg{display:none}.schedule-panel,.quick-panel{padding:18px}.event-info h3{font-size:11px}.login-story{min-height:340px}.story-content h1{font-size:37px}.topbar small{display:none}.notification-panel{width:auto;position:fixed;top:78px;left:12px;right:12px}}.section-hint{color:#81909a;font-size:9px}.subjects>a{color:var(--ink);border-bottom:1px solid #edf1f3;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;text-decoration:none;transition:all .18s;display:flex}.subjects>a:hover{color:var(--blue);padding-left:5px}.subjects>a>span:first-child{flex-direction:column;gap:4px;display:flex}.subjects>a strong{font-size:10px}.subjects>a small{white-space:normal;font-size:8px;line-height:1.4}.subject-meta{color:#83919a;white-space:nowrap;align-items:center;gap:5px;font-size:8px;display:flex}.secondary{justify-content:center;align-items:center;gap:8px;display:inline-flex}.locked-subject{background:#edf4f7;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.locked-subject span{color:#71818e;font-size:9px}.locked-subject strong{color:#164f70;font-size:11px}.subject-main{padding-bottom:80px}.subject-topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:84px;display:flex}.back-link{color:#617582;align-items:center;gap:7px;font-size:10px;font-weight:700;text-decoration:none;display:inline-flex}.subject-actions{gap:10px;display:flex}.subject-hero{grid-template-columns:82px minmax(0,1fr) auto;align-items:center;gap:25px;padding:38px 0 34px;display:grid}.subject-code{color:#fff;background:linear-gradient(145deg,#154e75,#1684a7);border-radius:20px;place-items:center;width:80px;height:80px;display:grid;box-shadow:0 15px 35px #12547726}.subject-code svg{width:34px;height:34px}.breadcrumb{color:#6e818d;align-items:center;gap:7px;font-size:8px;font-weight:700;display:flex}.subject-heading h1{letter-spacing:-1.4px;margin:9px 0 7px;font-size:34px}.subject-heading>p{color:#70808b;max-width:660px;margin:0;font-size:11px;line-height:1.6}.subject-badges{gap:7px;margin-top:15px;display:flex}.subject-badges span{color:#416879;text-transform:uppercase;letter-spacing:.7px;background:#e6eff3;border-radius:6px;padding:5px 8px;font-size:7px;font-weight:800}.subject-health{border:1px solid var(--line);background:#fff;border-radius:14px;display:flex;overflow:hidden}.subject-health span{color:#7a8a94;flex-direction:column;align-items:center;gap:3px;min-width:95px;padding:15px;font-size:8px;display:flex}.subject-health span+span{border-left:1px solid var(--line)}.subject-health strong{color:var(--ink);font-size:20px}.subject-tabs{border-bottom:1px solid var(--line);gap:25px;height:52px;display:flex}.subject-tabs button{color:#7b8b95;background:0 0;border:0;padding:0 3px;font-size:10px;font-weight:700;position:relative}.subject-tabs button.active{color:var(--blue)}.subject-tabs button.active:after{content:"";background:var(--blue);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:0;right:0}.subject-tabs button span{background:#e5edf1;border-radius:99px;margin-left:6px;padding:2px 6px;font-size:7px}.subject-overview{grid-template-columns:minmax(0,1fr) 255px;gap:20px;padding-top:25px;display:grid}.subject-primary{gap:20px;display:grid}.subject-panel,.subject-info{border:1px solid var(--line);background:#fff;border-radius:17px;padding:23px}.subject-event-list{display:grid}.subject-event{border-top:1px solid #e8edef;grid-template-columns:52px 8px minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 2px;display:grid}.subject-event h3{margin:4px 0;font-size:11px}.subject-event p{color:#80909a;text-transform:capitalize;align-items:center;gap:5px;margin:0;font-size:8px;display:flex}.subject-event>svg{color:#a2afb6}.subject-aside{align-content:start;gap:16px;display:grid}.template-card{color:#fff;background:linear-gradient(145deg,#0e3b60,#176c8d);border-radius:17px;padding:24px}.template-icon{background:#ffffff12;border:1px solid #ffffff28;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.template-card h3{margin:18px 0 7px;font-size:13px}.template-card p{color:#bad2dd;margin:0;font-size:9px;line-height:1.7}.subject-info .card-label{margin-bottom:12px;display:block}.subject-info dl{margin:0}.subject-info dl div{border-top:1px solid #e8edef;justify-content:space-between;padding:11px 0;font-size:9px;display:flex}.subject-info dt{color:#7d8c95}.subject-info dd{color:#3c5666;margin:0;font-weight:700}.mini-empty{border-top:1px solid #e8edef;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;min-height:105px;display:grid}.mini-empty>svg{color:#7ca1b4}.mini-empty div{flex-direction:column;gap:4px;display:flex}.mini-empty strong{font-size:10px}.mini-empty span{color:#82919a;font-size:8px}.mini-empty button{color:#256c88;background:#e8f2f5;border:0;border-radius:8px;padding:8px 10px;font-size:8px;font-weight:700}.tab-content{padding-top:30px}.tab-heading{justify-content:space-between;align-items:end;margin-bottom:25px;display:flex}.tab-heading h2{margin:7px 0;font-size:26px}.tab-heading p{color:#778892;margin:0;font-size:10px}.materials-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:13px;display:grid}.materials-list{display:grid}.material-card{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;padding:17px;transition:all .18s;display:grid}.material-card:hover{transform:translateY(-2px);box-shadow:0 12px 28px #173f5810}.materials-list .material-card{box-shadow:none;border-width:1px 0 0;border-radius:0;padding:14px 2px;transform:none}.material-icon{color:#337d9b;background:#e8f1f5;border-radius:11px;place-items:center;width:47px;height:49px;display:grid}.material-icon.pdf{color:#c64b54;background:#ffeaeb}.material-icon.xls,.material-icon.xlsx,.material-icon.csv{color:#248053;background:#e2f2e9}.material-icon.png,.material-icon.jpg,.material-icon.jpeg{color:#7658b0;background:#eee9fa}.material-icon svg{width:21px}.material-copy{min-width:0}.file-kind{letter-spacing:.8px;color:#81909a;font-size:7px;font-weight:800}.material-copy h3{white-space:nowrap;text-overflow:ellipsis;margin:4px 0;font-size:11px;overflow:hidden}.material-copy p{color:#768791;white-space:nowrap;text-overflow:ellipsis;margin:0 0 5px;font-size:8px;overflow:hidden}.material-copy small{color:#9aa5ab;font-size:7px}.material-actions{gap:4px;display:flex}.material-actions button{color:#326681;background:#edf3f6;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.material-actions button.danger{color:#af4449}.large-empty{text-align:center;background:#f8fafb;border:1px dashed #cddbe2;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:30px;display:flex}.large-empty>svg{color:#72a3b8;width:46px;height:46px}.large-empty h3{margin:17px 0 6px;font-size:16px}.large-empty p{color:#7f8e97;margin:0 0 20px;font-size:9px}.calendar-timeline{border:1px solid var(--line);background:#fff;border-radius:17px;max-width:780px;padding:7px 22px}.upload-modal{background:#fff;border-radius:20px;width:min(570px,100%);max-height:92vh;padding:28px;overflow:auto}.upload-modal form{gap:15px;display:grid}.upload-modal label{color:#40586a;gap:8px;font-size:10px;font-weight:700;display:grid}.upload-modal input,.upload-modal textarea{border:1px solid #cedae1;border-radius:10px;outline:none;width:100%;padding:12px}.upload-modal textarea{resize:vertical;min-height:80px}.drop-zone{color:#337a96;background:#f1f7f9;border:1.5px dashed #9fbdca;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:150px;display:flex}.drop-zone input{display:none}.drop-zone svg{width:32px;height:32px}.drop-zone strong{font-size:11px}.drop-zone span{color:#78919c;font-size:8px}.drop-zone.has-file{color:#347c5b;background:#edf7f1;border-color:#82bca0}.subject-error{color:#4e6b7b;flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100vh;display:flex}.subject-error a{color:var(--blue)}.file-kind{align-items:center;gap:6px;display:flex}.category-badge{letter-spacing:.55px;text-transform:uppercase;border-radius:5px;padding:3px 6px;font-size:6px}.category-badge.theory{color:#216b89;background:#e6f1f5}.category-badge.practice{color:#2d7d50;background:#e6f3e9}.material-sectors{gap:22px;display:grid}.material-sector{border:1px solid var(--line);background:#fff;border-radius:17px;padding:22px}.sector-heading{grid-template-columns:48px minmax(0,1fr) 32px;align-items:center;gap:13px;display:grid}.sector-heading>span{border-radius:12px;place-items:center;width:46px;height:46px;display:grid}.sector-heading>span svg{width:21px}.material-sector.theory .sector-heading>span{color:#28718e;background:#e7f1f5}.material-sector.practice .sector-heading>span{color:#2f8055;background:#e5f3ea}.sector-heading h3{margin:0 0 4px;font-size:15px}.sector-heading p{color:#7b8d97;margin:0;font-size:9px}.sector-heading>strong{color:#526b79;background:#edf2f4;border-radius:50%;place-items:center;width:30px;height:30px;font-size:9px;display:grid}.material-sector .materials-grid{margin-top:18px}.sector-empty{text-align:center;color:#82939c;background:#f8fafb;border:1px dashed #ccdbe2;border-radius:12px;margin-top:18px;padding:24px;font-size:9px}.category-picker{border:0;grid-template-columns:1fr 1fr;gap:10px;margin:0;padding:0;display:grid}.category-picker legend{color:#40586a;grid-column:1/-1;margin-bottom:8px;font-size:10px;font-weight:700}.category-picker>label{cursor:pointer;border:1px solid #cedae1;border-radius:11px;grid-template-columns:35px 1fr;align-items:center;gap:10px;padding:12px;transition:all .18s;display:grid;position:relative}.category-picker>label:hover{border-color:#7fa9bc}.category-picker>label.selected{background:#eff6f8;border-color:#2f7e9b;box-shadow:0 0 0 2px #2f7e9b15}.category-picker input{opacity:0;pointer-events:none;position:absolute}.category-picker svg{color:#347b98;width:20px}.category-picker label:nth-of-type(2) svg{color:#37805b}.category-picker span{gap:3px;display:grid}.category-picker strong{color:#344f60;font-size:10px}.category-picker small{color:#7b8d97;font-size:7px;font-weight:500}.category-badge.exam_photos{color:#7655a7;background:#f1eafa}.material-sector.exam-photos .sector-heading>span{color:#7755a8;background:#f0eafa}.sector-heading{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:48px minmax(0,1fr) 32px 22px;width:100%;padding:0}.sector-chevron{color:#8797a0;width:18px;transition:transform .2s}.sector-chevron.open{transform:rotate(180deg)}.sector-content{animation:.2s ease-out sectorOpen}.category-picker{grid-template-columns:repeat(3,1fr)}.category-picker label:nth-of-type(3) svg{color:#795aae}@keyframes sectorOpen{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.overview-library-intro{color:#7b8d97;margin:8px 0 18px;font-size:9px}.overview-library .material-sectors{gap:11px}.overview-library .material-sector{background:#f8fafb;border-radius:13px;padding:15px}.overview-library .sector-heading>span{width:40px;height:40px}.overview-library .sector-heading h3{font-size:12px}@media (width<=980px){.subject-overview{grid-template-columns:1fr}.subject-aside{grid-template-columns:1fr 1fr}.subject-hero{grid-template-columns:70px 1fr}.subject-health{grid-column:1/-1;justify-self:start}.subject-code{width:68px;height:68px}.materials-grid{grid-template-columns:1fr 1fr}}@media (width<=650px){.category-picker{grid-template-columns:1fr}}@media (width<=780px){.subject-main{padding-bottom:90px}.subject-topbar{height:72px}.subject-actions .secondary{display:none}.subject-hero{gap:16px;padding-top:25px}.subject-heading h1{font-size:26px}.subject-heading>p{font-size:9px}.subject-health{width:100%}.subject-health span{flex:1}.subject-tabs{overflow:auto}.subject-overview{padding-top:18px}.subject-aside,.materials-grid{grid-template-columns:1fr}.tab-heading{align-items:flex-start;gap:16px}.tab-heading .primary{flex:none;width:43px;height:43px;padding:0;font-size:0}.subject-event{grid-template-columns:48px 7px 1fr}.subject-event>svg{display:none}.material-actions{flex-direction:column}}@media (width<=480px){.subject-code{display:none}.subject-hero{grid-template-columns:1fr}.subject-badges{flex-wrap:wrap}.subject-heading h1{font-size:24px}.subject-topbar .primary{width:42px;height:42px;padding:0;font-size:0}.subject-panel{padding:18px}.mini-empty{grid-template-columns:32px 1fr}.mini-empty button{grid-column:2;justify-self:start}.material-card{grid-template-columns:42px 1fr}.material-actions{flex-direction:row;grid-column:2}.material-icon{width:42px;height:44px}.category-picker{grid-template-columns:1fr}.material-sector{padding:17px}.sector-heading{grid-template-columns:42px 1fr 30px 18px}.sector-heading>span{width:40px;height:40px}}.calendar-main{padding-bottom:70px}.calendar-topbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:130px;display:flex}.calendar-topbar h1{letter-spacing:-1px;margin:7px 0 4px;font-size:31px}.calendar-topbar p{color:#788b97;margin:0;font-size:10px}.calendar-topbar .primary svg{width:18px}.calendar-layout{grid-template-columns:minmax(620px,1.55fr) minmax(310px,.7fr);align-items:start;gap:20px;margin-top:27px;display:grid}.month-panel,.day-focus{border:1px solid var(--line);background:#fff;border-radius:19px}.month-panel{overflow:hidden}.month-toolbar{border-bottom:1px solid #e6ecef;justify-content:space-between;align-items:center;min-height:84px;padding:20px 23px;display:flex}.month-toolbar>div:first-child span{letter-spacing:1.4px;color:#7e929d;font-size:8px;font-weight:800}.month-toolbar h2{text-transform:capitalize;margin:3px 0 0;font-size:21px}.month-toolbar>div:last-child{gap:7px;display:flex}.month-toolbar button{color:#456273;background:#fff;border:1px solid #d7e2e7;border-radius:8px;height:34px;font-size:8px;font-weight:800}.today-button{padding:0 13px}.month-arrow{place-items:center;width:34px;display:grid}.month-arrow svg{width:16px}.weekday-row,.month-grid{grid-template-columns:repeat(7,1fr);display:grid}.weekday-row{background:#f7f9fa;border-bottom:1px solid #e6ecef;align-items:center;height:38px}.weekday-row span{text-align:center;letter-spacing:1px;color:#81939d;font-size:7px;font-weight:800}.calendar-day{text-align:left;background:#fff;border:1px solid #e8edef;border-top:0;border-left:0;flex-direction:column;justify-content:space-between;min-height:94px;padding:10px;transition:all .16s;display:flex;position:relative}.calendar-day:nth-child(7n){border-right:0}.calendar-day:hover{background:#f2f7f9}.calendar-day.outside{color:#b7c0c5;background:#fafbfb}.calendar-day.selected{z-index:1;background:#eaf4f7;box-shadow:inset 0 0 0 2px #2d819f}.calendar-day.today .day-number{color:#fff;background:#164f73}.day-number{border-radius:8px;place-items:center;width:25px;height:25px;font-size:9px;font-weight:800;display:grid}.day-events{align-items:center;gap:4px;min-height:13px;display:flex}.day-events>span{background:#789;border-radius:50%;width:7px;height:7px}.day-events>.exam{background:#d48718}.day-events>.final{background:#c33e45}.day-events>.assignment{background:#6354b8}.day-events>.birthday{background:#d84f91}.day-events>.enrollment{background:#168574}.day-events>.holiday{background:#377eb8}.day-events small{color:#71848f;font-size:7px}.day-focus{padding:23px;animation:.28s ease-out dayZoom}.day-focus>header{grid-template-columns:64px 1fr 34px;align-items:center;gap:14px;display:grid}.focus-date-number{color:#fff;background:linear-gradient(145deg,#154e75,#1684a7);border-radius:16px;place-items:center;width:62px;height:67px;font-size:28px;font-weight:900;display:grid;box-shadow:0 12px 28px #155a7c25}.day-focus>header div span{text-transform:uppercase;color:#32809d;letter-spacing:1.2px;font-size:7px;font-weight:900;display:block}.day-focus>header h2{text-transform:capitalize;margin:5px 0 0;font-size:15px}.day-focus>header>strong{color:#38697d;background:#e7f0f3;border-radius:50%;place-items:center;width:32px;height:32px;font-size:9px;display:grid}.day-focus-label{color:#6f8490;align-items:center;gap:7px;padding:21px 1px 10px;font-size:8px;font-weight:700;display:flex}.day-focus-label svg{width:15px}.day-activities{display:grid}.day-activity{border-top:1px solid #e8edef;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:11px;padding:15px 0;display:grid}.day-activity .event-dot{align-self:start;margin-top:5px}.day-activity-copy{min-width:0}.day-activity-copy h3{margin:5px 0;font-size:11px}.day-activity-copy p{color:#7c8e98;align-items:center;gap:4px;margin:0;font-size:8px;line-height:1.5;display:flex}.day-activity-copy p svg{flex:none;width:12px}.day-activity .icon-button{width:28px;height:28px}.day-activity .icon-button svg{width:14px}.day-empty{text-align:center;color:#78909c;border-top:1px solid #e8edef;flex-direction:column;justify-content:center;align-items:center;min-height:260px;display:flex}.day-empty>svg{color:#8eb0bf;width:38px;height:38px}.day-empty h3{color:#345365;margin:14px 0 5px;font-size:14px}.day-empty p{margin:0 0 15px;font-size:8px}.day-empty button{color:#28718d;background:#e6f1f5;border:0;border-radius:8px;padding:9px 12px;font-size:8px;font-weight:800}.calendar-error{color:#a43e43;background:#ffebec;border-radius:9px;padding:11px;font-size:9px}@keyframes dayZoom{0%{opacity:.55;transform:scale(.97)translate(8px)}to{opacity:1;transform:scale(1)translate(0)}}@media (width<=1120px){.calendar-layout{grid-template-columns:1fr}.day-focus{min-height:300px}.calendar-day{min-height:82px}}@media (width<=780px){.calendar-topbar{min-height:105px}.calendar-topbar h1{font-size:25px}.calendar-topbar .primary{width:43px;height:43px;padding:0;font-size:0}.calendar-layout{margin-top:18px}.calendar-day{min-height:66px;padding:7px}.weekday-row{height:33px}.day-focus{padding:18px}}@media (width<=480px){.month-toolbar{padding:15px}.calendar-day{min-height:53px}.day-number{width:22px;height:22px}.day-events>span:nth-child(n+3){display:none}.calendar-topbar p{max-width:210px}.day-focus>header{grid-template-columns:55px 1fr 30px}.focus-date-number{width:53px;height:58px;font-size:24px}}
