:root{--ink:#18231d;--paper:#f1f0e8;--card:#f8f7f0;--acid:#d9f25f;--coral:#ff6b4a;--line:#c9c9bc;--muted:#6f766f;--serif:"Noto Serif SC",serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--mono);min-height:100vh}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:9;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.rail{position:fixed;inset:0 auto 0 0;width:210px;border-right:1px solid var(--ink);padding:28px 20px;display:flex;flex-direction:column;background:#e9e9df;z-index:5}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand>span{display:grid;place-items:center;width:50px;height:50px;background:var(--ink);color:var(--acid);font:700 26px var(--serif);border-radius:50% 50% 48% 44%}.brand small{font-size:9px;letter-spacing:.18em;line-height:1.5}.rail nav{margin-top:90px;display:flex;flex-direction:column;gap:5px}.nav-item{all:unset;cursor:pointer;display:grid;grid-template-columns:28px 1fr;align-items:center;padding:14px 10px;border:1px solid transparent}.nav-item i{font-style:normal;color:var(--muted);font-size:9px}.nav-item span{font:600 14px var(--serif)}.nav-item.active{border-color:var(--ink);background:var(--acid);box-shadow:4px 4px 0 var(--ink)}.rail-foot{margin-top:auto;font-size:9px;display:flex;align-items:center;gap:8px}.pulse{width:8px;height:8px;background:#4da56a;border-radius:50%;box-shadow:0 0 0 4px #4da56a22;animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 8px transparent}}main{margin-left:210px;padding:32px 46px 70px;max-width:1600px}.topbar{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--ink);padding-bottom:22px}.eyebrow,.panel-head span,.manifesto>p,.setting-card>span{font-size:9px;letter-spacing:.18em;color:var(--muted);margin:0 0 8px}.topbar h1,.section-intro h2{font:600 31px var(--serif);margin:0}.top-actions{display:flex;align-items:center;gap:20px}.date{font-size:11px}.primary,.secondary,.text-btn{cursor:pointer;font:500 11px var(--mono);padding:12px 16px;border:1px solid var(--ink)}.primary{background:var(--ink);color:white;box-shadow:4px 4px 0 var(--acid)}.primary:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--acid)}.secondary{background:transparent}.text-btn{border:0;background:none;padding:8px}.view{display:none;padding-top:30px;animation:rise .45s ease}.view.active{display:block}@keyframes rise{from{opacity:0;transform:translateY(10px)}}.hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.manifesto,.clock-card{min-height:275px;border:1px solid var(--ink);padding:30px;position:relative;overflow:hidden}.manifesto{background:var(--ink);color:white}.manifesto:after{content:"";position:absolute;width:250px;height:250px;border:1px solid var(--acid);border-radius:48% 52% 42% 58%;right:-60px;top:-90px;transform:rotate(24deg)}.manifesto h2{font:600 42px/1.35 var(--serif);margin:25px 0}.manifesto em{font-style:normal;color:var(--acid)}.manifesto span{font-size:10px;color:#b8c1ba}.clock-card{background:var(--acid);display:flex;flex-direction:column;justify-content:end}.orb{position:absolute;width:170px;height:170px;border-radius:50%;background:var(--coral);top:-60px;right:-20px;box-shadow:-35px 18px 0 #fff7}.clock-card small{font-size:10px}.clock-card strong{font:500 65px var(--mono);letter-spacing:-.08em}.clock-card p{font:600 13px var(--serif);margin:0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--ink);border:1px solid var(--ink);margin:18px 0}.metric{background:var(--card);padding:20px}.metric small{font-size:9px;color:var(--muted)}.metric strong{display:block;font:600 30px var(--serif);margin-top:12px}.metric i{font-style:normal;color:var(--coral);font-size:9px}.split{display:grid;grid-template-columns:1.7fr 1fr;gap:18px}.panel{border:1px solid var(--ink);background:var(--card);padding:24px;margin-top:18px}.panel-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.panel-head h3,.setting-card h3{font:600 19px var(--serif);margin:0}.report-row,.account-row{display:grid;grid-template-columns:1.5fr .8fr .7fr auto;gap:12px;align-items:center;padding:14px 0;border-top:1px solid var(--line);font-size:11px}.report-row:first-child{border-top-color:var(--ink)}.report-row strong{font:600 13px var(--serif)}.status{display:inline-flex;width:max-content;padding:5px 8px;border:1px solid currentColor;font-size:9px}.status.sent,.status.active{color:#31824d;background:#e3f4e7}.status.failed,.status.verification_required{color:#b84a36;background:#fff0eb}.status.pending{color:#7c7040}.signal-panel{background:var(--coral);color:#1d1d18}.job-item{border-top:1px solid #21211b55;padding:14px 0}.job-item b{font:600 13px var(--serif)}.job-item p{font-size:10px;margin:6px 0 0}.section-intro{display:flex;justify-content:space-between;align-items:end;padding:24px 0 32px}.section-intro>div:last-child{display:flex;gap:10px}.section-intro p:last-child{font-size:11px;color:var(--muted)}.client-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.client-card{min-height:215px;border:1px solid var(--ink);padding:22px;background:var(--card);position:relative}.client-card:nth-child(3n+1){border-top:6px solid var(--acid)}.client-card:nth-child(3n+2){border-top:6px solid var(--coral)}.client-card h3{font:600 20px var(--serif);margin:20px 0 4px}.client-card>p{font-size:10px;color:var(--muted)}.target{position:absolute;bottom:20px;left:22px;right:22px}.target div{display:flex;justify-content:space-between;font-size:9px;margin-bottom:8px}.track{height:5px;background:#deded3}.track i{display:block;height:100%;background:var(--ink)}.account-row{grid-template-columns:1.3fr 1fr .8fr .8fr auto}.settings-grid{display:grid;grid-template-columns:1fr 1fr .8fr;gap:15px}.setting-card{border:1px solid var(--ink);padding:25px;background:var(--card);min-height:410px}.setting-card h3{margin:14px 0 30px}.setting-card label{display:block;font-size:9px;margin:20px 0}.setting-card input,.field input,.field select{width:100%;border:0;border-bottom:1px solid var(--ink);background:transparent;padding:10px 2px;font:11px var(--mono);outline:none}.setting-card input:focus,.field input:focus{border-bottom:3px solid var(--coral)}.status-card{background:var(--acid);display:flex;flex-direction:column}.mode b{display:block;font-size:36px;margin:30px 0 10px}.mode p{font:600 13px/1.7 var(--serif)}.status-card button{margin-top:auto}dialog{width:min(560px,90vw);border:1px solid var(--ink);padding:28px;background:var(--paper);box-shadow:12px 12px 0 var(--ink)}dialog::backdrop{background:#18231d99;backdrop-filter:blur(3px)}.modal-head,.modal-actions{display:flex;justify-content:space-between;align-items:center}.modal-head h2{font:600 27px var(--serif);margin:0}.close{border:0;background:none;font-size:32px;cursor:pointer}.field{margin:22px 0}.field label{font:600 12px var(--serif)}.field small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.modal-actions{justify-content:flex-end;gap:10px;margin-top:30px}.toast{position:fixed;right:30px;bottom:30px;background:var(--ink);color:white;padding:14px 18px;font-size:11px;transform:translateY(100px);opacity:0;transition:.3s;z-index:20}.toast.show{transform:none;opacity:1}@media(max-width:1000px){.rail{width:76px;padding:20px 12px}.brand small,.nav-item span,.rail-foot{display:none}.rail nav{margin-top:60px}.nav-item{grid-template-columns:1fr;text-align:center}main{margin-left:76px;padding:24px}.hero-grid,.split,.settings-grid{grid-template-columns:1fr}.client-grid{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr}}@media(max-width:650px){main{padding:18px}.topbar,.section-intro{align-items:flex-start;gap:20px;flex-direction:column}.top-actions{width:100%;justify-content:space-between}.date{display:none}.hero-grid,.client-grid,.metrics{grid-template-columns:1fr}.manifesto h2{font-size:32px}.report-row,.account-row{grid-template-columns:1fr 1fr}.report-row>*:nth-child(3),.account-row>*:nth-child(3){display:none}}
