:root{--bg:#f4f6f7;--surface:#fff;--line:#dfe4e6;--text:#172126;--muted:#66737a;--soft:#eef2f3;--accent:#087f72;--accent-dark:#06675d;--amber:#a96407;--red:#ad3636;--sidebar:#192328;--sidebar-text:#dce4e7;font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--text);background:var(--bg);font-size:14px;letter-spacing:0}*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-decoration:none}button,input,select{font:inherit;letter-spacing:0}.icon-sprite{position:absolute;width:0;height:0;overflow:hidden}.shell{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:var(--sidebar);color:var(--sidebar-text);padding:24px 16px 18px;display:flex;flex-direction:column}.brand,.public-brand{display:flex;align-items:center;gap:11px;font-weight:750;font-size:16px}.brand{padding:0 10px}.brand-mark{width:31px;height:31px;display:grid;place-items:center;background:#fff;color:var(--sidebar);border-radius:6px;font-weight:850}.nav{margin-top:38px;display:grid;gap:5px}.nav a{height:42px;display:flex;align-items:center;gap:11px;padding:0 11px;border-radius:6px;color:#aebbc0}.nav a:hover,.nav a.active{background:#263238;color:#fff}.nav svg,.icon-button svg,.row-icon,.attachments svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar-account{margin-top:auto;border-top:1px solid #344047;padding:18px 4px 0;display:grid;grid-template-columns:34px minmax(0,1fr) 32px;align-items:center;gap:9px}.avatar,.sender-avatar{display:grid;place-items:center;background:#dbe9e7;color:#126f65;border-radius:50%;font-weight:750}.avatar{width:34px;height:34px}.account-copy{min-width:0;display:grid}.account-copy strong,.account-copy small{overflow:hidden;text-overflow:ellipsis}.account-copy strong{font-size:12px;color:#f2f5f6}.account-copy small{font-size:10px;color:#94a4aa;margin-top:3px}.icon-button{width:32px;height:32px;padding:0;border:0;background:transparent;color:#94a4aa;cursor:pointer}.icon-button:hover{color:#fff}.main{min-width:0;padding:38px clamp(24px,4vw,58px) 70px;max-width:1500px;width:100%;margin:0 auto}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:28px}.page-header.compact{align-items:center}.eyebrow,.aside-kicker{font-size:10px;font-weight:800;color:var(--accent);letter-spacing:1.4px}.page-header h1{font-size:28px;line-height:1.2;margin:6px 0 5px;letter-spacing:0}.page-header p{color:var(--muted);margin:0}.health-pill,.route-badge{display:inline-flex;align-items:center;white-space:nowrap;font-size:11px;font-style:normal;font-weight:700;border-radius:999px}.health-pill{gap:7px;padding:8px 11px;background:#e3f2ee;color:#087267}.health-pill i,.status-dot{width:8px;height:8px;border-radius:50%;background:#a8b1b5}.health-pill i,.status-dot.ready{background:#139b82}.route-badge{padding:5px 8px;background:var(--soft);color:#536067}.route-badge.active,.route-badge.matched,.route-badge.completed{background:#e3f2ee;color:#087267}.route-badge.awaiting_confirmation,.route-badge.awaiting_test,.route-badge.setup{background:#fff3dc;color:var(--amber)}.route-badge.unmatched,.route-badge.ambiguous,.route-badge.parse_error,.route-badge.error{background:#fbe8e8;color:var(--red)}.stats-band{display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border:1px solid var(--line);border-radius:7px;margin-bottom:18px}.stats-band div{padding:17px 21px;border-right:1px solid var(--line);display:flex;align-items:baseline;justify-content:space-between}.stats-band div:last-child{border:0}.stats-band span{color:var(--muted);font-size:12px}.stats-band strong{font-size:21px}.filters{display:grid;grid-template-columns:minmax(220px,1fr) 180px 140px 130px auto;gap:9px;margin-bottom:12px}.filters input,.filters select,.form-panel input{height:40px;border:1px solid #ccd4d7;border-radius:5px;background:var(--surface);padding:0 11px;color:var(--text);min-width:0}.filters input:focus,.filters select:focus,.form-panel input:focus{outline:2px solid #9dd2ca;outline-offset:0;border-color:var(--accent)}.button{min-height:40px;border:1px solid transparent;border-radius:5px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer}.button.primary{background:var(--accent);color:#fff}.button.primary:hover{background:var(--accent-dark)}.button.secondary{background:var(--surface);border-color:#cbd3d6;color:#344147}.mail-list{border:1px solid var(--line);background:var(--surface);border-radius:7px;overflow:hidden}.mail-row{height:69px;display:grid;grid-template-columns:36px minmax(140px,200px) minmax(220px,1fr) 24px 85px;gap:13px;align-items:center;padding:0 17px;border-bottom:1px solid #e8ecee}.mail-row:last-child{border:0}.mail-row:hover{background:#f7f9f9}.sender-avatar{width:34px;height:34px}.sender-avatar.large{width:44px;height:44px}.mail-sender,.mail-subject{min-width:0;display:grid;gap:4px}.mail-sender strong,.mail-subject strong,.mail-sender small,.mail-subject small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-sender small,.mail-subject small,.mail-row time{color:var(--muted);font-size:11px}.mail-row time{text-align:right}.row-icon{color:#7d898e}.empty-state{text-align:center;padding:72px 20px}.empty-state.small{padding:38px 20px}.empty-state strong{font-size:16px}.empty-state p{color:var(--muted);margin:7px 0}.back-link{font-size:12px;color:var(--accent);font-weight:700}.message-meta{display:flex;align-items:center;gap:13px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.message-meta strong{font-size:15px}.message-meta p{margin:3px 0;color:var(--muted);font-size:12px}.message-body{background:var(--surface);border:1px solid var(--line);border-radius:7px;margin-top:18px;padding:28px;min-height:280px;line-height:1.65;overflow:auto}.message-body img{max-width:100%;height:auto}.message-body pre{white-space:pre-wrap;font:inherit;margin:0}.attachments{padding:16px 0;border-bottom:1px solid var(--line)}.attachments h2,.section-title h2,.form-panel h2,.step h2,.detail-panel h2{font-size:15px;margin:0}.attachments>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.attachments a{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:var(--surface);border-radius:5px;padding:9px 12px}.attachments a span{display:grid}.attachments small{color:var(--muted);font-size:10px}.alert{padding:11px 14px;border:1px solid #b9ddd7;background:#eaf5f2;color:#16685e;border-radius:5px;margin-bottom:18px}.alert.error{border-color:#ebc1c1;background:#fbecec;color:#913333}.split-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}.section-title{display:flex;align-items:center;gap:9px;margin-bottom:12px}.section-title span{background:#e2e8ea;border-radius:999px;padding:2px 7px;font-size:10px}.source-list{background:var(--surface);border:1px solid var(--line);border-radius:7px;overflow:hidden}.source-list>a{display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:15px;border-bottom:1px solid var(--line)}.source-list>a:last-child{border:0}.source-list>a:hover{background:#f7f9f9}.source-logo{width:34px;height:34px;border-radius:6px;display:grid;place-items:center;background:#f5e7e7;color:#b54444;font-weight:800}.source-list>a>span:nth-child(2){display:grid;gap:4px;min-width:0}.source-list small{color:var(--muted);overflow:hidden;text-overflow:ellipsis}.form-panel,.detail-panel{border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:21px;display:grid;gap:18px}.form-panel p{color:var(--muted);font-size:12px;margin:6px 0 0}.form-panel label{display:grid;gap:7px;font-size:12px;font-weight:700}.source-detail{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:28px}.steps{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:32px minmax(0,1fr);gap:15px;padding:22px 0;border-bottom:1px solid var(--line)}.step>span{width:28px;height:28px;border:1px solid #bac4c8;border-radius:50%;display:grid;place-items:center;font-weight:800;color:var(--muted)}.step.done>span{background:var(--accent);color:#fff;border-color:var(--accent)}.step p{color:var(--muted);line-height:1.6}.step code{display:block;background:#e9eeee;border:1px solid #d2dadd;border-radius:5px;padding:12px;overflow:auto;font-size:13px}.detail-panel dl{margin:0;display:grid;gap:14px}.detail-panel dl div{display:grid;gap:3px}.detail-panel dt{color:var(--muted);font-size:11px}.detail-panel dd{margin:0;overflow-wrap:anywhere;font-size:12px}.status-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:30px}.status-overview>div{border:1px solid var(--line);background:var(--surface);border-radius:7px;padding:16px;display:flex;align-items:center;gap:12px}.status-overview p{display:grid;gap:3px;margin:0}.status-overview small{color:var(--muted)}.table-wrap{border:1px solid var(--line);border-radius:7px;overflow:auto;background:var(--surface)}table{border-collapse:collapse;width:100%;min-width:680px}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);font-size:12px}th{color:var(--muted);background:#f6f8f8;font-weight:700}tbody tr:last-child td{border:0}.error-cell{color:var(--red);max-width:380px}.table-empty{text-align:center;color:var(--muted);padding:35px}.public-body{background:#edf1f2;min-height:100vh}.public-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.6fr)}.welcome-panel{background:var(--surface);padding:clamp(38px,8vw,110px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.public-brand{margin-bottom:74px}.public-brand .brand-mark{background:var(--sidebar);color:#fff}.status-line{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.welcome-panel h1{font-size:clamp(38px,5vw,64px);line-height:1.08;margin:18px 0 20px;max-width:700px;letter-spacing:0}.welcome-panel>p{color:var(--muted);font-size:16px;line-height:1.7;max-width:560px;margin:0 0 30px}.welcome-panel .button{min-height:46px}.setup-list{display:grid;gap:13px;width:min(100%,540px)}.setup-list>div{display:flex;align-items:center;gap:13px;border-top:1px solid var(--line);padding-top:13px}.setup-list>div>span{width:26px;height:26px;border:1px solid #bdc8cc;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800}.setup-list p{margin:0;display:grid;gap:3px}.setup-list small{color:var(--muted)}.public-aside{background:var(--sidebar);color:#fff;padding:clamp(30px,5vw,70px);display:flex;flex-direction:column;justify-content:flex-end}.public-aside>div{margin-bottom:50px}.public-aside .aside-kicker{color:#6ed2c2}.public-aside strong{display:block;font-size:25px;margin:12px 0}.public-aside p{color:#aebbc0;line-height:1.65}.public-aside dl{border-top:1px solid #39454b;margin:0}.public-aside dl div{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #39454b}.public-aside dt{color:#93a2a8}.public-aside dd{margin:0}
@media(max-width:900px){.shell{grid-template-columns:72px minmax(0,1fr)}.sidebar{padding:20px 10px}.brand>span:last-child,.nav span,.account-copy,.sidebar-account form{display:none}.brand{padding:0;justify-content:center}.nav a{justify-content:center}.sidebar-account{display:flex;justify-content:center}.main{padding:28px 20px 60px}.filters{grid-template-columns:1fr 1fr}.filters input{grid-column:1/-1}.mail-row{grid-template-columns:36px minmax(120px,180px) 1fr 24px 72px}.split-layout,.source-detail{grid-template-columns:1fr}.form-panel{grid-row:1}.public-shell{grid-template-columns:1fr}.public-aside{min-height:370px}.welcome-panel{min-height:calc(100vh - 250px)}}
@media(max-width:620px){.shell{display:block}.sidebar{position:fixed;z-index:10;top:auto;bottom:0;left:0;right:0;width:auto;height:62px;padding:7px 12px;display:grid;grid-template-columns:repeat(3,1fr)}.brand,.sidebar-account{display:none}.nav{display:contents}.nav a{height:48px;display:grid;place-items:center;gap:1px;padding:3px}.nav span{display:block;font-size:9px}.nav svg{width:19px;height:19px}.main{padding:23px 14px 88px}.page-header{margin-bottom:20px}.page-header h1{font-size:23px}.page-header>form .button{padding:0 10px}.stats-band{grid-template-columns:1fr 1fr}.stats-band div:nth-child(2){border-right:0}.stats-band div:nth-child(-n+2){border-bottom:1px solid var(--line)}.filters{grid-template-columns:1fr}.filters input{grid-column:auto}.mail-row{height:76px;grid-template-columns:34px minmax(0,1fr) 60px;padding:0 12px}.mail-subject,.row-icon{display:none}.mail-row time{font-size:10px}.message-body{padding:18px}.status-overview{grid-template-columns:1fr}.public-brand{margin-bottom:45px}.welcome-panel{padding:32px 24px}.welcome-panel h1{font-size:38px}.public-aside{padding:32px 24px}.source-list>a{grid-template-columns:34px minmax(0,1fr)}.source-list em{grid-column:2}.page-header.compact{align-items:flex-start}.source-detail{gap:18px}}