:root{--ink:#17211c;--muted:#69756e;--line:#dfe5df;--paper:#f5f6f2;--card:#fff;--forest:#163c2c;--green:#215b42;--lime:#dff05b;--blue:#5178e5;--coral:#e96d5d;--amber:#d9a027;--shadow:0 18px 50px rgba(24,50,39,.08);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-height:100vh}.hidden{display:none!important}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:#102c21;color:#edf5ee;padding:26px 18px 18px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;align-items:center;gap:12px;padding:0 9px 28px}.brand strong,.brand span{display:block}.brand strong{font-size:15px;letter-spacing:.02em}.brand span{font-size:12px;color:#91aa9d;margin-top:2px}.brand-mark{width:52px;height:52px;border-radius:16px;background:var(--lime);color:#173829;display:grid;place-items:center;font:800 25px Georgia,serif;box-shadow:0 10px 30px rgba(0,0,0,.16)}.brand-mark.small{width:38px;height:38px;border-radius:12px;font-size:19px}.sidebar nav{display:grid;gap:6px}.nav-item{border:0;background:transparent;color:#abc0b5;text-align:left;padding:11px 12px;border-radius:9px;display:flex;align-items:center;gap:11px;font-size:14px}.nav-item span{width:20px;text-align:center}.nav-item:hover,.nav-item.active{background:#1d4735;color:#fff}.nav-item.active{box-shadow:inset 3px 0 var(--lime)}.badge{margin-left:auto;border-radius:999px;background:var(--coral);color:#fff;padding:2px 7px;font-size:10px}.sidebar-foot{margin-top:auto;border-top:1px solid #294a3b;padding:17px 9px 0;display:flex;justify-content:space-between;align-items:center;color:#b8c9c0;font-size:13px}.text-button{border:0;background:transparent;color:#91aa9d}.main{margin-left:230px;max-width:1600px;padding:0 42px 64px}.topbar{height:112px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);margin-bottom:30px}.topbar h1{font-size:27px;margin:3px 0}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:800;color:#7d8d84;margin:0;text-transform:uppercase}.eyebrow.light{color:#b8d1c4}.safety-pill{border:1px solid #d8ded9;border-radius:999px;padding:9px 13px;background:#fff;display:flex;gap:8px;align-items:center;font-size:12px;color:#647169}.safety-pill i{width:8px;height:8px;border-radius:50%;background:var(--amber)}.safety-pill.enabled i{background:#46a56e}.view{display:none}.view.active{display:block;animation:enter .2s ease}@keyframes enter{from{opacity:0;transform:translateY(3px)}}.hero-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:22px}.hero-card{background:linear-gradient(135deg,#173f2f,#235f45);color:#fff;border-radius:18px;padding:34px 38px;min-height:275px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.hero-card:after{content:"";position:absolute;width:260px;height:260px;border:55px solid rgba(222,240,91,.09);border-radius:50%;right:-65px;bottom:-125px}.hero-card h2{font-family:Georgia,"Songti SC",serif;font-size:36px;line-height:1.22;margin:17px 0 12px;font-weight:500}.hero-card p:not(.eyebrow){max-width:510px;color:#c5d7ce;font-size:14px;line-height:1.7}.button{border:0;border-radius:9px;padding:10px 16px;font-weight:700;font-size:13px;transition:.15s;display:inline-flex;align-items:center;justify-content:center;gap:9px}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--forest);color:#fff}.button.light{background:var(--lime);color:#163c2c;margin-top:12px}.button.secondary{background:#edf1ed;color:#234135;border:1px solid #d8e0d9}.button.danger{background:#c94d42;color:#fff}.button.full{width:100%}.button-row{display:flex;gap:8px}.card{background:var(--card);border:1px solid #e2e7e2;border-radius:16px;padding:24px;box-shadow:0 8px 30px rgba(25,47,38,.035)}.attention-card{display:flex;flex-direction:column;justify-content:space-between}.attention-card h2{font-size:48px;margin:8px 0}.attention-list{display:grid}.attention-list button{display:grid;grid-template-columns:14px 1fr auto;gap:9px;align-items:center;border:0;border-top:1px solid var(--line);background:transparent;padding:13px 0;text-align:left;color:var(--ink)}.dot{width:8px;height:8px;border-radius:50%}.dot.amber{background:var(--amber)}.dot.blue{background:var(--blue)}.dot.coral{background:var(--coral)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:18px}.metric{background:#fff;border:1px solid #e1e6e1;border-radius:14px;padding:21px}.metric span,.metric small{display:block;color:var(--muted)}.metric span{font-size:12px}.metric strong{display:block;font-size:28px;margin:11px 0 7px}.metric strong b{font:inherit}.metric small{font-size:11px}.next-card{margin-top:18px;display:flex;align-items:center;justify-content:space-between}.next-card h3{margin:7px 0}.muted{color:var(--muted);font-size:13px}.workflow{display:flex;align-items:center}.workflow span{width:48px;height:48px;border:1px solid #dbe2dc;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:12px;background:#fff}.workflow span.done{background:#e8f0eb;border-color:#bacfc1;color:var(--green)}.workflow span small{font-weight:500;font-size:9px}.workflow i{width:25px;height:1px;background:#dbe2dc}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px}.section-heading h2{font-family:Georgia,"Songti SC",serif;font-size:27px;margin:0 0 7px}.section-heading p{margin:0;color:var(--muted);font-size:13px}.count-chip{background:#e9eeea;color:#526158;border-radius:999px;padding:6px 10px;font-size:11px}.form-card{max-width:900px}.field-label,label{font-size:12px;font-weight:700;color:#415047}label{display:grid;gap:7px}input,textarea,select{width:100%;border:1px solid #d9e0da;border-radius:9px;background:#fbfcfa;padding:10px 12px;color:var(--ink);outline:none}input:focus,textarea:focus,select:focus{border-color:#527a66;box-shadow:0 0 0 3px rgba(52,103,77,.1)}textarea{resize:vertical;line-height:1.55}.large-input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;min-height:220px}.form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.results-list{display:grid;gap:9px;margin-top:16px;max-width:900px}.result-item{background:#fff;border:1px solid var(--line);border-radius:11px;padding:14px 16px;display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center}.result-icon{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#e7f0e9;color:#247148}.result-icon.warn{background:#fff0d4;color:#a96c00}.result-item strong,.result-item small{display:block}.result-item small{color:var(--muted);margin-top:3px}.table-card{padding:0;overflow:hidden}.table-toolbar{padding:15px 18px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.table-toolbar input{max-width:320px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#7a8880;font-size:10px;letter-spacing:.08em;text-transform:uppercase;background:#fafbf9}th,td{padding:13px 17px;border-bottom:1px solid #edf0ed}tbody tr:hover{background:#fbfcfa}.person strong,.person span{display:block}.person span{font-size:11px;color:var(--muted);margin-top:3px}.tag{display:inline-flex;border-radius:999px;padding:5px 8px;background:#eef2ee;color:#526158;font-size:10px}.tag.success{background:#e3f3e8;color:#287144}.tag.warning{background:#fff1d7;color:#9a6508}.tag.error{background:#fde5e2;color:#a33f37}.split-grid{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(520px,1.35fr);gap:18px}.card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.card-head h3{margin:0}.template-list{display:grid;gap:8px}.template-item{border:1px solid var(--line);background:#fbfcfa;border-radius:10px;padding:12px;text-align:left}.template-item strong,.template-item span{display:block}.template-item span{font-size:11px;color:var(--muted);margin-top:5px}.editor-card{display:grid;gap:15px}.language-tabs,.reply-filters{display:flex;gap:6px;border-bottom:1px solid var(--line);padding-bottom:9px}.language-tabs button,.reply-filters button{border:0;background:transparent;color:#6c7b73;padding:7px 10px;border-radius:7px;font-size:12px}.language-tabs button.active,.reply-filters button.active{background:#e8eeea;color:#1f4d38;font-weight:700}.highlight-editor{position:relative;border:1px solid #d9e0da;border-radius:9px;background:#fbfcfa;min-height:230px;overflow:hidden}.highlight-editor.single{min-height:42px}.highlight-editor:focus-within{border-color:#527a66;box-shadow:0 0 0 3px rgba(52,103,77,.1)}.highlight-editor pre,.highlight-editor textarea,.highlight-editor input{font:13px/1.55 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;word-wrap:break-word;margin:0;padding:11px 12px;border:0;border-radius:0;background:transparent}.highlight-editor pre{position:absolute;inset:0;pointer-events:none;color:var(--ink);overflow:hidden}.highlight-editor textarea,.highlight-editor input{position:relative;color:transparent;caret-color:var(--ink);min-height:230px;resize:vertical}.highlight-editor.single input{min-height:42px}.token{border-radius:4px;padding:1px 2px}.token-valid{background:#dff0e5;color:#17613d}.token-invalid{background:#ffe0dc;color:#a62d24;text-decoration:wavy underline}.chip-list{display:flex;gap:6px;flex-wrap:wrap;margin-top:7px}.chip-list button{border:1px solid #d8e1da;background:#f4f7f4;color:#365443;border-radius:999px;padding:5px 8px;font-size:10px}.validation-box{background:#fff3e0;border:1px solid #f1d09b;color:#895800;border-radius:9px;padding:11px;font-size:12px}.status-text{font-size:11px;color:var(--muted)}.status-text.good{color:#287144}.empty-state{color:var(--muted);font-size:13px;padding:28px;text-align:center}.reply-list{display:grid;gap:10px;margin:16px 0}.reply-item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;grid-template-columns:100px 1fr auto;gap:16px}.reply-item h4{margin:0 0 5px}.reply-item p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.reply-item time{font-size:10px;color:var(--muted)}.referral-card{margin-top:22px}.referral-row{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:12px 0}.settings-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.stack{display:grid;gap:14px}.mail-status h3{margin-top:0}.status-row{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--line);font-size:12px}.notice{background:#f0f4f1;border-radius:11px;padding:15px;margin-top:20px}.notice p{color:var(--muted);font-size:12px;line-height:1.6;margin-bottom:0}.toast{position:fixed;top:18px;right:24px;z-index:100;background:#183d2d;color:#fff;border-radius:10px;padding:12px 16px;box-shadow:var(--shadow);opacity:0;transform:translateY(-8px);pointer-events:none;transition:.2s;font-size:13px}.toast.show{opacity:1;transform:none}.toast.error{background:#a64037}.auth-screen{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 15%,#2f684e,#153c2c 45%,#0f2b20)}.auth-card{width:min(430px,calc(100vw - 30px));background:#fff;border-radius:20px;padding:37px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.auth-card h1{font-family:Georgia,"Songti SC",serif;font-size:27px;margin:18px 0 8px}.auth-card .brand-mark{margin-bottom:20px}dialog{border:0;border-radius:18px;padding:0;box-shadow:0 30px 100px rgba(20,40,32,.28);width:min(520px,calc(100vw - 30px))}dialog::backdrop{background:rgba(11,29,22,.55);backdrop-filter:blur(3px)}.dialog-form{padding:25px;display:grid;gap:14px}.dialog-form.wide{width:min(760px,calc(100vw - 30px))}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start}.dialog-head h2{margin:5px 0 0}.icon-button{border:0;background:#eef1ee;width:30px;height:30px;border-radius:50%;font-size:20px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:7px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}.target-list{max-height:330px;overflow:auto;border:1px solid var(--line);border-radius:10px}.target-row{display:grid;grid-template-columns:26px 1fr 1fr;gap:10px;align-items:center;padding:10px;border-bottom:1px solid var(--line)}.target-row input{width:auto}.preview-email{border:1px solid var(--line);border-radius:10px;margin:10px 0;overflow:hidden}.preview-email summary{cursor:pointer;padding:13px;background:#fafbf9;display:flex;justify-content:space-between}.preview-email .email-body{padding:17px;white-space:pre-wrap;font-size:13px;line-height:1.65}.preview-email .email-error{color:#a43d35;background:#fdeae7;padding:8px 13px;font-size:11px}
@media(max-width:1050px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.hero-grid,.split-grid,.settings-grid{grid-template-columns:1fr}.workflow{display:none}}@media(max-width:760px){.sidebar{position:static;width:auto;height:auto;padding:13px}.brand{padding-bottom:10px}.sidebar nav{display:flex;overflow:auto}.nav-item{white-space:nowrap}.sidebar-foot{display:none}.main{margin:0;padding:0 16px 40px}.topbar{height:90px}.hero-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:1fr 1fr}.next-card{display:block}.hero-card{padding:26px}.hero-card h2{font-size:29px}.reply-item{grid-template-columns:1fr}.section-heading{align-items:flex-start;gap:12px}.two-cols{grid-template-columns:1fr}}