.announcement-entry{position:relative;white-space:nowrap}.announcement-badge{position:absolute;top:-7px;right:-7px;display:grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border:2px solid #fff;border-radius:10px;background:#c83f3f;color:#fff;font-size:10px;font-weight:700}.onboarding-layer,.announcement-layer{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px;background:rgba(15,29,48,.68);backdrop-filter:blur(3px)}.onboarding-layer[hidden],.announcement-layer[hidden]{display:none}.tutorial-dialog{display:flex;flex-direction:column;width:min(1120px,calc(100vw - 48px));height:min(820px,calc(100vh - 48px));overflow:hidden;border:1px solid #dce4ed;border-radius:14px;background:#fff;box-shadow:0 24px 70px rgba(12,31,54,.3)}.tutorial-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:25px 30px 20px}.tutorial-kicker,.announcement-dialog>header span{display:block;color:#286bbd;font-size:12px;font-weight:700;letter-spacing:.08em}.tutorial-header h1{margin:7px 0 6px;font-size:25px}.tutorial-header p{margin:0;color:#718096;font-size:12px}.tutorial-progress{height:5px;background:#e7edf4}.tutorial-progress span{display:block;width:0;height:100%;background:#2b73cb;transition:width .15s}.tutorial-layout{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:0;flex:1;border-top:1px solid #e5eaf0;border-bottom:1px solid #e5eaf0}.tutorial-layout aside{padding:24px 18px;background:#f6f8fb;border-right:1px solid #e1e7ef}.tutorial-layout aside>strong{display:block;padding:0 9px 10px;color:#526177;font-size:12px}.tutorial-layout aside nav{display:grid;gap:5px}.tutorial-layout aside button{width:100%;border:0;border-radius:7px;background:transparent;padding:10px;text-align:left;color:#516176;font-size:12px;line-height:1.4}.tutorial-layout aside button:hover,.tutorial-layout aside button.active{background:#e5effb;color:#1f5faa;font-weight:700}.tutorial-layout aside p{margin:18px 9px 0;color:#6d7d91;font-size:11px}.tutorial-content{min-width:0;overflow-y:auto;overscroll-behavior:contain;padding:10px 34px 60px;outline:none;scroll-behavior:smooth}.tutorial-intro{margin:18px 0 8px;padding:15px 17px;border-left:4px solid #3175c5;border-radius:7px;background:#f2f7fd;color:#405269;line-height:1.7}.tutorial-section{scroll-margin-top:18px;padding:25px 0 8px;border-bottom:1px solid #e6ebf1}.tutorial-section:last-child{border-bottom:0}.tutorial-section header{display:flex;align-items:flex-start;gap:13px}.tutorial-section header span{flex:0 0 auto;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#e7f0fb;color:#2364ae;font-weight:700}.tutorial-section h2{margin:3px 0 6px;font-size:18px}.tutorial-section header p{margin:0;color:#6c7a8f;font-size:12px;line-height:1.6}.tutorial-section ul{margin:16px 0 8px;padding-left:24px}.tutorial-section li{margin:10px 0;color:#304157;line-height:1.75}.tutorial-finish{margin:28px 0 0;padding:18px;border:1px solid #cfe0f3;border-radius:9px;background:#f5f9fe;text-align:center;color:#315373}.tutorial-footer{display:flex;align-items:center;gap:16px;min-height:82px;padding:15px 30px}.tutorial-footer p{margin:0 auto 0 0;color:#68778c;font-size:12px}.tutorial-footer label{display:flex;align-items:center;gap:8px;white-space:nowrap;font-weight:700}.tutorial-footer input{width:auto}.tutorial-footer button:disabled,.tutorial-footer input:disabled{cursor:not-allowed;opacity:.45}.tutorial-footer>span{max-width:200px;color:#a13d3d;font-size:12px}.announcement-dialog{width:min(920px,calc(100vw - 48px));height:min(620px,calc(100vh - 48px));overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 24px 70px rgba(12,31,54,.3)}.announcement-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:22px 25px;border-bottom:1px solid #e1e7ef}.announcement-dialog>header h2{margin:5px 0 0;font-size:21px}.announcement-layout{display:grid;grid-template-columns:340px minmax(0,1fr);height:calc(100% - 88px)}.announcement-list{overflow-y:auto;padding:12px;border-right:1px solid #e1e7ef;background:#f7f9fc}.announcement-item{display:block;width:100%;margin-bottom:8px;padding:14px;border:1px solid #dfe6ef;border-radius:9px;background:#fff;text-align:left}.announcement-item:hover,.announcement-item.active{border-color:#87acd7;background:#f1f7fe}.announcement-item header{display:flex;align-items:center;gap:7px}.announcement-item strong{flex:1;color:#233349}.announcement-item p{margin:8px 0;color:#65758b;font-size:12px;line-height:1.55}.announcement-item footer{display:flex;align-items:center;justify-content:space-between;color:#8190a2;font-size:11px}.announcement-state{color:#27704a}.announcement-state.unread{color:#b2473e;font-weight:700}.required-mark{padding:2px 6px;border-radius:10px;background:#fff0dc;color:#8a5700;font-size:10px}.announcement-detail{min-width:0;overflow-y:auto;padding:30px}.announcement-detail h3{margin:0 0 8px;font-size:20px}.announcement-detail time{color:#718096;font-size:12px}.announcement-detail p{white-space:pre-wrap;color:#415269;line-height:1.8}.announcement-detail .primary{margin-top:12px}.announcement-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8390a1}.announcement-empty span{margin-top:7px;font-size:12px}body.onboarding-locked{min-width:0;overflow:hidden}.onboarding-locked .app-shell{visibility:hidden}
@media(max-width:760px){.onboarding-layer,.announcement-layer{padding:0}.tutorial-dialog,.announcement-dialog{width:100vw;height:100vh;border:0;border-radius:0}.tutorial-header{padding:18px 18px 14px}.tutorial-header h1{font-size:21px}.tutorial-layout{grid-template-columns:1fr}.tutorial-layout aside{padding:10px 14px;border-right:0;border-bottom:1px solid #e1e7ef}.tutorial-layout aside>strong,.tutorial-layout aside p{display:none}.tutorial-layout aside nav{display:flex;overflow-x:auto;gap:6px;padding-bottom:2px}.tutorial-layout aside button{flex:0 0 auto;width:auto;padding:8px 10px;white-space:nowrap}.tutorial-content{padding:6px 18px 36px}.tutorial-section{padding-top:21px}.tutorial-footer{flex-wrap:wrap;gap:10px;min-height:116px;padding:12px 18px}.tutorial-footer p{width:100%}.tutorial-footer label{font-size:12px}.tutorial-footer .primary{margin-left:auto;padding:9px 13px}.tutorial-footer>span{width:100%;max-width:none}.announcement-dialog>header{padding:17px 18px}.announcement-layout{grid-template-columns:1fr;height:calc(100% - 78px)}.announcement-list{max-height:42vh;border-right:0;border-bottom:1px solid #e1e7ef}.announcement-detail{padding:20px}.announcement-entry{max-width:140px}.announcement-item p{margin-bottom:5px}}