:root{--ink:#172018;--muted:#69726a;--line:#dfe5dc;--paper:#f4f6f1;--card:#fff;--green:#185c3b;--lime:#dff36c}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button,input,textarea{font:inherit}button,.primary,.secondary{cursor:pointer;text-decoration:none}main{min-height:100vh;display:grid;grid-template-columns:232px 1fr}.sidebar{position:sticky;top:0;height:100vh;padding:28px 20px;background:#153a2b;color:#fff;display:flex;flex-direction:column}.brand{color:#fff;text-decoration:none;display:flex;align-items:center;gap:12px;font-size:15px}.brand span,.logo{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:var(--lime);color:#173725;font-weight:900}nav{display:grid;gap:6px;margin-top:56px}nav a{color:#b9cbbf;padding:12px;border-radius:10px;text-decoration:none;display:flex;gap:12px}nav i{font-style:normal;font:600 10px/1.8 monospace;opacity:.65}nav a.active{background:#24523d;color:#fff}.status{margin-top:auto;color:#d4e1d8;font-size:12px;padding:12px;border:1px solid #35604b;border-radius:12px}.status span,.header-chip span{display:inline-block;width:7px;height:7px;border-radius:50%;background:#a6dc58;margin-right:7px}.status small{display:block;color:#8faf9b;margin:5px 0 0 15px}.workspace{padding:34px clamp(22px,4vw,64px) 60px;min-width:0}header{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.eyebrow{margin:0 0 7px;color:#708076;font-size:10px;font-weight:800;letter-spacing:.16em}h1{margin:0;font-size:clamp(27px,4vw,42px);line-height:1;letter-spacing:-.045em}h2{margin:0 0 16px;font-size:18px}.header-chip{border:1px solid var(--line);border-radius:99px;padding:8px 12px;color:var(--muted);font-size:12px;background:#fafbf8}.content-grid,.settings-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 8px 30px #23422d0a}.account-card,.wide{grid-column:1/-1}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.card-heading h2{margin:0}.primary,.secondary,.danger{display:inline-block;border:0;border-radius:10px;padding:10px 14px;font-weight:750;font-size:13px}.primary{background:var(--green);color:#fff}.secondary{background:#edf1ea;color:#27342b}.danger{background:#ffe9e5;color:#a52b22}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.field-label{display:block;color:var(--muted);font-size:11px;font-weight:700;margin:0 0 7px}.field-row{display:flex;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fafbf9}.field-row input{border:0;background:transparent;min-width:0;width:100%;padding:11px 12px;outline:none}.copy{border:0;border-left:1px solid var(--line);background:#fff;padding:0 11px;color:var(--green);font-size:11px;font-weight:750}.email-display{border-radius:13px;padding:18px;background:#e9f49a;display:flex;justify-content:space-between;align-items:center}.email-display span{font:700 14px ui-monospace,monospace}.email-display button{border:0;background:transparent;color:var(--green);font-weight:800}.editor-card{max-width:980px}.editor-card textarea{width:100%;min-height:300px;resize:vertical;border:1px solid var(--line);border-radius:12px;padding:14px;background:#fbfcfa;font:13px/1.6 ui-monospace,monospace}.actions{display:flex;justify-content:flex-end;margin-top:14px}.metric{color:var(--muted);font-size:12px}.metric b{display:block;color:var(--green);font-size:24px;text-align:right}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact{display:grid;align-content:start;gap:11px}.compact form{display:grid;gap:10px}.compact input,.auth-card input{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:#fafbf9}.add-row{display:flex!important;grid-template-columns:1fr auto!important;border:1px solid var(--line);border-radius:10px;overflow:hidden}.add-row input{border:0;border-radius:0}.add-row button,.domain-row button{border:0;background:#edf3e9;color:var(--green);font-size:11px;font-weight:800}.domain-row{display:flex!important;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:9px;background:#f3f5f0;font-size:13px}.domain-row button{background:transparent;color:#9d3a2e}.full{width:100%}.compact-fields{margin-top:18px}.alert,.notice{padding:12px 14px;border-radius:10px;margin:0 0 16px;font-size:13px}.alert{background:#ffe9e5;color:#922b22}.notice{background:#eaf5df;color:#285b2b}.auth-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:#153a2b}.auth-card{width:min(430px,100%);background:#fff;border-radius:20px;padding:30px;box-shadow:0 20px 70px #0003}.auth-card .logo{margin-bottom:28px}.auth-card h1{font-size:30px;margin-bottom:12px}.auth-card label{display:grid;gap:7px;font-size:12px;font-weight:700;margin:22px 0 14px}.muted{color:var(--muted);font-size:13px;line-height:1.55}
@media(max-width:800px){main{display:block}.sidebar{position:static;height:auto;padding:14px 16px;flex-direction:row;align-items:center}.brand strong,.status{display:none}nav{margin:0 0 0 auto;display:flex}nav a{padding:10px}nav i{display:none}.workspace{padding:26px 16px 40px}.content-grid,.settings-grid,.field-grid{grid-template-columns:1fr}.account-card,.wide{grid-column:auto}.header-chip{display:none}}
.inline-form{display:flex;margin:0}.otp-button{height:100%;white-space:nowrap;border:0;border-left:1px solid var(--line);background:#edf3e9;padding:0 12px;color:var(--green);font-size:11px;font-weight:800;cursor:pointer}