:root{--paper: #eef1f4;--surface: #ffffff;--ink: #1a2530;--muted: #5b6875;--rule: #d8dee4;--petrol: #16323f;--sent: #1f8a5b;--failed: #c0392b;--waiting: #8593a0;--focus: #2f6fde;--font: "Instrument Sans", "Segoe UI", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font:400 15px/1.55 var(--font);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}h1,h2{margin:0;font-weight:600;letter-spacing:-.01em;line-height:1.2}h1{font-size:26px}h2{font-size:17px;margin:28px 0 10px}p{margin:0 0 12px}.muted{color:var(--muted)}.hint{color:var(--muted);font-size:13px;line-height:1.45}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.app{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:100%}.sidebar{padding:22px 16px 24px;border-right:1px solid var(--rule);display:flex;flex-direction:column;gap:16px;position:sticky;top:0;height:100vh;overflow-y:auto}.brand{font-size:19px;font-weight:600;letter-spacing:-.02em;color:var(--petrol);padding:0 4px}.main{padding:32px clamp(20px,4vw,56px) 64px;max-width:980px;width:100%}.empty{padding-top:12vh}.empty p{margin-top:8px}@media (max-width: 820px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;border-right:0;border-bottom:1px solid var(--rule)}.camp-list{max-height:240px;overflow-y:auto}}.camp-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.list-note{padding:0 4px}.camp-item{width:100%;text-align:left;font:inherit;color:inherit;background:transparent;border:0;border-left:3px solid transparent;padding:9px 10px 9px 12px;border-radius:0 6px 6px 0;cursor:pointer;display:flex;flex-direction:column;gap:3px}.camp-item:hover{background:#fff9}.camp-item.active{background:var(--surface);border-left-color:var(--petrol)}.camp-name{font-weight:500;overflow-wrap:anywhere}.camp-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:var(--muted)}.chip{font-size:12px;padding:1px 8px;border-radius:99px;background:#e3e8ed;color:var(--ink);white-space:nowrap}.chip[data-status=sending]{background:#d9efe4;color:#14603f}.chip[data-status=done]{background:#dde6ee;color:var(--petrol)}.chip[data-status=failed]{background:#f6dcd8;color:#8f2a20;margin-left:8px}.camp-head{margin-bottom:22px}.camp-head .subject{margin:6px 0 0;color:var(--muted);overflow-wrap:anywhere}.camp-head .muted{margin:4px 0 0}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--rule);overflow-x:auto}.tab{font:inherit;font-weight:500;color:var(--muted);background:none;border:0;border-bottom:2px solid transparent;padding:9px 14px;margin-bottom:-1px;cursor:pointer;white-space:nowrap}.tab:hover{color:var(--ink)}.tab.active{color:var(--petrol);border-bottom-color:var(--petrol)}.panel{background:var(--surface);border:1px solid var(--rule);border-top:0;border-radius:0 0 10px 10px;padding:26px clamp(16px,3vw,30px) 30px}.form{display:flex;flex-direction:column;gap:18px;max-width:720px}main>.form{background:var(--surface);border:1px solid var(--rule);border-radius:10px;padding:28px clamp(16px,3vw,30px)}.field{display:flex;flex-direction:column;gap:6px}.field>span{font-weight:500;font-size:14px}.field.inline{flex-direction:row;align-items:center;gap:10px}.field.inline input,.field.inline select{min-width:0;flex:1}input,select,textarea{font:inherit;color:inherit;background:var(--surface);border:1px solid #b9c2cb;border-radius:6px;padding:9px 11px;width:100%}textarea{resize:vertical;line-height:1.5}input[type=file]{padding:8px;border-style:dashed}.btn{font:inherit;font-weight:500;padding:9px 16px;border-radius:6px;border:1px solid #b9c2cb;background:var(--surface);color:var(--ink);cursor:pointer}.btn:hover:not(:disabled){background:#f4f6f8}.btn.primary{background:var(--petrol);border-color:var(--petrol);color:#fff}.btn.primary:hover:not(:disabled){background:#0f2530}.btn.danger{background:#fff;border-color:var(--failed);color:var(--failed)}.btn.danger:hover:not(:disabled){background:#fbeeec}.btn.block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed}.link{font:inherit;background:none;border:0;padding:0;color:var(--petrol);text-decoration:underline;cursor:pointer}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.notice{margin:0;padding:10px 14px;border-radius:6px;border-left:3px solid;background:#f1f4f7;border-color:var(--waiting)}.notice p:last-child{margin-bottom:0}.notice.error{background:#fbeeec;border-color:var(--failed);color:#7d231a}.notice.ok{background:#e6f4ed;border-color:var(--sent)}.notice.info{background:#e8eef6;border-color:var(--focus)}.plain{margin:6px 0 0;padding-left:18px}.main>.notice{margin-bottom:18px}.preview-bar{max-width:520px;margin-bottom:14px}.headers{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;margin:0 0 12px}.headers dt{color:var(--muted)}.headers dd{margin:0;overflow-wrap:anywhere}.mail-frame{width:100%;height:560px;border:1px solid var(--rule);border-radius:6px;background:#fff}.tape{display:grid;grid-template-columns:repeat(auto-fill,14px);gap:4px;margin-bottom:18px}.tape span{height:14px;border-radius:3px;transition:background-color .4s,box-shadow .4s}.tape span[data-s=p]{box-shadow:inset 0 0 0 1.5px var(--waiting)}.tape span[data-s=s]{background:var(--sent)}.tape span[data-s=f]{background:var(--failed)}.tape span[data-s=k]{background:repeating-linear-gradient(135deg,#b3bcc5 0,#b3bcc5 2px,#e3e8ed 2px,#e3e8ed 4px)}.tape-bar{display:flex;height:14px;border-radius:3px;box-shadow:inset 0 0 0 1.5px var(--waiting);overflow:hidden;margin-bottom:18px}.tape-bar span[data-s=s]{background:var(--sent)}.tape-bar span[data-s=f]{background:var(--failed)}.tape-bar span[data-s=k]{background:#b3bcc5}.counts{display:flex;flex-wrap:wrap;gap:8px 36px;margin:0 0 20px}.counts dt{color:var(--muted);font-size:13px}.counts dd{margin:0;font-size:22px;font-weight:600}.send .actions{margin-bottom:8px}.send .notice{margin-bottom:14px}.test{display:flex;flex-wrap:wrap;gap:10px;align-items:center;max-width:560px;margin:28px 0 14px;padding-top:22px;border-top:1px solid var(--rule)}.test .field{flex:1 1 300px}.table{border-collapse:collapse;width:100%;max-width:460px;margin-bottom:12px}.table th,.table td{padding:8px 0;border-bottom:1px solid var(--rule);text-align:left;font-weight:400}.table td{text-align:right;font-weight:600}.failures{list-style:none;padding:0;margin:0 0 12px}.failures li{padding:9px 0;border-bottom:1px solid var(--rule);display:flex;flex-direction:column;gap:2px}.failures .why{color:var(--muted);font-size:13px;overflow-wrap:anywhere}.gate{min-height:100%;display:grid;place-items:center;padding:24px}.gate-form{width:min(380px,100%);display:flex;flex-direction:column;gap:16px}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px}