:root{font-family:SF Pro Display,PingFang SC,Microsoft YaHei,system-ui,sans-serif;color:#15263e;background:#edf3f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#edf3f8;color:#15263e}button,a{font:inherit}.page-shell{width:min(1080px,calc(100% - 40px));margin:0 auto;padding:30px 0 26px}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.identity{display:flex;align-items:center;gap:13px}.crest{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#175fa9;color:#fff;font-family:serif;font-size:23px;box-shadow:0 10px 25px #1765bd30}.identity p,.identity h1{margin:0}.identity p{font-size:11px;letter-spacing:.16em;color:#67758a}.identity h1{font-size:21px;letter-spacing:.04em}.secure{display:flex;align-items:center;gap:6px;padding:7px 11px;border-radius:999px;background:#e1f3e9;color:#24724d;font-size:12px}.surface{padding:26px;border:1px solid #d8e2ec;border-radius:22px;background:#fff;box-shadow:0 18px 52px #274b7312}.environment-note{display:flex;gap:12px;align-items:flex-start;margin-bottom:16px;padding:14px 17px;border:1px solid #eed481;border-radius:15px;background:#fff8dc;color:#6a5521}.environment-note>span{width:9px;height:9px;margin-top:6px;border-radius:50%;background:#daa515;box-shadow:0 0 0 5px #f6e8b1}.environment-note strong,.environment-note p{margin:0}.environment-note p{margin-top:3px;color:#89733e;font-size:12px}.loading{text-align:center;padding:75px}.spinner{width:32px;height:32px;margin:auto;border:3px solid #d9e8f8;border-top-color:#2171ce;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sign-in{width:min(720px,100%);margin:0 auto;text-align:center;padding:46px}.wifi-mark{display:grid;place-items:center;width:76px;height:76px;margin:0 auto 17px;border-radius:22px;background:#e8f2fc;color:#1765b5}.eyebrow{margin:0;color:#3b75b8;font-size:11px;letter-spacing:.24em}.sign-in h2{margin:10px 0 8px;font-size:31px}.lead{max-width:530px;margin:0 auto 24px;color:#66758a;line-height:1.7}.facts,.metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.facts{margin-bottom:20px}.facts div,.metrics div{padding:13px;border:1px solid #e3eaf2;border-radius:13px;background:#f6f8fb}.facts span,.metrics span{display:block;margin-bottom:4px;color:#7b8799;font-size:11px}.facts strong,.metrics strong{font-size:14px}.primary-action,.passport-action{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:0;border-radius:14px;background:#1765b5;color:#fff;font-weight:750;cursor:pointer}.primary-action{padding:16px 20px}.sign-in>small{display:block;margin-top:13px;color:#98a2b0}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;align-items:start}.main-column{display:grid;gap:14px}.status-line,.status-line>div,.section-heading,.lease,.logout-action{display:flex;align-items:center}.status-line{justify-content:space-between}.status-line>div{gap:9px}.status-line>span{padding:6px 10px;border-radius:999px;background:#e8f1fb;color:#2b6099;font-size:11px}.online-dot{width:9px;height:9px;border-radius:50%;background:#dc9f1c}.online-dot.active{background:#20a163;box-shadow:0 0 0 5px #dff4e9}.welcome{margin:25px 0 18px}.welcome p,.welcome h2{margin:0}.welcome p{color:#78869a}.welcome h2{margin-top:2px;font-size:29px}.lease{justify-content:space-between;padding:20px 22px;border-radius:17px;background:#145a9f;color:#fff}.lease>div{display:flex;flex-direction:column}.lease span{font-size:11px;opacity:.75}.lease strong{margin:4px 0;font-size:39px;letter-spacing:.06em}.lease small{display:flex;align-items:center;gap:5px;opacity:.76}.lease>svg{opacity:.28}.metrics{margin-top:12px}.passport-action{justify-content:space-between;padding:18px 21px;text-align:left;box-shadow:0 12px 28px #1765b52a}.passport-action span,.passport-action b,.passport-action small{display:block}.passport-action b{font-size:17px}.passport-action small{margin-top:3px;opacity:.74;font-weight:400}.section-heading{justify-content:space-between}.section-heading p{margin:0;font-size:17px;font-weight:750}.section-heading span{color:#8995a5;font-size:12px}.section-heading>b{padding:6px 10px;border-radius:9px;background:#edf4fc;color:#2865a7}.renew-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0}.renew-grid button{position:relative;padding:16px 8px;border:1px solid #dfe8f3;border-radius:14px;background:#f7faff;color:#27466c;cursor:pointer}.renew-grid b,.renew-grid span{display:block}.renew-grid b{font-size:22px}.renew-grid span{margin-top:2px;color:#7a8798;font-size:11px}.renew-grid .recommended{border-color:#3f82ce;background:#edf6ff}.renew-grid em{position:absolute;right:6px;top:6px;padding:2px 5px;border-radius:5px;background:#2a75c8;color:#fff;font-size:9px;font-style:normal}.logout-action{width:100%;gap:11px;padding:13px 15px;border:1px solid #efd8d8;border-radius:13px;background:snow;color:#a53f3f;text-align:left;cursor:pointer}.logout-action span,.logout-action b,.logout-action small{display:block}.logout-action small{margin-top:2px;color:#a97878;font-size:11px;font-weight:400}.device{display:flex;align-items:center;gap:11px;padding:14px 0;border-bottom:1px solid #edf1f6}.device:last-child{border:0}.device-icon{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:#edf5ff;color:#2b6db6}.device>div:nth-child(2){flex:1}.device strong,.device span{display:block}.device strong{font-size:13px}.device span{margin-top:3px;color:#8b97a7;font-size:10px}.device em{color:#7e8996;font-size:10px;font-style:normal}.device em.active{color:#168d58}.desktop-preview{overflow:hidden;border:1px solid #d8e2ec;border-radius:22px;background:#fff;box-shadow:0 18px 52px #274b7312}.desktop-preview>button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px;border:0;border-bottom:1px solid #e7edf3;background:#f7f9fc;color:#1a3556;cursor:pointer}.desktop-preview>button div{display:flex;align-items:center;gap:8px}.desktop-preview>button span{color:#6e8096;font-size:10px}.desktop-preview article{padding:13px 17px;border-bottom:1px solid #edf1f5}.desktop-preview article.read{opacity:.5}.desktop-preview article strong,.desktop-preview article span{display:block}.desktop-preview article strong{font-size:12px}.desktop-preview article span{margin-top:4px;color:#8995a5;font-size:10px}.oa-inline-error{padding:12px 17px;color:#a33e3e;font-size:11px}.side-dock{position:fixed;right:18px;top:42%;z-index:30;display:none;gap:7px;flex-direction:column}.side-dock button{position:relative;display:flex;align-items:center;gap:7px;padding:10px 11px;border:1px solid #cfdae6;border-radius:12px;background:#fff;color:#31516f;box-shadow:0 9px 25px #274b7320;cursor:pointer}.side-dock button.active{border-color:#2c72b5;background:#eaf3fc;color:#185d9e}.side-dock button span{font-size:11px;font-weight:750}.side-dock button b{position:absolute;right:-6px;top:-6px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#c43c3c;color:#fff;font-size:10px}.drawer-backdrop{position:fixed;inset:0;z-index:50;background:#102a4359}.info-drawer{position:absolute;right:0;top:0;width:min(440px,100%);height:100%;overflow-y:auto;padding:23px;background:#f4f7fa;box-shadow:-18px 0 50px #102a4338}.info-drawer>header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.info-drawer>header span{color:#2b6aa6;font-size:10px;letter-spacing:.15em}.info-drawer>header h2{margin:4px 0 0}.info-drawer>header button{width:36px;height:36px;border:1px solid #d5dfe9;border-radius:10px;background:#fff;color:#52667a;font-size:23px;cursor:pointer}.notice-feed,.timeline{display:grid;gap:10px}.notice-feed article,.timeline article{border:1px solid #dce5ee;border-radius:15px;background:#fff;box-shadow:0 8px 24px #274b730b}.notice-feed article.read{opacity:.57}.notice-main{display:block;width:100%;padding:15px;border:0;background:transparent;text-align:left;cursor:pointer}.notice-main>div{display:flex;gap:5px}.notice-main>div span{padding:2px 6px;border-radius:999px;background:#eef3f8;color:#64748b;font-size:9px}.notice-main h3{margin:7px 0 5px;font-size:15px}.notice-main small{color:#8a97a6}.notice-main p{margin:12px 0 0;padding-top:11px;border-top:1px solid #edf1f4;color:#52667a;line-height:1.7;white-space:pre-wrap}.notice-controls{display:flex;flex-wrap:wrap;gap:7px;padding:0 15px 14px}.notice-controls button,.notice-controls a{display:flex;align-items:center;gap:5px;padding:7px 9px;border:0;border-radius:8px;background:#e8f3ff;color:#1c619f;font-size:10px;font-weight:700;text-decoration:none;cursor:pointer}.timeline article{display:grid;grid-template-columns:72px 1fr;gap:12px;padding:15px}.timeline article.duty{border-left:4px solid #d39325}.timeline article.lesson{border-left:4px solid #2878be}.timeline article.calendar{border-left:4px solid #23835b}.timeline .time{display:flex;flex-direction:column;padding-right:10px;border-right:1px solid #e7edf2}.timeline .time b{font-size:13px}.timeline .time span{margin-top:4px;color:#718298;font-size:11px}.timeline em{color:#2d6da8;font-size:10px;font-style:normal}.timeline h3{margin:4px 0;font-size:14px}.timeline p{margin:3px 0;color:#69798d;font-size:11px;line-height:1.5}.timeline small{display:flex;align-items:center;gap:4px;color:#8492a2}.empty{padding:28px;text-align:center;color:#94a0ae}.oa-error,.error{padding:12px 14px;border:1px solid #f0c9c9;border-radius:12px;background:#fff1f1;color:#a33e3e}.oa-error button{margin-left:7px;border:0;background:transparent;color:#7f2424;text-decoration:underline;cursor:pointer}.error{margin-top:14px}button:disabled{opacity:.5;cursor:wait}footer{display:flex;justify-content:space-between;padding:17px 5px;color:#8c98a8;font-size:11px}footer a{color:#3974b6;text-decoration:none}.trusted-device{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding:14px;border:1px solid #dce6f0;border-radius:14px;background:#f7f9fc}.trusted-device.configured{border-color:#b9e0cb;background:#f0faf5}.trusted-device>div{display:flex;align-items:center;gap:10px;color:#2867a8}.trusted-device.configured>div{color:#218354}.trusted-device span,.trusted-device b,.trusted-device small{display:block}.trusted-device b{font-size:13px}.trusted-device small{margin-top:3px;color:#7d8b9d;font-size:10px}.trusted-device button,.device-actions button{display:flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid #d7e2ed;border-radius:9px;background:#fff;color:#376895;font-size:10px;cursor:pointer}.device>div:nth-child(2){min-width:0}.device>div:nth-child(2) span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.device-actions{display:flex;align-items:center;gap:5px}.device-actions em{margin-right:3px}.device-actions .disconnect{color:#a64545}@media(max-width:900px){.page-shell{width:min(100% - 24px,760px);padding-top:18px}.dashboard-grid{display:block}.desktop-preview{display:none}.side-dock{display:flex}.main-column{padding-right:48px}.surface{padding:21px;border-radius:19px}}@media(max-width:600px){.page-shell{width:calc(100% - 20px)}.secure{display:none}.identity h1{font-size:19px}.main-column{padding-right:0}.surface{padding:18px}.sign-in{padding:34px 20px}.sign-in h2{font-size:26px}.facts,.metrics{grid-template-columns:1fr}.lease strong{font-size:32px}.lease>svg{display:none}.renew-grid{gap:6px}.renew-grid button{padding:14px 4px}.renew-grid b{font-size:18px}.passport-action{padding:17px}.trusted-device{align-items:flex-start;flex-direction:column}.device{align-items:flex-start}.device-actions{flex-wrap:wrap;justify-content:flex-end}.device-actions em{width:100%;text-align:right}.side-dock{top:auto;right:10px;bottom:18px;flex-direction:row}.side-dock button{padding:10px 12px}.info-drawer{top:auto;bottom:0;height:min(82vh,720px);width:100%;border-radius:22px 22px 0 0;padding:18px}.timeline article{grid-template-columns:65px 1fr}footer{flex-direction:column;gap:6px;padding-bottom:78px;text-align:center}}.desktop-preview>button,.desktop-schedule-heading{display:flex;align-items:center;justify-content:space-between;width:100%;padding:17px;border:0;border-bottom:1px solid #e7edf3;background:#f7f9fc;color:#1a3556}.desktop-preview>button{cursor:pointer}.desktop-schedule-heading div{display:flex;align-items:center;gap:8px}.desktop-schedule-heading>span{color:#6e8096;font-size:10px}.desktop-preview article{min-height:58px}.desktop-preview article strong,.desktop-preview article span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-preview article.duty,.timeline article.duty{border-left:4px solid #d28a16;background:#fff8e8}.desktop-preview article.lesson,.timeline article.lesson{border-left:4px solid #2878be;background:#f1f7fd}.desktop-preview article.calendar,.timeline article.calendar{border-left:4px solid #23835b;background:#eff9f4}.desktop-preview article.duty span,.timeline article.duty em{color:#a7670b}.desktop-preview article.lesson span,.timeline article.lesson em{color:#1f66a5}.desktop-preview article.calendar span,.timeline article.calendar em{color:#187249}.lease.expired{background:#6f7782}.lease.expired strong{letter-spacing:.03em}.drawer-enter-active,.drawer-leave-active{transition:background-color .26s ease}.drawer-enter-active .info-drawer,.drawer-leave-active .info-drawer{transition:transform .34s cubic-bezier(.22,.8,.28,1),opacity .24s ease;will-change:transform,opacity}.drawer-enter-from,.drawer-leave-to{background-color:#102a4300}.drawer-enter-from .info-drawer,.drawer-leave-to .info-drawer{transform:translate(100%);opacity:.75}@media(max-width:900px){.drawer-enter-from .info-drawer,.drawer-leave-to .info-drawer{transform:translateY(100%);opacity:.92}}@media(prefers-reduced-motion:reduce){.drawer-enter-active,.drawer-leave-active,.drawer-enter-active .info-drawer,.drawer-leave-active .info-drawer{transition-duration:.01ms!important}}