:root{color:#172b47;font-synthesis:none;background:#f7f9fc;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}:is(button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible){outline-offset:3px;outline:3px solid #91b8f4}button{color:inherit;background:0 0;border:0}a{color:inherit;text-decoration:none}.shell{min-height:100vh;display:flex}aside{background:#fff;border-right:1px solid #e4e9ef;flex-direction:column;width:250px;padding:32px 19px;display:flex;position:fixed;inset:0 auto 0 0}.brand{justify-content:center;align-items:center;gap:15px;height:67px;display:flex}.brand img:first-child{object-fit:contain;width:119px;height:65px}.brand img:last-child{object-fit:contain;width:60px;height:60px}.portal-label{letter-spacing:1.9px;text-align:center;color:#8090a5;margin:20px 0 37px;font-size:9px}nav button{text-align:left;color:#67768b;border-radius:7px;align-items:center;gap:12px;width:100%;margin-bottom:5px;padding:14px 15px;font-size:13px;display:flex}nav button:hover{background:#f4f6fa}nav button.active{color:#224f98;background:#eaf0fb;font-weight:600}nav button b{background:#fff;border-radius:4px;margin-left:auto;padding:3px 6px;font-size:10px}.nav-label{letter-spacing:1.3px;color:#91a0b0;margin:33px 15px 14px;font-size:9px}.aside-bottom{color:#52657d;margin-top:auto;padding:24px 15px 0;font-size:11px}.aside-bottom small{color:#96a1b1;margin:9px 0 0 13px;display:block}.dot{background:#b3924e;border-radius:50%;width:5px;height:5px;margin-right:6px;display:inline-block}.workspace{width:calc(100% - 250px);margin-left:250px}header{color:#8b97a7;background:#fff;border-bottom:1px solid #e4e9ef;justify-content:space-between;align-items:center;height:77px;padding:0 44px;font-size:11px;display:flex}header>span{align-items:center;gap:13px;display:flex}header strong{color:#53647b;font-weight:500}.draft{color:#977a3f;background:#fffcf4;border:1px solid #e4d9bf;border-radius:5px;padding:7px 11px;font-size:10px}main{max-width:1500px;margin:auto;padding:43px 44px 20px}.eyebrow{letter-spacing:2px;color:#a18a55;font-size:10px;font-weight:700}h1{letter-spacing:-1.1px;margin:13px 0 12px;font-size:33px;font-weight:600;line-height:1.25}.heading p{color:#8290a2;margin:0;font-size:13px}.mobile{display:none}.toolbar{justify-content:space-between;gap:16px;margin:30px 0 38px;display:flex}.search{color:#93a0b2;background:#fff;border:1px solid #dfe5ed;border-radius:7px;flex:1;align-items:center;gap:11px;max-width:550px;height:46px;padding:0 15px;display:flex}.search input{color:#253f63;background:0 0;border:0;outline:none;width:100%;font-size:13px}.primary{color:#fff;background:#244f8d;border-radius:6px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-size:12px;font-weight:600;display:flex}.primary:hover{background:#183f78}.section-title{justify-content:space-between;align-items:center;gap:10px;margin:0 0 19px;display:flex}.section-title h2{align-items:center;gap:10px;margin:0;font-size:16px;font-weight:600;display:flex}.count{color:#7d8ba0;background:#e9edf4;border-radius:4px;padding:3px 7px;font-size:10px}.section-title select{color:#79879a;background:0 0;border:1px solid #dfe5ed;border-radius:5px;padding:8px 10px;font-size:10px}.section-title button{color:#647c9e;align-items:center;gap:3px;font-size:11px;display:flex}.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.card{background:#fff;border:1px solid #e1e6ee;border-radius:9px;min-width:0;transition:transform .15s,box-shadow .15s;position:relative;overflow:hidden}.card:hover{border-color:#b9c9e0;transform:translateY(-3px);box-shadow:0 8px 20px #2037550b}.card a{text-align:center;flex-direction:column;align-items:center;height:100%;min-height:232px;padding:30px 17px 0;display:flex}.star{color:#c4cedb;z-index:1;padding:5px;position:absolute;top:10px;right:9px}.star:hover,.star.selected{color:#b89850}.app-icon{color:#416cab;background:#edf2fa;border-radius:17px;justify-content:center;align-items:center;width:66px;height:66px;margin-bottom:18px;display:flex}.app-icon img{object-fit:contain;width:100%;height:100%}.app-icon.cdi,.app-icon.iecca{background:0 0}.app-icon.iecca{width:100px}.wallet{color:#a48a50;background:#f2f0e8}.school{color:#518f85;background:#eaf3f1}.sticker{color:#ab7297;background:#f4ecf1}.test{color:#8d7ab2;background:#f0eef7}.card h3{margin:0 0 8px;font-size:13px;font-weight:600;line-height:1.4}.card p{color:#8a96a7;max-width:190px;margin:0 0 21px;font-size:11px;line-height:1.65}.card-bottom{color:#7f90a7;text-align:left;border-top:1px solid #eff2f6;justify-content:space-between;align-items:center;width:calc(100% + 34px);margin-top:auto;padding:11px 15px;font-size:9px;display:flex}.card-bottom svg{color:#8194af}.recent{margin-bottom:33px}.small a{min-height:180px;padding-top:20px}.small .app-icon{width:60px;height:45px;margin-bottom:13px}.small .card-bottom{border:0}.empty{text-align:center;color:#8d9bad;background:#fff;border:1px dashed #d9e0ea;border-radius:10px;padding:65px}.empty svg{margin:auto}.empty h3{color:#506684;font-size:16px}.empty p{font-size:13px}footer{color:#97a3b3;border-top:1px solid #e3e8ef;justify-content:space-between;gap:20px;margin-top:38px;padding-top:20px;font-size:9px;display:flex}.overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:10;background:#14243b77;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.dialog{background:#fff;border-radius:14px;width:440px;max-height:95vh;padding:35px;position:relative;overflow:auto}.close{position:absolute;top:15px;right:15px}.dialog h2{margin-bottom:8px}.dialog p{color:#8390a1;font-size:12px}.dialog form{gap:16px;margin-top:26px;display:grid}.dialog label{gap:7px;font-size:12px;display:grid}.dialog input,.dialog select{background:#fff;border:1px solid #d5deea;border-radius:5px;width:100%;padding:11px;font-size:13px}@media (min-width:1600px){.grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (max-width:1150px){aside{width:220px;padding:25px 12px}.workspace{width:calc(100% - 220px);margin-left:220px}main{padding:32px 26px}header{padding:0 26px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}h1{font-size:29px}}@media (max-width:800px){aside{width:180px}.brand img:first-child{width:86px}.brand img:last-child{width:44px}.brand{gap:8px}.portal-label{letter-spacing:1px;font-size:7px}nav button{padding:12px 8px;font-size:11px}.workspace{width:calc(100% - 180px);margin-left:180px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{flex-wrap:wrap}.search{flex-basis:100%;max-width:none}.primary{padding:11px 13px}footer{flex-direction:column}}@media (max-width:560px){.shell{display:block}aside{border-bottom:1px solid #e4e9ef;border-right:0;width:100%;padding:13px 17px;position:static}.brand{justify-content:flex-start;height:45px}.brand img:first-child{width:100px;height:42px}.brand img:last-child{width:42px;height:42px}.portal-label,.nav-label,.aside-bottom{display:none}nav{gap:6px;margin-top:14px;display:flex;overflow-x:auto}nav button{flex-shrink:0;width:auto;margin:0;padding:10px;font-size:11px}nav button svg{width:14px}nav button b{display:none}.workspace{width:100%;margin:0}header{height:51px;padding:0 18px;font-size:9px}.draft{font-size:9px}main{padding:29px 18px}.eyebrow{font-size:9px}h1{font-size:29px}.mobile{display:block}.heading p{font-size:12px;line-height:1.6}.toolbar{gap:10px;margin:23px 0 28px}.grid{gap:11px}.card a{min-height:237px;padding:28px 12px 0}.card h3{font-size:12px}.card p{font-size:10px}.card-bottom{width:calc(100% + 24px);padding:10px;font-size:8px}.section-title h2{font-size:14px}.section-title select{max-width:135px;font-size:9px}.empty{padding:35px 15px}.dialog{padding:28px 22px}}.login-screen{background:radial-gradient(at 20% 0,#e5edf9,#0000 60%),#f8f9fc;place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border:1px solid #dde5ef;border-radius:15px;width:420px;max-width:100%;padding:38px;box-shadow:0 15px 65px #27456c0c}.login-card .brand{margin-bottom:30px}.login-card .eyebrow{text-align:center;font-size:9px}.login-card h1{text-align:center;margin-top:19px;font-size:26px}.login-card p{color:#76869b;font-size:13px;line-height:1.7}.login-card form{gap:18px;margin-top:25px;display:grid}.login-card label{gap:8px;font-size:12px;display:grid}.login-card input{border:1px solid #d6dfeb;border-radius:6px;width:100%;padding:12px}.help-link{text-align:center;color:#315f9b;margin-top:24px;font-size:11px;line-height:1.8;display:block}.login-card .draft{text-align:center;margin-top:25px}.auth-error{background:#fff1f1;border-radius:5px;padding:10px;font-size:12px;color:#a73535!important}.account-bar{background:#eaf0f8;justify-content:flex-end;align-items:center;gap:16px;padding:10px 30px;font-size:11px;display:flex}.account-bar button{text-decoration:underline}.account-error{margin-left:270px}.permissions-dialog{width:600px}.permissions-dialog>label{margin:25px 0 10px}.permission-list{margin:18px 0}.permission-list label{border-bottom:1px solid #edf0f5;justify-content:space-between;align-items:center;padding:12px 0;font-size:12px;display:flex}.permission-list input{accent-color:#244f8d;width:18px;height:18px}.permission-list small{color:#8b99aa;margin-top:4px;font-size:9px;display:block}.permission-note{background:#f5f7fa;border-radius:7px;padding:12px;line-height:1.6}button:disabled{cursor:default;opacity:.55}@media (max-width:560px){.account-bar{gap:10px;padding:12px;font-size:10px}.account-error{margin:10px}.login-card{padding:28px}}aside .brand{justify-content:center;gap:0;height:108px}aside .brand img:first-child,aside .brand img:last-child{object-fit:contain;width:195px;max-width:100%;height:108px}.login-card .brand{justify-content:center;gap:0;height:125px;margin-bottom:26px}@media (max-width:800px){aside .brand img:first-child,aside .brand img:last-child{width:155px}}@media (max-width:560px){aside .brand{justify-content:center;height:85px}aside .brand img:first-child,aside .brand img:last-child{width:210px;height:85px}.login-card .brand img:first-child,.login-card .brand img:last-child{width:250px}}.app-icon.custom-emblem{background:0 0;border-radius:0;width:112px;height:95px;margin-top:-13px;margin-bottom:15px}.application-emblem{width:100%;height:100%;display:block;overflow:visible}.small .app-icon.custom-emblem{width:87px;height:74px;margin-top:0;margin-bottom:13px}@media (max-width:560px){.app-icon.custom-emblem{width:104px;height:88px;margin-top:-9px}}.user-list-summary{color:#647891;justify-content:space-between;align-items:center;gap:12px;margin:20px 0;font-size:11px;display:flex}.user-list-summary button{color:#244f8d;white-space:nowrap;text-decoration:underline}.login-card .brand{height:150px;margin-bottom:22px}.login-card .brand img:first-child,.login-card .brand img:last-child{object-fit:contain;width:310px;max-width:100%;height:150px}.password-field{gap:8px;display:grid}.password-field>label{font-size:12px}.password-control{position:relative}.login-card .password-control input{padding-right:48px}.password-toggle{color:#526f94;border-radius:4px;justify-content:center;align-items:center;width:42px;display:flex;position:absolute;top:3px;bottom:3px;right:3px}.password-toggle:hover{color:#244f8d;background:#edf2f9}@media (max-width:560px){.login-card .brand img:first-child,.login-card .brand img:last-child{width:290px;height:140px}.login-card .brand{height:140px}}.email-settings{background:#f5f8fc;border:1px solid #e0e7f0;border-radius:8px;padding:18px}.email-settings p{line-height:1.6}.email-settings .primary{width:100%}.login-card .login-description{text-align:center}
