:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#182823;background:#f5f7f4;font-synthesis:none;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}a,button,input,select,textarea{touch-action:manipulation}button{cursor:pointer;border:0;border-radius:7px;background:#165e47;color:white;padding:.7rem 1rem;font-weight:600}button:hover{background:#104c39}button:disabled{cursor:default;opacity:.55}a{color:#16654b}a:focus-visible,button:focus-visible,input:focus,select:focus,textarea:focus{outline:3px solid #a5c8b4;outline-offset:2px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.7rem,2.7vw,2.35rem);line-height:1.2;letter-spacing:-.055em;margin-bottom:.7rem;font-weight:650}h2{font-size:1.12rem;letter-spacing:-.025em}h3{font-size:1rem;margin-bottom:.5rem}small{display:block;font-size:.75rem;color:#718078}code{font-size:.72rem;overflow-wrap:anywhere}.muted{font-size:.9rem}.fine,.muted{color:#6b7a71}.fine{font-size:.79rem}.eyebrow{font-size:.64rem;letter-spacing:.16em;font-weight:700;color:#63806e;margin-bottom:1rem}.layout{display:flex;min-height:100vh}.sidebar{width:242px;position:fixed;inset:0 auto 0 0;background:#142c24;color:#dae4dd;padding:2.2rem 1.1rem;display:flex;flex-direction:column}.brand{text-decoration:none;display:flex;align-items:center;gap:.7rem;font-size:1.15rem;font-weight:650;letter-spacing:-.04em;color:inherit}.brand>span{border-left:1px solid #52675c;padding-left:.8rem}.brand small{font-size:.52rem;letter-spacing:.15em;color:#8da79a;margin-top:.18rem}.sidebar .brand{padding:0 .8rem}.nav-label{font-size:.57rem;letter-spacing:.15em;color:#799387;margin:2.4rem .8rem .75rem}.nav{width:100%;display:flex;gap:.9rem;align-items:center;text-align:left;font-size:.8rem;background:none;color:#afc1b7;padding:.75rem .85rem;margin:.12rem 0;font-weight:500}.nav.active,.nav:hover{background:#274a3c;color:white}.nav.active{box-shadow:inset 3px 0 #b5d4a3}.nav span{width:1rem;color:#8fac9b}.sidebar-bottom{margin-top:auto;padding:.7rem .8rem 0;font-size:.7rem;color:#a7bcb0}.sidebar-bottom p{overflow-wrap:anywhere;margin:.6rem 0}.subtle{background:none;padding:.25rem 0;color:#b4c7bb;font-size:.72rem}.status-dot{display:inline-block;width:6px;height:6px;background:#97ba80;border-radius:50%;margin-right:.5rem}.amber{background:#c9a651}.main{margin-left:242px;min-width:0;flex:1 1}.topbar{height:70px;background:#fcfdfb;border-bottom:1px solid #e2e8e1;padding:0 3rem;display:flex;align-items:center;justify-content:space-between;font-size:.72rem;color:#7a897f}.slash{margin:0 .7rem;color:#b2bdb5}.pill{font-size:.55rem;font-weight:700;letter-spacing:.13em;padding:.4rem .65rem;border:1px solid #d3dfd3;color:#5c7864;border-radius:30px}.content{padding:2.8rem 3rem;max-width:1500px;min-height:calc(100vh - 140px)}.page-heading{margin-bottom:2rem}.page-heading .eyebrow{margin-bottom:.8rem}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:0 0 1.5rem}.stat{padding:1.5rem 1.3rem;background:white;border:1px solid #dfe6dc;border-radius:10px}.stat .muted{font-size:.72rem}.stat strong{display:block;font-size:1.8rem;letter-spacing:-.05em;font-weight:600;margin:.6rem 0 .3rem}.stat small{font-size:.6rem}.columns{display:grid;grid-template-columns:1fr 1.15fr;gap:1.4rem;align-items:start}.card{background:white;border:1px solid #dfe6dc;border-radius:10px;padding:1.5rem;margin-bottom:1.5rem;min-width:0}.card-heading{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.card-heading h2{margin:0}.link{padding:.2rem 0;background:none;color:#367153;font-size:.73rem}.link:hover{background:none;text-decoration:underline}.empty{padding:2rem 0 1rem;color:#87938b;font-size:.82rem;line-height:1.7}.row{display:flex;justify-content:space-between;gap:1rem;padding:.95rem 0;border-bottom:1px solid #edf0eb;font-size:.85rem}.tag{font-size:.59rem;line-height:1.4;display:inline-flex;align-items:center;padding:.3rem .5rem;border-radius:4px;background:#f0f4ed;color:#617b60;white-space:nowrap}.integration{display:flex;justify-content:space-between;gap:2rem;border:1px dashed #ccd8ca;border-radius:10px;background:#eff4ec;padding:1.4rem 1.6rem;margin:1.7rem 0 1rem}.integration strong{font-size:.82rem}.integration p{font-size:.75rem;color:#6f8172;max-width:570px;margin:.45rem 0 0}.integration-tags{display:flex;flex-direction:column;justify-content:center;gap:.3rem;font-size:.63rem;white-space:nowrap;color:#6b7b6b}.workspace-footer{display:flex;justify-content:space-between;padding:1.5rem 3rem;border-top:1px solid #e0e8df;font-size:.65rem;color:#7f8b81}.notice{padding:1rem 1.2rem;background:#edf3e9;border:1px solid #dce7d5;border-radius:7px;color:#496849;margin-bottom:1.5rem}.error,.notice{font-size:.8rem}.error{background:#fcf0ed;color:#963d2f;padding:.7rem;border-radius:5px}.form{display:grid;gap:1rem;margin:1rem 0}.form label,.preview-form label{display:grid;gap:.35rem;font-size:.76rem;font-weight:550;color:#506557}input,select,textarea{width:100%;padding:.65rem .75rem;border:1px solid #d3ddd2;border-radius:6px;background:#fdfefc;color:#203e2c;min-width:0}textarea{resize:vertical}.form button{justify-self:start}.form .check{display:flex;align-items:center;gap:.6rem}.check input{width:auto}.record{padding:1.3rem 0;border-bottom:1px solid #e6ece2}.record:last-child{border:0}.record p{font-size:.85rem;color:#6b7d70}.record .tag{margin-bottom:.6rem}.pre{white-space:pre-wrap;overflow-wrap:anywhere}.actions{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.secondary{background:#eaf0e7;color:#426344;font-size:.75rem}.secondary:hover{background:#dce8d8}blockquote{margin:1rem 0;background:#f3f6f0;border-left:3px solid #bfd0b5;padding:.8rem 1rem;font-size:.8rem;white-space:pre-wrap;overflow-wrap:anywhere}blockquote small{margin-top:.5rem}.lead-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;text-align:left;width:100%;color:#34533c;background:none;border-radius:0;border-bottom:1px solid #e9eee5;padding:1rem 0;font-size:.85rem}.lead-row:hover{background:#f1f5ed}.lead-row small{font-weight:400;margin-top:.3rem}.section-actions{text-align:right;font-size:.75rem;margin:-.5rem 0 1rem}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.76rem}th{text-align:left;font-size:.63rem;color:#71866f;text-transform:uppercase;letter-spacing:.04em}td,th{padding:1rem .6rem;border-bottom:1px solid #e7ede1;vertical-align:top}td small{max-width:200px;overflow-wrap:anywhere}summary{cursor:pointer;color:#3d7050;font-size:.77rem;margin:.7rem 0}.login{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:3rem 1.5rem;background:radial-gradient(ellipse at top,#e5ede0,transparent 60%),#f6f8f3}.login>.brand{color:#244c32;margin:0 0 2rem}.login-card{background:#fff;border:1px solid #d9e2d2;border-radius:14px;padding:2.5rem;width:100%;max-width:480px;box-shadow:0 20px 70px #1c3b1910}.login-card h1{font-size:2rem}.login footer{margin-top:2rem;font-size:.65rem;color:#7b8b77}.login .form button{width:100%}.campaign{background:#fff;border-radius:10px;overflow:hidden;border:1px solid #dbe1d5}.campaign header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;font-size:.9rem}.campaign header strong span{font-weight:400;color:#85917b}.campaign-hero{display:grid;grid-template-columns:1fr 1fr;background:#e9edde}.campaign-hero>div:first-child{padding:3.2rem 2.3rem}.campaign-hero h2{font-size:clamp(2rem,3.4vw,3.5rem);line-height:1.05;letter-spacing:-.055em;font-weight:500;max-width:500px}.campaign-hero p{font-size:.9rem;color:#637558;max-width:400px}.preview-button{display:inline-block;background:#2a4b32;color:white;text-decoration:none;border-radius:5px;padding:.8rem 1rem;font-size:.75rem;margin:1rem 0}.campaign-hero small{font-size:.57rem}.garage-art{min-height:350px;position:relative;overflow:hidden;background:linear-gradient(120deg,#b3b9a5,#d6d8c4 60%,#aeb8a0);display:grid;place-items:center}.garage-door{position:absolute;top:14%;left:12%;width:77%;height:52%;border:12px solid #dae0cc;background:repeating-linear-gradient(#78806e,#909783 20px,#717a66 22px);box-shadow:12px 12px 25px #64725855}.floor{position:absolute;bottom:-20%;width:200%;height:65%;background:repeating-linear-gradient(115deg,transparent,transparent 60px,#87958055 62px),repeating-linear-gradient(0deg,#b7c1ab,#b7c1ab 70px,#8c9a8055 72px);transform:perspective(400px) rotateX(35deg)}.garage-art>span{position:absolute;bottom:8%;font-size:.55rem;letter-spacing:.2em;color:#465b3b}.campaign-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:2.5rem 2.3rem}.campaign-steps span{font-size:.65rem;color:#98a28c}.campaign-steps h3{margin-top:.7rem;font-size:1.1rem}.campaign-steps p{font-size:.8rem;color:#79866e}.preview-form{display:grid;grid-template-columns:1fr 1fr;gap:3rem;padding:2.5rem 2.3rem;background:#f2f4ec}.preview-form h2{font-size:1.8rem}.preview-form p{font-size:.83rem;color:#75846a}.preview-form form{display:grid;gap:1rem}.campaign footer{font-size:.65rem;padding:1.4rem 2.3rem;color:#849078}@media(max-width:1150px){.sidebar{width:205px}.main{margin-left:205px}.content{padding:2rem}.topbar{padding:0 2rem}.stats{grid-template-columns:repeat(2,1fr)}.campaign-hero,.columns{grid-template-columns:1fr}.garage-art{min-height:300px}.integration{flex-direction:column;gap:1rem}.integration-tags{flex-direction:row;flex-wrap:wrap;gap:1rem}}@media(max-width:700px){.layout{display:block}.sidebar{position:static;width:auto;padding:1rem}.sidebar .brand{padding:0;font-size:1.1rem}.nav-label{display:none}.sidebar-bottom{display:flex;align-items:center;flex-wrap:wrap;gap:.2rem .6rem;padding:.75rem 0 0}.sidebar-bottom p{flex:1 1;font-size:.63rem;margin:0}.sidebar-bottom .status-dot{display:none}.sidebar nav{display:flex;overflow-x:auto;gap:.2rem;margin-top:1rem}.nav{width:auto;white-space:nowrap;padding:.6rem .7rem;font-size:.7rem}.nav span{display:none}.main{margin:0}.topbar{height:50px;padding:0 1rem;font-size:.62rem}.content{padding:1.6rem 1rem}.stats{gap:.7rem}.stat{padding:1rem}.stat strong{font-size:1.45rem}.card{padding:1.2rem}.workspace-footer{padding:1rem;display:block}.workspace-footer span{display:block;margin-top:.5rem}.campaign header{padding:1rem;font-size:.7rem}.campaign header .pill{font-size:.45rem}.campaign-hero>div:first-child{padding:2rem 1.2rem}.campaign-steps,.preview-form{grid-template-columns:1fr;padding:1.5rem;gap:1rem}.login-card{padding:1.6rem}.campaign-hero h2{font-size:2.5rem}}