@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#17243a;background:#f6f7f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{width:252px;background:#101b2c;color:#c4cedd;padding:31px 17px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;padding:0 14px;color:#fff;font-family:Manrope,sans-serif;font-weight:800;font-size:28px;letter-spacing:-1.6px}.brand-mark{color:#91d4bb;font-size:33px}.brand-period{color:#91d4bb}.nav-label{font-size:10px;font-weight:700;letter-spacing:2px;color:#6d819b;margin:57px 15px 14px}.sidebar nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:15px;padding:13px 15px;border-radius:9px;font-size:14px;font-weight:500}.nav-item>span{font-size:19px;width:22px;text-align:center;color:#8b9cb4}.nav-item:hover,.nav-item.active{background:#23344b;color:#fff}.nav-item.active>span{color:#9fe3c8}.sidebar-footer{margin-top:auto;border-top:1px solid #26364a;padding:23px 15px 0;font-size:11px;font-weight:700;letter-spacing:1.1px}.sidebar-footer span{display:block;font-size:10px;color:#7e91a9;font-weight:500;margin-top:7px}.main{flex:1;min-width:0}.topbar{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7ebef;padding:0 6%;font-size:13px;color:#7d8897}.preview-pill{background:#e6f5ee;color:#247758;border-radius:20px;padding:8px 13px;font-weight:700;font-size:11px}.content{max-width:1160px;margin:0 auto;padding:74px 6%}.eyebrow{text-transform:uppercase;letter-spacing:2.3px;color:#479c7c;font-weight:800;font-size:11px;margin-bottom:18px}h1,h2{font-family:Manrope,sans-serif}h1{font-size:clamp(36px,4vw,56px);letter-spacing:-2.5px;line-height:1.15;margin:0 0 18px;max-width:700px}h2{font-size:21px;letter-spacing:-.5px;margin:54px 0 21px}.intro{font-size:17px;line-height:1.7;color:#728095;max-width:610px;margin:0 0 30px}.notice{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#eaf6f1;border:1px solid #d4eae0;color:#257454;padding:15px 18px;border-radius:11px;font-weight:700;font-size:13px;max-width:690px}.notice-dot{width:8px;height:8px;border-radius:50%;background:#3caa7e}.notice-detail{color:#628475;font-weight:400}.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.module-card{min-height:190px;position:relative;background:#fff;border:1px solid #e8ebef;border-radius:15px;padding:25px;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 18px #15263a05}.module-card:hover{border-color:#9ad1ba;transform:translateY(-2px)}.module-icon{font-size:28px;color:#429776}.module-card strong{font-family:Manrope,sans-serif;font-size:17px}.module-card>span:not(.module-icon):not(.card-arrow){font-size:13px;color:#7e899a;line-height:1.5}.card-arrow{position:absolute;right:20px;top:24px;color:#9faaba}.empty-state{border:1px dashed #cbd6dc;background:#fff;border-radius:16px;padding:54px 25px;text-align:center;max-width:650px}.empty-state h2{margin:14px 0}.empty-state p{color:#788598;max-width:420px;margin:auto;line-height:1.6}@media(max-width:760px){.shell{display:block}.sidebar{width:100%;padding:13px 16px}.brand{font-size:23px;padding:0}.brand-mark{font-size:26px}.nav-label,.sidebar-footer{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:3px;margin-top:12px;scrollbar-width:none}.nav-item{white-space:nowrap;padding:10px 12px;font-size:12px;gap:7px}.nav-item>span{font-size:15px;width:auto}.topbar{height:55px;padding:0 20px}.content{padding:42px 20px}.intro{font-size:15px}.module-grid{grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:10px}.module-card{padding:18px;min-height:174px}h1{letter-spacing:-1.6px}}.auth-panel{background:#fff;border:1px solid #dfe8e5;border-radius:15px;padding:25px;max-width:690px;margin-top:24px;box-shadow:0 4px 18px #15263a05}.auth-panel h2{margin:0 0 10px}.auth-panel p{color:#667589;line-height:1.6;font-size:14px}.auth-panel form{display:grid;gap:10px;max-width:430px}.auth-panel label{font-size:13px;font-weight:700;color:#314156}.auth-panel input{width:100%;padding:12px;border:1px solid #bdcbd1;border-radius:9px;font:inherit;margin-bottom:5px}.auth-panel button{border:0;border-radius:9px;background:#172b40;color:#fff;padding:12px 17px;font:inherit;font-weight:700;cursor:pointer}.auth-panel button:disabled{opacity:.6;cursor:wait}.auth-panel .auth-switch{background:transparent;color:#247758;padding:12px 0;text-align:left}.auth-panel .auth-message{background:#eff7f3;border-radius:8px;padding:10px}