:root{--accent:#5740ec;--accent2:#7c3aed;--ink:#273149;--muted:#788099;--line:#e4e6f0;--shadow:0 9px 30px #6550d412,0 2px 6px #20283e04;--font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(125deg,#eef2ff 0%,#f8f5ff 53%,#fdf3f9 100%);color:var(--ink);font:14px var(--font);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;border:0}button:disabled{opacity:.6;cursor:wait}a{color:var(--accent);text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #bfb2fb;outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.topbar{max-width:1080px;margin:0 auto;min-height:78px;padding:18px 28px;display:flex;justify-content:space-between;align-items:center;gap:16px}.topbar-left{display:flex;align-items:center;gap:24px;min-width:0}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:19px;font-weight:730;white-space:nowrap;letter-spacing:-.5px}.brand img{display:block;border-radius:11px;box-shadow:0 3px 9px #6845dc19}.brand-light{font-weight:500;color:#5b5973}.language-control{display:flex;align-items:center;gap:6px;color:#7a7891;border-left:1px solid #dcddec;padding-left:22px}.language-control svg{width:15px;height:15px}.language-control select{width:auto;border:0;background:transparent;color:#66647e;font-size:12px;padding:6px 19px 6px 1px;cursor:pointer;box-shadow:none}.admin-link{display:flex;align-items:center;gap:7px;font-size:13px;background:transparent;color:#6f7290;padding:9px 0 9px 12px;white-space:nowrap}.admin-link svg{width:15px;height:15px}.admin-link:hover{color:var(--accent)}.wrap{max-width:1080px;margin:0 auto;padding:8px 28px 48px}.hero{text-align:center;padding:45px 0 30px}.hero-mark{font-size:20px;color:#9c83ee;margin-bottom:13px;line-height:1}.hero h1{font-size:40px;letter-spacing:-1.5px;line-height:1.25;font-weight:740;background:linear-gradient(110deg,#342f89,#5843e7 55%,#8954e9);background-clip:text;-webkit-background-clip:text;color:transparent}.hero p{margin-top:14px;color:#7a7b94;font-size:14px;line-height:1.8}.card{background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow)}.lookup{display:flex;gap:11px;padding:15px;max-width:680px;margin:0 auto}.lookup-input{position:relative;flex:1;min-width:0}.lookup-input svg{position:absolute;left:15px;top:15px;color:#a29bb6;width:18px;height:18px}.lookup-input input{padding:14px 14px 14px 42px;font-size:14px;height:48px}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:13px 21px;font-size:13px;font-weight:620;border-radius:10px;white-space:nowrap;transition:background .15s,transform .15s;min-height:43px}.primary{background:linear-gradient(120deg,#5944ed,#8037ee);color:white;box-shadow:0 4px 12px #6246e42b}.primary:hover{transform:translateY(-1px);box-shadow:0 6px 15px #6246e43d}.ghost,.secondary{background:#f2f3f8;color:#5f607e}.ghost:hover,.secondary:hover{background:#e9e8f5}.small{padding:8px 12px;min-height:33px;font-size:12px;border-radius:8px}.full{width:100%}.connection-line{display:flex;align-items:center;justify-content:center;gap:7px;min-height:47px;font-size:11px;color:#9691aa;text-align:center;padding:9px 0}.connection-line i{width:5px;height:5px;border-radius:50%;background:#b6aec9;flex-shrink:0}.connection-line i.connected{background:#6ca78c;box-shadow:0 0 0 3px #63a98b0c}.lookup-error{max-width:680px;margin:12px auto 0;padding:12px 16px;border:1px solid #f4ced6;background:#fff1f4;border-radius:10px;color:#b54762;font-size:12px}.inbox{margin-top:14px;overflow:hidden}.inbox-head{padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #efedf6}.inbox-identity{min-width:0}.inbox-label{display:block;color:#9388a9;font-size:9px;letter-spacing:1.6px;font-weight:650;margin-bottom:6px}.inbox-identity strong{font-size:15px;font-weight:640;overflow-wrap:anywhere}.inbox-tools{display:flex;gap:8px;flex-shrink:0}.inbox-subhead{padding:13px 24px;display:flex;justify-content:space-between;align-items:center;color:#91889f;font-size:11px;background:#fdfcfe;border-bottom:1px solid #f3f0f7}.auto-refresh{display:flex;align-items:center;gap:6px}.auto-refresh i{width:5px;height:5px;background:#78ab91;border-radius:50%}.incoming-row{display:grid;grid-template-columns:185px minmax(0,1fr) 95px;align-items:center;gap:20px;width:100%;text-align:left;background:#fff;padding:20px 24px;border-bottom:1px solid #f1eff7;color:var(--ink);transition:background .15s}.incoming-row:last-child{border-bottom:0}.incoming-row:hover{background:#faf8ff}.sender-cell{display:flex;align-items:center;gap:10px;min-width:0}.sender-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#f0eafb;color:#8b6bc7;font-size:12px;font-weight:700;flex-shrink:0}.sender-name{font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-cell{min-width:0}.message-cell strong{display:block;font-size:12px;line-height:1.6;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-cell small{display:block;color:#9991a9;font-size:10px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.message-date{text-align:right;font-size:10px;color:#a29bb1;line-height:1.7}.inbox-foot{padding:14px 24px;border-top:1px solid #f0edf6;display:flex;justify-content:space-between;gap:15px;color:#9a93aa;font-size:10px;line-height:1.7}.private-badge{display:flex;align-items:center;gap:5px;white-space:nowrap}.private-badge svg{width:12px;height:12px}.footer{padding:29px 0 18px;text-align:center;font-size:11px;color:#a2a0b7}.footer>span:first-child{font-weight:550;color:#8c89a9}.footer-separator{margin:0 9px;color:#c3bed4}.empty-state,.records-empty{text-align:center;padding:55px 22px;color:#8f849e;font-size:12px;line-height:1.9}.empty-icon{display:block;font-size:33px;color:#c2b7db;margin-bottom:13px;font-weight:400}.empty-state h3{font-size:14px;font-weight:550;color:#7e729a}.empty-state p,.records-empty p{font-size:12px;color:#9b90a7;margin-top:6px}
input,textarea,select{width:100%;min-width:0;color:#45405c;font-size:13px;border:1px solid #e2e3ed;border-radius:9px;background:#f9f9fc;padding:12px 14px;outline:none;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:#aaa5b9}input:focus,textarea:focus,select:focus{border-color:#8d77e8;background:#fff;box-shadow:0 0 0 3px #7a5de912}label{display:block;font-size:12px;color:#777186;margin:19px 0 8px}textarea{resize:vertical;line-height:1.7}h2{font-size:17px;line-height:1.6;font-weight:650;letter-spacing:-.3px}h3{font-size:14px;line-height:1.6}.admin-nav{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 0 26px;flex-wrap:wrap}.back-link{display:flex;align-items:center;gap:8px;background:transparent;color:#9185ac;font-size:12px;padding:9px 0}.admin-tabs{display:flex;background:#eae6f35c;border:1px solid #e2dced;border-radius:10px;padding:4px;gap:3px}.admin-tabs button{background:transparent;color:#8d80a1;font-size:12px;padding:8px 13px;border-radius:7px}.admin-tabs button.active{background:white;color:#6950bd;box-shadow:0 2px 5px #5140760a}.page-heading{margin:15px 0 28px}.section-kicker{display:block;font-size:9px;font-weight:650;color:#9586ab;letter-spacing:1.5px;margin-bottom:10px}.page-heading h1{font-size:30px;font-weight:700;letter-spacing:-.8px;color:#403258;line-height:1.3}.page-heading p{font-size:13px;color:#887995;line-height:1.8;margin-top:11px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.setup-panel{padding:29px}.setup-panel h2{color:#57466d;margin-bottom:7px}.field-help{font-size:11px;line-height:1.8;color:#93869f;margin:9px 0 20px}.form-result{font-size:12px;line-height:1.8;color:#8c7c9f;margin-top:14px}.guide-icon{display:grid;place-items:center;width:41px;height:41px;font-size:23px;background:#f1eafd;border-radius:12px;color:#9673c9;margin-bottom:22px}.connection-guide>p{font-size:12px;color:#97849f;line-height:1.9;margin:12px 0 26px}.setup-steps{list-style:none;padding:0;margin:0}.setup-steps li{display:flex;gap:15px;padding:0 0 26px;position:relative}.setup-steps li>span{height:26px;width:26px;display:grid;place-items:center;flex-shrink:0;background:#f3edf9;border:1px solid #eee5f5;border-radius:50%;color:#9e84aa;font-size:9px}.setup-steps h3{font-size:12px;color:#7c678c;font-weight:600}.setup-steps p{font-size:11px;line-height:1.85;color:#97849f;margin-top:5px}.guide-note{background:#faf7fd;border:1px solid #efe8f6;padding:13px 15px;border-radius:9px;font-size:11px;line-height:1.9;color:#94809f;margin-top:14px}.settings-list{margin:20px 0 30px}.settings-list>div{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #f1edf6;padding:14px 0;font-size:12px}.settings-list dt{color:#93819f}.settings-list dd{margin:0;color:#7b668d;overflow-wrap:anywhere;text-align:right}.subheading{color:#7b668d;font-size:13px}.endpoint{padding:20px 0;border-bottom:1px solid #f1edf6}.endpoint>span{font-size:9px;font-weight:650;background:#f0eafb;border-radius:4px;padding:4px 7px;color:#9774b1;margin-right:8px}.endpoint code{font-size:12px;color:#806197}.endpoint p{font-size:11px;line-height:1.9;color:#94809f;margin-top:10px}.mode-banner{display:flex;align-items:center;gap:14px;background:#f8f5fe;border:1px solid #e8dff7;border-radius:12px;padding:17px 20px;margin-bottom:22px}.banner-icon{font-size:25px;color:#b49ad4}.mode-banner strong{font-size:12px;color:#806399}.mode-banner p{font-size:11px;color:#9f84b4;line-height:1.8;margin-top:4px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:24px}.stat-card{padding:20px}.stat-card>span{font-size:11px;color:#9586a5}.stat-card>strong{display:block;font-size:28px;font-weight:600;color:#806194;margin-top:15px}.workspace-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;align-items:stretch}.panel-heading{padding:21px 24px;display:flex;justify-content:space-between;align-items:center;gap:15px;border-bottom:1px solid #f0eaf7}.panel-heading h2{font-size:15px;color:#796084}.pill{font-size:9px;white-space:nowrap;color:#9779a6;background:#f9f3fb;border-radius:5px;padding:5px 7px}.tabs{display:flex;gap:21px;padding:0 24px;border-bottom:1px solid #f0eaf7}.tab{font-size:11px;color:#9c86a8;background:transparent;padding:14px 0}.tab.active{color:#9166ad;border-bottom:2px solid #b899ce}.composer-panel form{padding:0 24px 23px}.template-card{padding:16px;background:#faf7fd;border:1px dashed #e9dbf1;border-radius:9px;margin-bottom:24px}.template-card strong{font-size:12px;color:#9575a7}.template-card p{font-size:11px;color:#ab8eba;line-height:1.8;margin-top:5px}#notification-fields textarea{margin-bottom:20px}.email-meta{padding:13px 24px;font-size:11px}.email-meta p{display:flex;gap:15px;margin:9px 0;color:#ac94bd}.email-meta strong{font-weight:500;color:#967ba6;overflow-wrap:anywhere}#email-frame{width:100%;height:430px;border:0;background:#fff}.verify-box{padding:20px 24px;border-top:1px solid #eee6f5}.verify-box>strong{font-size:12px;color:#9279a7}.verify-box form{display:flex;gap:10px;margin-top:12px}.verify-box input{max-width:130px;letter-spacing:4px}.verify-box p{font-size:11px;margin-top:12px;line-height:1.8}.result-success{color:#57937b}.result-error{color:#bb6486}.records-panel{overflow:hidden}.filter-bar{display:flex;gap:12px;padding:20px}.filter-bar input{flex:1}.filter-bar select{width:170px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:11px;color:#9274a4}th{text-align:left;padding:14px 20px;color:#a58bb5;font-size:10px;font-weight:500;border-bottom:1px solid #f0e8f6;white-space:nowrap}td{padding:16px 20px;border-bottom:1px solid #f6effb}.mail-cell strong{font-weight:550;display:block;max-width:240px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mail-cell small{display:block;color:#ae95bf;font-size:10px;margin-top:5px}.status{font-size:9px;border-radius:20px;padding:5px 9px;white-space:nowrap;background:#f4edf9;color:#a17db7}.status.failed,.status.uncertain{color:#bc7399;background:#fff2f8}.row-button,.text-button{color:#9673ae;background:transparent;padding:5px 0;font-size:11px}.records-empty span{display:block;font-size:26px;margin-bottom:10px}
.modal-mask{position:fixed;inset:0;z-index:50;background:#22203e55;backdrop-filter:blur(4px);padding:24px;display:flex;align-items:center;justify-content:center}.message-modal{width:100%;max-width:820px;max-height:88vh;display:flex;flex-direction:column;border-radius:17px;background:white;box-shadow:0 25px 80px #1b163a30;overflow:hidden}.modal-head{padding:20px 28px;border-bottom:1px solid #ede9f3}.modal-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.message-badge{font-size:10px;color:#8b70a6;background:#f4edf9;padding:5px 9px;border-radius:5px}.icon-button{background:transparent;color:#a293b1;font-size:25px;width:28px;height:28px;display:grid;place-items:center;border-radius:7px}.icon-button:hover{background:#f8f3fc}.modal-head h2{font-size:17px;font-weight:600;color:#665176;line-height:1.7;overflow-wrap:anywhere}.incoming-meta{margin:13px 0 0;font-size:11px;line-height:1.8}.incoming-meta>div{display:flex;gap:12px;margin-top:3px}.incoming-meta dt{color:#a48eb6;min-width:35px}.incoming-meta dd{color:#967ca9;margin:0;overflow-wrap:anywhere;min-width:0}.modal-body{overflow:auto;min-height:160px;padding:23px 28px}.modal-body pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.85 var(--font);color:#7e658f;margin:0}.modal-foot{padding:15px 28px;border-top:1px solid #ede9f3;font-size:10px;color:#a48fb6;display:flex;align-items:center;gap:7px}.modal-foot>.text-button{margin-left:auto}.safe-text-dot{width:5px;height:5px;border-radius:50%;background:#a2b6aa}.incoming-code-box{text-align:center;padding:18px;border-radius:10px;background:#f8f2fd;margin-bottom:24px;font-size:11px;color:#a382b7}.incoming-code-box strong{display:block;font-size:30px;letter-spacing:8px;font-weight:600;margin-top:10px;color:#916ea8}.incoming-login-box{padding:21px;background:#f7f2fd;border:1px solid #e9dcf5;border-radius:11px;margin-bottom:25px}.incoming-login-box h3{font-size:15px;color:#815f97}.incoming-login-box p{font-size:11px;color:#9d7fb0;line-height:1.9;margin:8px 0 17px}.incoming-login-actions{display:flex;flex-wrap:wrap;gap:10px}.incoming-login-box label{font-size:10px;color:#a082b3}.incoming-login-box input{font-size:10px;color:#9977ad;background:#fff}.toast{position:fixed;z-index:100;bottom:26px;left:50%;transform:translateX(-50%);max-width:min(520px,calc(100vw - 32px));padding:13px 22px;border-radius:10px;font-size:12px;background:#4c365f;color:#fff;box-shadow:0 7px 22px #51316524;line-height:1.8}.toast.error{background:#a76b8e}
@media(min-width:1400px){.hero{padding-top:48px}}
@media(max-width:800px){.settings-grid,.workspace-grid{grid-template-columns:1fr}.incoming-row{grid-template-columns:150px minmax(0,1fr) 70px;gap:12px}.admin-nav{gap:12px}.stats-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.topbar{padding:18px 20px;min-height:77px}.topbar-left{gap:12px;flex-wrap:wrap;row-gap:14px}.brand{font-size:17px}.brand img{width:31px;height:31px}.language-control{padding-left:12px;gap:3px}.language-control select{font-size:11px;max-width:94px;padding-right:7px}.language-control svg{width:13px;height:13px}.admin-link{font-size:12px;gap:5px}.admin-link svg{display:none}.wrap{padding:0 20px 35px}.hero{padding:38px 0 25px}.hero-mark{font-size:18px;margin-bottom:14px}.hero h1{font-size:30px;line-height:1.3;letter-spacing:-1px}.hero p{font-size:12px;line-height:1.9;max-width:280px;margin:13px auto 0}.lookup{flex-direction:column;padding:12px;gap:10px;border-radius:13px}.lookup .button{height:45px}.lookup-input input{font-size:12px}.connection-line{font-size:10px;line-height:1.8;min-height:51px}.inbox{margin-top:6px}.inbox-head{padding:19px 17px;display:block}.inbox-identity strong{font-size:13px}.inbox-tools{margin-top:15px}.inbox-subhead{padding:12px 17px;font-size:10px}.incoming-row{grid-template-columns:minmax(0,1fr) 61px;gap:8px;padding:17px}.sender-cell{grid-column:1;gap:7px}.sender-avatar{width:23px;height:23px;font-size:9px;border-radius:7px}.sender-name{font-size:11px}.message-cell{grid-column:1 / -1;grid-row:2;margin-top:4px}.message-cell strong{font-size:11px}.message-cell small{font-size:9px}.message-date{grid-column:2;grid-row:1;font-size:9px}.inbox-foot{padding:13px 17px;font-size:9px}.private-badge{display:none}.footer{font-size:10px;padding-top:27px}.admin-nav{padding-top:10px}.admin-tabs{width:100%;justify-content:space-between}.admin-tabs button{font-size:10px;padding:8px 9px}.page-heading{margin:12px 0 23px}.page-heading h1{font-size:27px}.page-heading p{font-size:12px}.setup-panel{padding:23px}.settings-grid{gap:18px}.stats-grid{gap:10px}.stat-card{padding:16px}.stat-card>span{font-size:10px}.stat-card>strong{font-size:25px}.filter-bar{flex-wrap:wrap;padding:15px;gap:9px}.filter-bar input{flex-basis:100%}.filter-bar select{flex:1}.tabs{gap:17px}.tab{font-size:10px}.modal-mask{padding:12px}.message-modal{max-height:93vh;border-radius:14px}.modal-head{padding:17px 20px}.modal-head h2{font-size:15px}.incoming-meta{font-size:10px}.modal-body{padding:19px 20px}.modal-body pre{font-size:11px}.modal-foot{padding:14px 20px;font-size:9px;gap:5px}.incoming-login-box{padding:17px}.incoming-login-actions .button{width:100%}.incoming-login-box h3{font-size:14px}.incoming-login-box p{font-size:10px}.verify-box form{flex-wrap:wrap}.modal-body .incoming-login-box input{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}