@layer reset,tokens,base,primitives;@layer reset{*,*:before,*:after{box-sizing:border-box}html,body{margin:0;min-height:100%}body,button,input,select,textarea{font:inherit}}@layer tokens{:root{--font-serif: "Cormorant Garamond", Georgia, serif;--font-sans: "Jost", system-ui, sans-serif;--color-bg: #0f0e0c;--color-bg-warm: #141210;--color-surface: #1a1815;--color-surface-hi: #221f1b;--color-text: #ede8e0;--color-muted: #9e9187;--color-faint: #6c6257;--color-accent: #b8975a;--color-accent-strong: #d4b277;--color-border: rgba(255, 245, 235, .09);--color-border-hi: rgba(255, 245, 235, .16);--color-danger: #d06b5d;--shadow-panel: 0 18px 52px rgba(0, 0, 0, .5);--radius-panel: 1rem;--radius-field: .85rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--shell-max: 68rem}}@layer base{body{background:radial-gradient(circle at top,rgba(184,151,90,.08),transparent 34%),linear-gradient(180deg,var(--color-bg-warm),var(--color-bg));color:var(--color-text);font-family:var(--font-sans);line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{width:100%;min-width:0}input,select,textarea{border:1px solid var(--color-border);border-radius:var(--radius-field);background:#221f1be0;color:var(--color-text);padding:.9rem 1rem}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--color-accent) 50%,white);outline-offset:2px;border-color:color-mix(in srgb,var(--color-accent) 36%,var(--color-border))}}@layer primitives{.mobile-shell{display:grid;gap:var(--space-4);width:min(var(--shell-max),calc(100% - 1rem));min-height:100vh;margin-inline:auto;padding:1rem 0 2rem}.mobile-shell--login{display:grid;place-items:center;padding-bottom:1rem}.mobile-content,.stack{display:grid;gap:var(--space-4)}.surface{border:1px solid var(--color-border);border-radius:var(--radius-panel);background:color-mix(in srgb,var(--color-surface) 92%,transparent);box-shadow:var(--shadow-panel);padding:var(--space-6)}.surface--nested{background:color-mix(in srgb,var(--color-surface-hi) 92%,transparent);padding:var(--space-4)}.heading{margin:0;font-family:var(--font-serif);font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.05}.heading--sub{font-size:clamp(1.25rem,4vw,1.75rem)}.eyebrow,.muted{margin:0}.eyebrow{letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;color:var(--color-accent)}.muted{color:var(--color-muted)}.cluster{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.filter-row{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:.25rem}.chip-button{width:auto;min-height:2.5rem;border:1px solid var(--color-border-hi);border-radius:999px;background:#ffffff05;color:var(--color-muted);padding:.55rem .9rem;white-space:nowrap}.chip-button--active{border-color:color-mix(in srgb,var(--color-accent) 60%,var(--color-border));background:#b8975a26;color:var(--color-text)}.cluster--between{justify-content:space-between}.field{display:grid;gap:.45rem}.field__label{font-size:.92rem;color:var(--color-muted)}.button{display:inline-flex;justify-content:center;align-items:center;border:1px solid color-mix(in srgb,var(--color-accent) 55%,var(--color-border));border-radius:999px;background:linear-gradient(180deg,#b8975a38,#b8975a14);color:var(--color-text);min-height:3rem;padding:.8rem 1rem}.button--secondary{border-color:var(--color-border-hi);background:#ffffff05}.button--danger{border-color:#d06b5d80;background:linear-gradient(180deg,#d06b5d38,#d06b5d14)}.invoice-card{gap:var(--space-6)}.invoice-card__header{display:flex;flex-direction:column;gap:var(--space-4)}.invoice-card__brand{max-width:100%}.invoice-card__business-lines{display:grid;gap:.3rem;color:var(--color-muted)}.invoice-card__business-lines p,.invoice-card__identity-meta p,.invoice-meta-card p,.invoice-note p,.invoice-payment-box p{margin:0;overflow-wrap:anywhere}.invoice-card__identity{align-items:flex-start;text-align:left}.invoice-card__identity-meta{display:grid;gap:.2rem}.invoice-card__identity-value{font-size:1.02rem;font-weight:600;letter-spacing:.04em}.invoice-status-badge{display:inline-flex;width:auto;border:1px solid rgba(184,151,90,.28);border-radius:999px;padding:.45rem .85rem;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent)}.invoice-status-badge[data-status=paid]{border-color:#609d7073;color:#9dd4a9}.invoice-status-badge[data-status=draft]{border-color:#a0a5606b;color:#ddd69a}.invoice-status-badge[data-status=void]{border-color:#d06b5d80;color:#e2a196}.panel-section-label{margin:0;color:var(--color-accent);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase}.invoice-meta-grid{display:grid;grid-template-columns:1fr;gap:var(--space-3);padding-block:var(--space-3);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.invoice-meta-card{display:grid;gap:.3rem;padding:.9rem 1rem;border:1px solid rgba(255,245,235,.06);border-radius:var(--radius-panel);background:#ffffff04}.invoice-meta-card__subtle{color:var(--color-muted)}.invoice-table-card,.invoice-note,.invoice-payment-box{padding:1rem 1.1rem;border:1px solid var(--color-border);border-radius:var(--radius-panel);background:#ffffff05}.invoice-line-items{display:grid;gap:.75rem}.invoice-line-items__head,.invoice-line-items__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(2.25rem,auto) minmax(4.75rem,auto) minmax(5.5rem,auto);gap:var(--space-3);align-items:start}.invoice-line-items__head{color:var(--color-muted);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.invoice-line-items__row{padding-top:.85rem;border-top:1px solid rgba(255,245,235,.06)}.invoice-line-items__description{overflow-wrap:anywhere}.invoice-line-items .is-right{text-align:right;white-space:nowrap}.invoice-lower-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);align-items:start}.invoice-note--quiet p:last-child{color:var(--color-muted)}.invoice-totals{padding:1rem 1.1rem;border:1px solid var(--color-border);border-radius:var(--radius-panel);background:linear-gradient(180deg,#b8975a17,#ffffff05)}.invoice-total-row{display:flex;justify-content:space-between;gap:var(--space-3);padding:.35rem 0;border-bottom:1px solid rgba(255,245,235,.06)}.invoice-total-row--grand{font-size:1.02rem;color:var(--color-accent);padding-top:.85rem;border-bottom:0}.invoice-payment-box__contacts{display:grid;gap:.35rem}.button--disabled,.button[disabled]{opacity:.55;pointer-events:none}.button--compact{width:auto}.error-text{margin:0;color:#efb0a4}.shell-header__row{justify-content:space-between;align-items:start}.shell-header__copy{gap:.25rem}.mobile-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem;padding:.65rem}.mobile-nav a{display:grid;place-items:center;min-height:3.25rem;border-radius:.9rem;color:var(--color-muted)}.mobile-nav a.is-active{background:#b8975a29;color:var(--color-text)}.auth-card{width:min(32rem,100%)}.quick-grid{display:grid;gap:var(--space-4)}.quick-card{display:grid;gap:.45rem}.appointment-card{display:flex;justify-content:space-between;align-items:start;gap:var(--space-4)}.customer-card{align-items:stretch}.customer-card__content{min-width:0}.customer-card__meta{gap:.35rem}.customer-card__line{display:block;overflow-wrap:anywhere;line-height:1.45}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.35rem .7rem;border-radius:999px;background:#b8975a24;color:var(--color-accent-strong);text-transform:capitalize;white-space:nowrap}.badge[data-status=paid]{background:#78b07126;color:#9ad28f}.badge[data-status=draft]{background:#ffffff14;color:var(--color-text)}.badge[data-status=void]{background:#d06b5d26;color:#efb0a4}.code-block{display:block;overflow-wrap:anywhere;color:var(--color-accent-strong)}@media(min-width:48rem){.mobile-shell{padding-bottom:2rem}.mobile-nav{width:auto;margin-top:1rem}.quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}}