:root{--cream:#f4ede1;--paper:#fbf7ef;--paper-soft:#f7f0e5;--ink:#241710;--ink-soft:#4b3a2f;--muted:#746155;--line:#36241924;--line-strong:#36241942;--espresso:#2a1a12;--caramel:#a9542b;--gold:#d9a45c;--olive:#6d7250;--danger:#9d2f24;--radius:14px;--shadow:0 24px 60px -40px #2a1a1273;--font-sans:"Avenir Next", Avenir, "Segoe UI", "Helvetica Neue", system-ui, -apple-system, sans-serif;--font-display:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", Palatino, Georgia, "Times New Roman", serif;--font-mono:"SFMono-Regular", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace}*,:before,:after{box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(900px 600px at 82% -8%, #d9a45c2e, transparent 60%), var(--cream);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}button,input,select,textarea{font:inherit}[hidden]{display:none!important}.brand{align-items:baseline;gap:.5rem;display:flex}.brand__word{font-family:var(--font-sans);letter-spacing:-.04em;font-size:1.2rem;font-weight:800}.brand__dot{color:var(--gold)}.brand__tag{font-family:var(--font-mono);letter-spacing:.12em;opacity:.65;text-transform:uppercase;border:1px solid;border-radius:999px;padding:.15rem .4rem;font-size:.5rem;font-weight:700}.eyebrow{color:var(--caramel);font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .35rem;font-size:.56rem;font-weight:700}.button{background:var(--espresso);min-height:40px;color:var(--paper);cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.4rem;padding:.55rem .9rem;font-size:.86rem;font-weight:650;text-decoration:none;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.button:hover{background:#3a2418}.button--small{min-height:34px;padding:.4rem .7rem;font-size:.78rem}.button--ghost{border-color:var(--line-strong);color:var(--ink);background:0 0}.button--ghost:hover{border-color:var(--caramel);color:var(--caramel);background:0 0}.button--danger{color:var(--danger);background:0 0;border-color:#9d2f2459}.button--danger:hover{background:#9d2f2414}.field{gap:.35rem;display:grid}.field>span{color:var(--ink-soft);letter-spacing:.02em;font-size:.74rem;font-weight:650}.field--wide{grid-column:1/-1}.input,.field input,.field select,.field textarea{border:1px solid var(--line-strong);background:var(--paper);width:100%;min-height:40px;color:var(--ink);border-radius:9px;outline:none;padding:.55rem .65rem}.field textarea{resize:vertical}.input:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--caramel);box-shadow:0 0 0 3px #a9542b1f}.error{min-height:1.2em;color:var(--danger);margin:.6rem 0 0;font-size:.8rem}.login{place-items:center;min-height:100%;padding:2rem 1rem;display:grid}.login__card{border:1px solid var(--line);background:var(--paper);width:min(420px,100%);box-shadow:var(--shadow);border-radius:20px;padding:2rem}.login__card h1{font-family:var(--font-display);margin:1.6rem 0 .5rem;font-size:2rem;font-weight:500;line-height:1.1}.login__note{color:var(--muted);margin:0 0 1.3rem;font-size:.86rem}.login__card .button{width:100%;margin-top:1rem}.app{grid-template-rows:auto 1fr;height:100%;display:grid}.topbar{background:var(--espresso);color:var(--cream);justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.2rem;display:flex}.topbar .brand__dot{color:var(--gold)}.topbar__actions{align-items:center;gap:.9rem;display:flex}.topbar__hint{color:#f4ede199;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.6rem}.topbar .button--ghost{color:var(--cream);border-color:#f4ede140}.topbar .button--ghost:hover{border-color:var(--gold);color:var(--gold)}.layout{grid-template-columns:minmax(300px,380px) minmax(0,1fr);min-height:0;display:grid}.sidebar{border-right:1px solid var(--line);background:#fbf7ef8c;flex-direction:column;min-height:0;display:flex}.stats{border-bottom:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding:.9rem;display:grid}.stat{border:1px solid var(--line);background:var(--paper);border-radius:10px;padding:.6rem .55rem}.stat__value{font-family:var(--font-display);font-size:1.4rem;line-height:1;display:block}.stat__label{color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-top:.25rem;font-size:.48rem;display:block}.stat--accent{background:#a9542b0f;border-color:#a9542b4d}.toolbar{border-bottom:1px solid var(--line);gap:.45rem;padding:.9rem;display:grid}.customer-list{flex:1;min-height:0;margin:0;padding:.55rem;list-style:none;overflow-y:auto}.customer-item{margin:0;padding:0;list-style:none}.customer{width:100%;color:inherit;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;gap:.25rem;padding:.7rem .75rem;display:grid}.customer:hover{background:#2a1a120a}.customer.is-active{border-color:var(--line-strong);background:var(--paper);box-shadow:var(--shadow)}.customer__top{justify-content:space-between;align-items:baseline;gap:.6rem;display:flex}.customer__name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.customer__meta{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;overflow:hidden}.customer__tags{flex-wrap:wrap;gap:.3rem;display:flex}.tag{background:var(--paper-soft);color:var(--ink-soft);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:.1rem .38rem;font-size:.48rem;font-weight:700}.tag--lead{background:#7461551f}.tag--trial{color:#7a4f12;background:#d9a45c38}.tag--active{color:#4f5635;background:#6d72502e}.tag--paused{color:var(--caramel);background:#a9542b24}.tag--churned{color:var(--danger);background:#9d2f241f}.tag--premium{background:var(--espresso);color:var(--gold)}.empty-list{color:var(--muted);margin:0;padding:1rem;font-size:.82rem}.detail{min-height:0;padding:clamp(1.2rem,3vw,2.2rem);overflow-y:auto}.empty-detail{text-align:center;max-width:520px;margin:12vh auto 0}.empty-detail h2{font-family:var(--font-display);margin:.2rem 0 .6rem;font-size:2rem;font-weight:500}.empty-detail p:last-child{color:var(--muted)}.detail__head{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.4rem;display:flex}.detail__head h2{font-family:var(--font-display);margin:0;font-size:2rem;font-weight:500;line-height:1.1}.detail__meta{color:var(--muted);margin:.35rem 0 0;font-size:.84rem}.form{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:1.2rem}.form__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.form__actions{align-items:center;gap:.8rem;margin-top:1rem;display:flex}.form__status{color:var(--muted);font-size:.78rem}.activities{margin-top:1.6rem}.activities__head{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.activities__head h3{font-family:var(--font-display);margin:0;font-size:1.45rem;font-weight:500}.activities__head p{color:var(--muted);margin:0;font-size:.8rem}.activity-form{grid-template-columns:150px 190px minmax(0,1fr) auto;gap:.5rem;margin:.8rem 0 1rem;display:grid}.activity-form__note{resize:vertical;min-height:40px}.activity-list{margin:0;padding:0;list-style:none}.activity{border-top:1px solid var(--line);grid-template-columns:110px minmax(0,1fr) auto auto;gap:.8rem;padding:.8rem 0;display:grid}.activity__type{color:var(--caramel);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.56rem;font-weight:700}.activity__note{white-space:pre-wrap;margin:0}.activity__date{color:var(--muted);font-family:var(--font-mono);white-space:nowrap;font-size:.58rem}.activity__delete{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:.8rem}.activity__delete:hover{color:var(--danger)}.toast{z-index:20;background:var(--espresso);max-width:360px;color:var(--paper);box-shadow:var(--shadow);border-radius:10px;padding:.7rem .9rem;font-size:.82rem;position:fixed;bottom:1.2rem;right:1.2rem}.toast--error{background:var(--danger)}@media (width<=980px){.layout{grid-template-rows:auto 1fr;grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--line);max-height:46vh}.detail{padding:1rem}.form__grid{grid-template-columns:1fr}.activity-form{grid-template-columns:1fr 1fr}.activity-form__note{grid-column:1/-1}}@media (width<=560px){.topbar{padding:.7rem .8rem}.topbar__hint{display:none}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.detail__head{flex-direction:column}.activity{grid-template-columns:1fr;gap:.25rem}}