:root{--navy:#10244d;--navy2:#18386f;--blue:#356ee8;--gold:#efb936;--text:#172238;--muted:#748196;--line:#e5eaf2;--green:#2eaf76}*{box-sizing:border-box}.sl-body{margin:0;min-height:100vh;background:#edf2f8;color:var(--text);font:14px/1.5 "DM Sans",sans-serif;display:grid;place-items:center;padding:28px;overflow-x:hidden}.sl-backdrop{position:fixed;inset:0;pointer-events:none;background:linear-gradient(125deg,#eaf0f8 0,#f8fafe 48%,#e7eef8 100%);overflow:hidden}.sl-backdrop:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#5c75a1 1px,transparent 1px);background-size:25px 25px;opacity:.07}.sl-backdrop i{position:absolute;border-radius:50%;filter:blur(2px)}.sl-backdrop i:nth-child(1){width:420px;height:420px;background:rgba(53,110,232,.09);left:-170px;top:-150px}.sl-backdrop i:nth-child(2){width:340px;height:340px;background:rgba(239,185,54,.09);right:-120px;bottom:-130px}.sl-shell{position:relative;width:min(1160px,100%);min-height:680px;background:#fff;border:1px solid rgba(220,228,239,.9);border-radius:24px;box-shadow:0 25px 80px rgba(26,48,85,.15);display:grid;grid-template-columns:minmax(390px,.82fr) minmax(0,1.28fr);overflow:hidden}.sl-login-panel{padding:35px 48px 25px;display:flex;flex-direction:column}.sl-brand{display:flex;align-items:center;gap:11px}.sl-brand img{width:47px;height:47px;border-radius:10px}.sl-brand strong{display:block;font:800 21px Manrope;letter-spacing:.7px;color:var(--navy)}.sl-brand em{font-style:normal;font-size:9px;color:var(--navy);background:var(--gold);padding:2px 5px;border-radius:4px;vertical-align:middle}.sl-brand span{display:block;color:#71809a;font-size:8px}.sl-login-copy{margin-top:auto;padding-top:50px}.sl-login-copy>span{font-size:8px;letter-spacing:1.4px;color:var(--blue);font-weight:700}.sl-login-copy h1{font:800 28px Manrope;letter-spacing:-.6px;margin:5px 0}.sl-login-copy p{font-size:10px;color:var(--muted);margin:0 0 20px}.sl-warning:empty{display:none}.sl-warning .alert{padding:9px 11px;border:0;border-radius:8px;font-size:9px;margin:0 0 12px}.sl-form>label{font-size:9px;color:#58677e;margin:0 0 5px;display:block;font-weight:600}.sl-input{height:44px;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;margin-bottom:14px;background:#f9fbfd}.sl-input:focus-within{border-color:#91afe9;box-shadow:0 0 0 3px #edf3ff;background:#fff}.sl-input>i{width:40px;text-align:center;color:#8795a9}.sl-input input{height:100%;flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:11px "DM Sans"}.sl-input button{width:40px;height:100%;border:0;background:none;color:#8795a9;cursor:pointer}.sl-submit{width:100%;height:44px;border:0;border-radius:10px;background:linear-gradient(135deg,#356ee8,#275dca);color:#fff;display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:11px;box-shadow:0 8px 20px rgba(53,110,232,.24);cursor:pointer;margin-top:4px}.sl-submit:hover{transform:translateY(-1px);box-shadow:0 10px 25px rgba(53,110,232,.32)}.sl-security{display:flex;gap:9px;align-items:center;background:#f5f8fc;border-radius:9px;padding:10px;margin-top:18px;color:var(--green)}.sl-security b,.sl-security small{display:block}.sl-security b{font-size:8px;color:#53647e}.sl-security small{font-size:7px;color:#8a97aa}.sl-login-panel footer{font-size:7px;color:#a0abb9;margin-top:auto;padding-top:28px}.sl-info-panel{background:linear-gradient(145deg,#10244d,#17366c);color:#fff;padding:34px 37px;position:relative;overflow-y:auto}.sl-info-panel:before{content:"";position:absolute;width:310px;height:310px;border:55px solid rgba(255,255,255,.025);border-radius:50%;right:-100px;top:-120px}.sl-info-top{position:relative;display:flex;justify-content:space-between;align-items:center}.sl-info-top>span{font-size:8px;letter-spacing:1.4px;color:#91a8cb;font-weight:700}.sl-info-top time{font-size:8px;color:#aebed6}.sl-info-top time i{margin-right:5px}.sl-section-title{display:flex;align-items:center;gap:10px}.sl-section-title h2{font:700 14px Manrope;margin:0}.sl-section-title p{font-size:8px;color:#aebed6;margin:1px 0}.sl-vote-block{position:relative;margin-top:25px}.sl-section-title .live{font-size:7px;color:#ffb6b6;background:rgba(227,83,83,.18);border:1px solid rgba(255,121,121,.25);border-radius:8px;padding:4px 7px}.live i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ff6868;margin-right:4px;animation:pulse 1.6s infinite}.sl-vote-count{margin-left:auto;width:23px;height:23px;border-radius:7px;background:rgba(255,255,255,.1);display:grid;place-items:center;font-size:8px}.sl-vote-slider{margin-top:12px}.sl-vote-card{display:none;min-height:120px;background:linear-gradient(115deg,rgba(255,255,255,.12),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px;align-items:center;gap:13px}.sl-vote-card.active{display:flex}.sl-vote-icon{width:49px;height:49px;flex:0 0 49px;border-radius:12px;background:linear-gradient(135deg,#efb936,#d99b1f);display:grid;place-items:center;color:#17294d;font-size:20px}.sl-vote-card>span{min-width:0}.sl-vote-card small{font-size:7px;color:#efc65d;letter-spacing:.8px}.sl-vote-card h3{font:700 14px Manrope;margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sl-vote-card p{font-size:8px;color:#bccae0;margin:2px 0 7px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sl-vote-card time{font-size:7px;color:#8fa7c9}.sl-slider-dots{display:flex;justify-content:center;gap:5px;margin-top:8px}.sl-slider-dots button{width:6px;height:6px;border:0;border-radius:6px;background:#597197;padding:0;cursor:pointer}.sl-slider-dots button.active{width:18px;background:#efb936}.sl-reminder{position:relative;margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1)}.sl-reminder-icon{width:35px;height:35px;border-radius:9px;background:rgba(53,110,232,.25);color:#9bb9f4;display:grid;place-items:center}.sl-due-card{display:flex;align-items:center;gap:11px;margin-top:12px;border:1px solid rgba(239,185,54,.28);background:rgba(239,185,54,.1);border-radius:12px;padding:11px}.sl-due-card>span{font:800 22px Manrope;color:#efc457}.sl-due-card>div{flex:1}.sl-due-card small{font-size:6px;color:#efc457;letter-spacing:1px}.sl-due-card h3{font-size:10px;margin:0}.sl-due-card p{font-size:7px;color:#bdcbe0;margin:1px 0}.sl-due-card>i{width:24px;height:24px;border-radius:50%;background:#efb936;color:#17294d;display:grid;place-items:center;font-size:9px}.sl-schedule{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:12px}.sl-schedule>div{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:7px;text-align:center;min-width:0}.sl-schedule>div.active{border-color:#efb936;background:rgba(239,185,54,.12)}.sl-schedule span,.sl-schedule b,.sl-schedule small{display:block}.sl-schedule span{font:700 12px Manrope;color:#8ea5c7}.sl-schedule b{font-size:7px}.sl-schedule small{font-size:6px;color:#879fbe;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sl-static-info{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:17px}.sl-static-info article{display:flex;gap:7px;align-items:flex-start;background:rgba(255,255,255,.045);border-radius:9px;padding:9px}.sl-static-info article>i{color:#86a9ed;margin-top:2px}.sl-static-info b,.sl-static-info small{display:block}.sl-static-info b{font-size:7px}.sl-static-info small{font-size:6px;color:#8fa5c5}.sl-help{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:16px;color:#869dbc;font-size:7px}.sl-help b{color:#c5d1e3}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,104,104,.4)}50%{box-shadow:0 0 0 6px rgba(255,104,104,0)}}
@media(max-width:900px){.sl-body{padding:16px}.sl-shell{grid-template-columns:1fr;max-width:580px}.sl-login-panel{padding:28px 35px;min-height:620px}.sl-info-panel{padding:28px 35px}.sl-login-copy{padding-top:45px}.sl-static-info{grid-template-columns:1fr}.sl-info-panel{overflow:visible}}
@media(max-width:520px){.sl-body{padding:0;display:block}.sl-shell{border-radius:0;border:0;min-height:100vh}.sl-login-panel,.sl-info-panel{padding:25px 21px}.sl-login-panel{min-height:600px}.sl-login-copy h1{font-size:24px}.sl-schedule{grid-template-columns:repeat(5,minmax(56px,1fr));overflow-x:auto;padding-bottom:5px}.sl-vote-card h3{white-space:normal}.sl-static-info{display:none}}
.sl-warning{transition:opacity .3s}.sl-warning .alert-warning{background:#fff5df;color:#9a6811}.sl-warning .alert-danger{background:#fff0f0;color:#b54848}.sl-warning .alert-success{background:#eaf8f2;color:#237a54}.sl-warning center{text-align:left}.sl-warning b{font-weight:600}
