*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#223149}body{background:#f5f7fc}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #6a9aff;outline-offset:2px}.primary{background:#2563eb;color:#fff;border:0;border-radius:9px;padding:11px 17px;font-weight:600}.live-center{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:13px;padding:30px}.live-center h2{margin:2px 0;font-size:24px}.live-center p{max-width:520px;line-height:1.5;color:#596a82;margin:0}.live-center small{color:#77859a}.live-center .live-logo{background:#e6efff;color:#2563eb;padding:16px;border-radius:17px}.live-muted{font-size:13px}.live-login{max-width:370px;width:100%;background:white;border:1px solid #e5e9f0;border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:15px;box-shadow:0 12px 48px #132a4c0b}.live-login label{text-align:left;font-weight:600;font-size:13px;display:flex;flex-direction:column;gap:7px}.live-login input{padding:11px 12px;border-radius:8px;border:1px solid #bdcbe0}.live-error{color:#a42131!important;background:#fff0f1;padding:10px}.live-root{--nav:#152a4d;--paper:#fff;--ink:#223149;--muted:#6b7d93;--border:#e5ebf4;display:flex;min-height:100vh;color:var(--ink);background:#f5f7fc}.live-nav{width:222px;background:linear-gradient(155deg,#132c53,#0b1d3b);color:#fff;display:flex;flex-direction:column;flex-shrink:0;padding:20px 8px}.live-brand{display:flex;align-items:center;gap:12px;padding:9px 13px 30px;font-weight:750;font-size:18px}.live-nav>button,.live-nav-bottom button{display:flex;align-items:center;gap:12px;color:#dae8ff;border:0;background:none;padding:14px 15px;width:100%;text-align:left;border-radius:8px;font-weight:550}.live-nav>button.active{background:#31599a;color:#fff}.live-nav>button:hover,.live-nav-bottom button:hover{background:#25446e}.live-counter{margin-left:auto;font-size:12px}.live-nav-bottom{margin-top:auto;border-top:1px solid #49627d;padding:15px 7px 6px}.live-nav-bottom small{display:block;overflow-wrap:anywhere;padding:5px 8px;color:#d5e6fa}.live-work{flex:1;min-width:0;display:flex;flex-direction:column}.live-top{display:flex;align-items:center;gap:16px;padding:17px 24px;background:var(--paper);border-bottom:1px solid var(--border)}.live-top strong{font-size:20px}.live-spacer{flex:1}.live-tag{font-size:12px;color:#466ca8;background:#eaf2ff;padding:6px 10px;border-radius:99px}.live-iconbtn{display:flex;align-items:center;justify-content:center;background:#f6f8fb;border:1px solid #dfe7f2;border-radius:8px;padding:8px;color:#47617e}.live-notice{margin:12px 18px 0;border:1px solid #ffd995;border-radius:10px;background:#fff8e9;padding:12px 15px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:#754b13}.live-notice button{background:none;border:0;display:flex;align-items:center}.live-mail{display:flex;flex:1;min-height:0;padding:16px 18px;gap:15px}.live-folders{width:234px;flex-shrink:0;background:var(--paper);border-radius:12px;border:1px solid var(--border);padding:17px 10px;overflow:auto}.live-folderhead{display:flex;justify-content:space-between;font-size:12px;color:#7b879a;letter-spacing:.08em;font-weight:700;padding:8px 13px 14px}.live-folders>button{width:100%;border:0;background:none;border-radius:8px;padding:13px 11px;display:flex;align-items:center;gap:11px;text-align:left;color:#34506e;font-size:14px}.live-folders>button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-folders>button.active,.live-folders>button:hover{background:#eaf1ff;color:#2260d9}.live-sidebar-foot{border-top:1px solid var(--border);margin:18px 10px 0;padding-top:17px;display:flex;gap:8px;font-size:12px;line-height:1.5;color:#738398}.live-inbox{flex:1;min-width:0;background:var(--paper);border:1px solid var(--border);border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.live-inbox-header{display:flex;align-items:center;justify-content:space-between;padding:17px 20px}.live-inbox-header h2{margin:0;font-size:18px}.live-search{display:flex;align-items:center;gap:12px;background:#f9fbfe;border:1px solid var(--border);border-radius:9px;margin:0 20px 14px;padding:9px 12px;color:#7a889d}.live-search input{border:0;outline:none;flex:1;min-width:0;background:transparent;color:var(--ink)}.live-search span{font-size:12px;white-space:nowrap}.live-messagehead{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.02em;color:#8b99ab;background:#f8faff;border-block:1px solid var(--border);padding:10px 20px}.live-items{flex:1;overflow:auto}.live-message{padding:15px 20px;width:100%;border:0;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:15px;background:var(--paper);text-align:left;color:var(--ink)}.live-message:hover{background:#f3f7ff}.live-initials{width:37px;height:37px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#e4edff;color:#3863aa;border-radius:11px;font-size:12px;font-weight:700}.live-message-text{display:flex;flex:1;min-width:0;flex-direction:column;gap:4px}.live-message-text strong,.live-message-text span,.live-message-text small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-message-text strong{font-size:14px}.live-message-text span{font-size:13px}.live-message-text small{font-size:12px;color:#8391a5}.live-message time{align-self:flex-start;color:#738398;font-size:12px;white-space:nowrap}.live-empty,.live-more{text-align:center;padding:20px;color:#8696a8}.live-more button,.live-section button{border:1px solid #c9d8ef;color:#2563eb;background:#f8fbff;padding:10px 15px;border-radius:8px}.live-section{margin:16px 18px;padding:24px;background:var(--paper);border:1px solid var(--border);border-radius:12px;min-height:350px}.live-section h2{margin-top:0}.live-section>p{color:var(--muted);max-width:650px;line-height:1.5}.live-rulelist>div{display:flex;flex-direction:column;gap:7px;border-bottom:1px solid var(--border);padding:15px 0}.live-rulelist small{color:var(--muted)}.live-setting-label{display:flex;align-items:center;gap:20px;padding:20px 0}.live-setting-label select{border:1px solid #ccd8e8;border-radius:8px;padding:8px}.live-section details{padding:10px 0 20px}.live-chatbutton{position:fixed;right:22px;bottom:22px;border:0;background:#2563eb;color:white;width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 25px #2563eb50;z-index:3}.live-chat{position:fixed;bottom:90px;right:24px;background:white;border:1px solid #d9e4f3;border-radius:14px;box-shadow:0 18px 50px #071c3d30;width:320px;z-index:4;padding:19px}.live-chat>div{display:flex;justify-content:space-between}.live-chat>div button{border:0;background:transparent}.live-chat p{font-size:13px;line-height:1.5;color:#5e6f87}.live-chat>button{background:#edf3fc;color:#58728d;border:0;padding:12px;border-radius:8px;width:100%}.live-overlay{position:fixed;inset:0;background:#09193385;display:flex;align-items:center;justify-content:center;padding:24px;z-index:5}.live-modal{width:min(820px,95vw);max-height:90vh;min-height:340px;overflow:auto;border-radius:13px;background:#fff;box-shadow:0 35px 75px #07152f60}.live-modalbar{display:flex;align-items:center;justify-content:space-between;background:#182d50;color:white;padding:14px 18px}.live-modalbar button{background:none;border:0;color:inherit}.live-modalcontent{padding:25px}.live-modalcontent h2{font-size:21px}.live-modalcontent p{font-size:14px}.live-missing{display:flex;gap:16px;margin-top:28px;padding:24px;border:1px solid #e1e8f2;border-radius:10px;background:#f7faff;color:#486079}.live-missing p{line-height:1.6}.live-modalactions{margin-top:25px;display:flex;flex-wrap:wrap;gap:8px}.live-modalactions button{border:1px solid #ccd9ec;border-radius:8px;padding:10px;background:#fff;color:#45648b}.live-dark{--paper:#1b2d48;--ink:#e9f1ff;--muted:#b7c9e0;--border:#384e69;background:#12223b}.live-dark .live-search,.live-dark .live-messagehead{background:#263b59}.live-dark .live-message:hover{background:#2b4263}.live-dark .live-folders>button{color:#d7e5f7}.live-dark .live-folders>button.active,.live-dark .live-folders>button:hover{background:#33537a}.live-dark .live-search input{color:#fff}.live-dark .live-tag{background:#304a6b;color:#b6d5ff}.live-dark .live-iconbtn{background:#2c4565;color:#dae7ff;border-color:#466382}@media(max-width:960px){.live-nav{width:74px}.live-brand{font-size:0}.live-nav>button{font-size:0;justify-content:center}.live-counter,.live-nav-bottom small{display:none}.live-folders{width:190px}}@media(max-width:650px){.live-root{display:block}.live-nav{width:100%;height:auto;flex-direction:row;align-items:center;padding:4px 10px}.live-brand{padding:8px;font-size:0}.live-nav>button{width:auto;padding:12px}.live-nav-bottom{margin:0 0 0 auto;padding:0;border:0}.live-nav-bottom button{font-size:0}.live-tag{display:none}.live-mail{padding:8px;gap:8px;flex-direction:column}.live-folders{width:100%;max-height:130px;display:flex;align-items:flex-start;overflow:auto;gap:4px}.live-folderhead,.live-sidebar-foot{display:none}.live-folders>button{width:auto;white-space:nowrap}.live-top{padding:11px}.live-message{padding:13px 10px}.live-message time{font-size:10px}.live-initials{display:none}.live-search{margin:0 10px 10px}.live-inbox-header{padding:12px}}
.portal-body{white-space:pre-wrap;overflow-wrap:anywhere;padding:21px 3px;border-block:1px solid #e4ebf4;line-height:1.65;font-size:14px;min-height:150px}.portal-compose{padding:20px;display:flex;flex-direction:column;gap:13px}.portal-compose label{display:flex;flex-direction:column;gap:7px;font-weight:600;font-size:13px}.portal-compose input,.portal-compose textarea,.portal-compose select{padding:10px;border-radius:7px;border:1px solid #cbd7e5;width:100%;font:inherit}.portal-compose button{padding:9px 14px;border-radius:8px}.live-modalactions select{max-width:170px;padding:8px;border-radius:7px;border:1px solid #cbd7e5}.live-modalactions label{display:flex;align-items:center;gap:8px}