.invoice-preview{position:relative;aspect-ratio:210 / 297;max-width:400px;width:100%;margin-inline:auto}.invoice-preview__sheet{position:relative;z-index:2;height:100%;padding:7% 7.5%;background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius-xs);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;gap:4%;container-type:inline-size}.invoice-preview__stack{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;transform:translate(10px,12px) rotate(1.4deg);background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius-xs);box-shadow:var(--shadow-sm)}.ip-header{display:flex;justify-content:space-between;gap:var(--space-4)}.ip-header__meta{text-align:right;display:grid;gap:4px;justify-items:end}.ip-logo{width:26px;height:26px;border-radius:var(--radius-xs);background:var(--accent);margin-bottom:8px}.ip-eyebrow{font-family:var(--font-data);font-size:6.5px;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-subtle);margin-bottom:4px}.ip-number{font-family:var(--font-data);font-size:11px;font-weight:500;color:var(--ink)}.ip-line{display:block;height:4px;border-radius:1px;background:var(--rule);margin-bottom:4px}.ip-line--faint{background:var(--rule-faint)}.ip-line--right{margin-left:auto}.ip-line--w40{width:40%}.ip-line--w50{width:50%}.ip-line--w55{width:55%}.ip-line--w60{width:60%}.ip-line--w70{width:70%}.ip-line--w75{width:75%}.ip-line--w80{width:80%}.ip-rule{height:1px;background:var(--rule-strong)}.ip-parties{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.ip-party{padding-left:7px;border-left:1.5px solid var(--rule-strong)}.ip-party--accent{border-left-color:var(--accent)}.ip-table{display:grid;gap:5px}.ip-table__head,.ip-table__row{display:grid;grid-template-columns:1fr 26px 48px 52px;gap:6px;align-items:center}.ip-table__head{font-family:var(--font-data);font-size:6px;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--ink-subtle);padding-bottom:4px;border-bottom:1px solid var(--rule)}.ip-table__head span:not(:first-child){text-align:right}.ip-table__row{padding-block:3px}.ip-table__row .ip-line{margin-bottom:0}.ip-num{font-family:var(--font-data);font-size:7.5px;font-variant-numeric:tabular-nums;text-align:right;color:var(--ink-muted)}.ip-totals{margin-left:auto;width:58%;display:grid;gap:3px;padding-top:var(--space-2);border-top:1px solid var(--rule)}.ip-total-row{display:flex;justify-content:space-between;font-size:7.5px;color:var(--ink-muted);font-family:var(--font-data)}.ip-total-row--grand{margin-top:4px;padding-top:5px;border-top:1.5px solid var(--ink);color:var(--ink);font-weight:600;font-size:9.5px}.ip-footer{margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--rule-faint)}.hero{position:relative;padding-block:clamp(4rem,3rem + 6vw,9rem) clamp(5rem,4rem + 8vw,11rem);overflow:hidden;background:radial-gradient(ellipse 80% 60% at 50% 0%,#FFFFFF 0%,var(--slate-100) 100%)}.hero:after{content:"";position:absolute;top:-20%;right:-10%;width:60%;height:70%;border-radius:50%;background:linear-gradient(to bottom left,rgb(226 232 240 / .5),transparent);filter:blur(64px);pointer-events:none}.hero__inner{position:relative;z-index:1;max-width:64rem;margin-inline:auto;text-align:center}.hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);margin-bottom:var(--space-8);border-radius:var(--radius-full);background:var(--paper-raised);border:1px solid var(--rule);box-shadow:var(--shadow-xs);font-size:var(--text-xs);font-weight:500;color:var(--ink-muted)}.hero__badge-dot{width:6px;height:6px;border-radius:var(--radius-full);background:var(--slate-400)}.hero__title{font-size:var(--text-hero);font-weight:700;line-height:1.1;letter-spacing:var(--tracking-tight);color:var(--ink);margin-bottom:var(--space-6)}@media(min-width:768px){.hero__title-break{display:block}}.hero__subtitle{max-width:42rem;margin-inline:auto;margin-bottom:var(--space-10);font-size:var(--text-md);font-weight:300;line-height:var(--leading-relaxed);color:var(--ink-muted)}.hero__actions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4)}@media(min-width:640px){.hero__actions{flex-direction:row}}.hero__note{margin-top:var(--space-6);font-size:var(--text-xs);font-weight:500;color:var(--ink-muted)}@media(prefers-reduced-motion:no-preference){.hero__badge,.hero__title,.hero__subtitle,.hero__actions,.hero__note{animation:fade-up var(--duration-slow) var(--ease-out) backwards}.hero__title{animation-delay:40ms}.hero__subtitle{animation-delay:80ms}.hero__actions{animation-delay:.12s}.hero__note{animation-delay:.16s}}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.showcase{position:relative;z-index:2;margin-top:clamp(-5rem,-3rem - 4vw,-3rem);padding-bottom:var(--space-20)}.workspace{position:relative}.workspace:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:var(--radius-3xl);background:linear-gradient(to bottom,var(--slate-200),var(--slate-100));filter:blur(8px);opacity:.6}.workspace__frame{position:relative;display:flex;flex-direction:column;height:500px;background:var(--paper-raised);border:1px solid var(--rule-faint);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);overflow:hidden}@media(max-width:640px){.workspace__frame{height:420px}}.workspace__bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--rule-faint);background:#fffc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.workspace__dots{display:flex;gap:var(--space-2)}.workspace__dots i{width:10px;height:10px;border-radius:var(--radius-full);background:var(--slate-200)}.workspace__label{font-size:var(--text-2xs);font-weight:500;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-faint)}.workspace__spacer{width:40px}.workspace__body{display:flex;flex:1;overflow:hidden;background:var(--slate-50)}.workspace__sidebar{display:none;flex-direction:column;width:240px;padding:var(--space-6) var(--space-4);background:var(--paper-raised);border-right:1px solid var(--rule-faint)}@media(min-width:768px){.workspace__sidebar{display:flex}}.workspace__group{padding-inline:var(--space-3);margin-bottom:var(--space-3);font-size:10px;font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-faint)}.workspace__nav{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--space-6)}.workspace__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--ink-muted)}.workspace__item[data-active=true]{background:var(--slate-50);color:var(--ink)}.workspace__bullet{width:5px;height:5px;border-radius:var(--radius-full);background:var(--slate-300);flex-shrink:0}.workspace__item[data-active=true] .workspace__bullet{background:var(--slate-500)}.workspace__lock{margin-left:auto;padding:1px var(--space-2);border-radius:var(--radius-full);background:var(--slate-100);font-size:9px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.workspace__main{display:flex;flex:1;flex-direction:column;padding:var(--space-8)}.workspace__head{margin-bottom:var(--space-8)}.workspace__title{font-size:var(--text-lg);font-weight:600;color:var(--ink)}.workspace__sub{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--ink-muted)}.workspace__drop{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--rule-strong);border-radius:var(--radius-xl);background:var(--paper-raised);box-shadow:var(--shadow-xs)}.workspace__drop-icon{display:grid;place-items:center;width:64px;height:64px;margin-bottom:var(--space-6);border-radius:var(--radius-full);border:1px solid var(--rule-faint);background:var(--slate-50);color:var(--slate-400)}.workspace__drop-icon svg{width:26px;height:26px}.workspace__drop-title{font-size:var(--text-base);font-weight:500;color:var(--slate-700);margin-bottom:var(--space-2)}.workspace__drop-hint{font-size:var(--text-xs);color:var(--ink-muted);margin-bottom:var(--space-6)}.workspace__badges{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.workspace__badge{font-size:var(--text-2xs);font-weight:500;color:var(--ink-muted)}.dropzone{display:grid;gap:var(--space-3);justify-items:center;padding:var(--space-12) var(--space-6);text-align:center;background:var(--paper-raised);border:2px dashed var(--rule-strong);border-radius:var(--radius-xl);cursor:pointer;box-shadow:var(--shadow-xs);transition:border-color var(--duration-normal) var(--ease-out),background-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.dropzone:hover,.dropzone:focus-visible{border-color:var(--slate-400);background:var(--slate-50);box-shadow:var(--shadow-sm)}.dropzone[data-dragging=true]{border-color:var(--slate-500);border-style:solid;background:var(--slate-50)}.dropzone__icon{display:grid;place-items:center;width:64px;height:64px;margin-bottom:var(--space-2);border-radius:var(--radius-full);border:1px solid var(--rule-faint);background:var(--slate-50);color:var(--slate-400);transition:color var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.dropzone__icon svg{width:26px;height:26px}.dropzone:hover .dropzone__icon,.dropzone:focus-visible .dropzone__icon{color:var(--slate-600);transform:scale(1.08)}.dropzone[data-dragging=true] .dropzone__icon{color:var(--slate-700);transform:translateY(-2px)}.dropzone__title{font-size:var(--text-md);font-weight:500;color:var(--slate-700)}.dropzone__hint{font-size:var(--text-sm);color:var(--ink-muted)}.section--white{background:var(--paper-raised);border-top:1px solid var(--rule-faint)}.section--dark{background:var(--paper-inverse);color:var(--ink-inverse)}.container--narrow{max-width:64rem}.section-head{max-width:58ch;margin-bottom:var(--space-12)}.section-head--center{margin-inline:auto;text-align:center}.section-head__title{font-size:var(--text-2xl);font-weight:700;letter-spacing:var(--tracking-tight);color:var(--ink);margin-bottom:var(--space-4)}.section--dark .section-head__title{color:var(--ink-inverse)}.section-head__body{color:var(--ink-muted);line-height:var(--leading-relaxed)}.strength-grid{display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.strength{padding:var(--space-8);border-radius:var(--radius-xl);background:var(--slate-50);border:1px solid var(--rule-faint);transition:background-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out)}.strength:hover{background:var(--paper-raised);box-shadow:var(--shadow-md)}.strength__icon{display:grid;place-items:center;width:40px;height:40px;margin-bottom:var(--space-6);border-radius:var(--radius-md);background:var(--paper-raised);border:1px solid var(--rule);box-shadow:var(--shadow-xs);color:var(--slate-700)}.strength__icon svg{width:20px;height:20px}.strength__title{font-size:var(--text-md);font-weight:600;color:var(--ink);margin-bottom:var(--space-3)}.strength__body{font-size:var(--text-sm);color:var(--ink-muted);line-height:var(--leading-relaxed)}.tool-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));margin-top:var(--space-8)}.tool-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-5);background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius-lg);text-decoration:none;color:inherit;box-shadow:var(--shadow-xs);transition:border-color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.tool-card:hover,.tool-card:focus-visible{border-color:var(--rule-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.tool-card__text{display:flex;flex-direction:column;gap:2px}.tool-card__name{font-size:var(--text-sm);font-weight:600;color:var(--ink)}.tool-card__hint{font-size:var(--text-xs);color:var(--ink-muted)}.tool-card__arrow{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:var(--radius-md);background:var(--slate-100);color:var(--slate-500);transition:background-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.tool-card__arrow svg{width:15px;height:15px}.tool-card:hover .tool-card__arrow{background:var(--slate-900);color:var(--ink-inverse);transform:translate(2px)}.split{display:grid;gap:var(--space-16);align-items:center}@media(min-width:960px){.split{grid-template-columns:1fr 1fr}}.pill{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);margin-bottom:var(--space-6);border-radius:var(--radius-full);background:var(--slate-800);border:1px solid var(--slate-700);font-size:var(--text-xs);font-weight:600;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--slate-300)}.split__title{font-size:var(--text-3xl);font-weight:700;line-height:1.15;letter-spacing:var(--tracking-tight);color:var(--ink-inverse);margin-bottom:var(--space-6)}.split__body{color:var(--slate-400);line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.check-list{display:grid;gap:var(--space-4);margin-bottom:var(--space-8)}.check-list__item{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--slate-300)}.check-icon{width:16px;height:16px;flex-shrink:0;margin-top:2px}.check-list__item .check-icon{color:var(--slate-500)}.split__link{display:inline-flex;align-items:center;gap:var(--space-2);padding-bottom:2px;border-bottom:1px solid var(--slate-700);font-size:var(--text-sm);font-weight:500;color:var(--ink-inverse);text-decoration:none;transition:border-color var(--duration-fast) var(--ease-out)}.split__link:hover{border-color:var(--slate-500)}.split__link svg{width:14px;height:14px;transition:transform var(--duration-fast) var(--ease-out)}.split__link:hover svg{transform:translate(3px)}.split__disclaimer{max-width:72ch;margin-top:var(--space-16);padding-top:var(--space-6);border-top:1px solid var(--slate-800);font-size:var(--text-xs);line-height:var(--leading-relaxed);color:var(--slate-400)}.dataflow{padding:var(--space-8);border-radius:var(--radius-xl);background:var(--slate-800);border:1px solid var(--slate-700);box-shadow:var(--shadow-2xl)}.dataflow__code{margin-bottom:var(--space-6);font-family:var(--font-data);font-size:10px;line-height:1.7;color:var(--slate-500);white-space:pre;overflow-x:auto}.dataflow__node{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--slate-900);border:1px solid var(--slate-700)}.dataflow__icon{display:grid;place-items:center;width:40px;height:40px;flex-shrink:0;border-radius:var(--radius-sm);background:var(--slate-800);border:1px solid var(--slate-600);color:var(--slate-300)}.dataflow__icon svg{width:20px;height:20px}.dataflow__title{display:block;font-size:var(--text-sm);font-weight:600;color:var(--ink-inverse)}.dataflow__sub{display:block;font-size:var(--text-xs);color:var(--slate-400)}.dataflow__arrow{display:grid;place-items:center;padding-block:var(--space-2);color:var(--slate-600)}.dataflow__arrow svg{width:18px;height:18px}.dataflow__outputs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.dataflow__output{display:grid;place-items:center;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--slate-800);border:1px solid var(--slate-600);text-align:center;color:var(--slate-400)}.dataflow__output svg{width:20px;height:20px}.dataflow__output-label{font-size:var(--text-xs);font-weight:600;color:var(--ink-inverse)}.dataflow__output--accent{background:#1e3a8a80;border-color:#1e40af;color:#93c5fd}.feature-grid{display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.feature{display:grid;gap:var(--space-3);align-content:start;padding-top:var(--space-5);border-top:2px solid var(--rule)}.feature .eyebrow{color:var(--ink-muted)}.feature__title{font-size:var(--text-md);font-weight:600;color:var(--ink)}.feature__body{font-size:var(--text-sm);color:var(--ink-muted);line-height:var(--leading-relaxed)}.plan-grid{display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));max-width:60rem;margin-inline:auto;align-items:start}.plan{display:flex;flex-direction:column;padding:var(--space-8);background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.plan--featured{position:relative;background:var(--paper-inverse);border-color:var(--slate-900);box-shadow:var(--shadow-xl)}@media(min-width:640px){.plan--featured{transform:translateY(-8px)}}.plan__tag{position:absolute;top:var(--space-6);right:var(--space-6);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:#ffffff1a;border:1px solid rgb(255 255 255 / .2);font-size:10px;font-weight:700;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-inverse)}.plan__head{padding-bottom:var(--space-6);margin-bottom:var(--space-6);border-bottom:1px solid var(--rule-faint)}.plan--featured .plan__head{border-bottom-color:var(--slate-800)}.plan__name{font-size:var(--text-md);font-weight:700;color:var(--ink);margin-bottom:var(--space-1)}.plan--featured .plan__name{color:var(--ink-inverse)}.plan__desc{font-size:var(--text-sm);color:var(--ink-muted);margin-bottom:var(--space-4)}.plan--featured .plan__desc{color:var(--slate-400)}.plan__price{font-size:2.25rem;font-weight:800;letter-spacing:var(--tracking-tight);color:var(--ink)}.plan--featured .plan__price{color:var(--ink-inverse)}.plan__period{font-size:var(--text-sm);font-weight:500;color:var(--ink-muted)}.plan--featured .plan__period{color:var(--slate-400)}.plan__features{display:grid;gap:var(--space-4);margin-bottom:var(--space-8)}.plan__feature{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--slate-600)}.plan__feature .check-icon{color:var(--slate-400)}.plan--featured .plan__feature{color:var(--slate-300)}.plan--featured .plan__feature .check-icon{color:var(--slate-500)}.plan__note{margin-top:var(--space-4);text-align:center;font-size:var(--text-xs);font-weight:500;color:var(--ink-muted)}.plan--featured .plan__note{color:var(--slate-400)}.plan .btn{margin-top:auto}.site-footer{border-top:1px solid var(--rule);background:var(--paper-sunken);padding-block:var(--space-12) var(--space-8);margin-top:var(--space-section)}.footer-grid{display:grid;gap:var(--space-8);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:var(--space-10)}.footer-col__title{font-family:var(--font-data);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-subtle);margin-bottom:var(--space-3)}.footer-col__links{display:grid;list-style:none;padding:0}.footer-col__links a{display:inline-flex;align-items:center;min-height:24px;min-width:24px;padding-block:var(--space-1);font-size:var(--text-sm);color:var(--ink-muted);text-decoration:none}.footer-col__links a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.footer-bottom{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;padding-top:var(--space-6);border-top:1px solid var(--rule);font-size:var(--text-xs);color:var(--ink-subtle)}.site-header{position:sticky;top:0;z-index:var(--z-sticky);background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--rule)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);height:var(--header-height)}.brand{display:inline-flex;align-items:center;text-decoration:none;color:inherit}.logo{display:block;width:auto;flex-shrink:0}.logo__mark{display:block;flex-shrink:0}.footer-brand{display:grid;gap:var(--space-3);align-content:start}.footer-brand a{text-decoration:none}.footer-brand__text{font-size:var(--text-xs);line-height:var(--leading-relaxed);color:var(--ink-muted);max-width:30ch}.site-nav{display:none;gap:var(--space-6)}@media(min-width:860px){.site-nav{display:flex}}.site-nav a{font-size:var(--text-sm);color:var(--ink-muted);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.site-nav a:hover{color:var(--ink)}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.notice a,.hero__trust a{display:inline-flex;align-items:center;min-height:24px;text-underline-offset:3px}.tool-card{min-height:44px}.convert-layout{display:grid;gap:var(--space-8)}.tool-choice{display:grid;gap:var(--space-2);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.tool-choice__item{display:grid;gap:var(--space-1);padding:var(--space-4);text-align:left;background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.tool-choice__item:hover{border-color:var(--ink-subtle)}.tool-choice__item[data-selected=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.tool-choice__label{font-size:var(--text-sm);font-weight:500}.tool-choice__desc{font-size:var(--text-xs);color:var(--ink-muted);line-height:var(--leading-snug)}.option-grid{display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.editor-layout{display:grid;gap:var(--space-8);align-items:start}@media(min-width:1100px){.editor-layout{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:var(--space-10)}.editor-preview{position:sticky;top:calc(var(--header-height) + var(--space-5))}}.editor-panel{display:grid;gap:var(--space-8)}.editor-section{padding-top:var(--space-5);border-top:1px solid var(--rule)}.editor-section:first-child{padding-top:0;border-top:0}.editor-section__title{font-family:var(--font-data);font-size:var(--text-2xs);font-weight:500;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-subtle);margin-bottom:var(--space-4)}.field-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.checkbox-row{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3);background:var(--paper-sunken);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-sm)}.checkbox-row input{margin-top:2px;flex-shrink:0}.checkbox-row__text{display:grid;gap:var(--space-1)}.checkbox-row__label{font-weight:500}.checkbox-row .field__hint{margin:0}.colour-row{display:flex;align-items:center;gap:var(--space-3)}.colour-input{width:44px;height:32px;padding:2px;border:1px solid var(--rule-strong);border-radius:var(--radius-sm);background:var(--paper-raised);cursor:pointer}.line-editor{display:grid;gap:var(--space-4)}.line-editor__row{display:grid;gap:var(--space-3);padding:var(--space-4);margin:0;border:1px solid var(--rule);border-radius:var(--radius-sm);background:var(--paper-raised);grid-template-columns:1fr}.line-editor__row{grid-template-columns:minmax(0,1fr)}.line-editor__description{grid-column:1 / -1}@media(min-width:560px){.line-editor__row{grid-template-columns:100px 100px minmax(110px,1fr) auto;align-items:end}.line-editor__row:has(.line-editor__vat){grid-template-columns:90px 90px 110px minmax(130px,1fr) auto}}.line-editor__actions{display:flex;align-items:flex-end}.editor-preview{display:grid;align-content:start}@media(max-width:700px){.doc-preview{--doc-padding: var(--space-3)}}.site-nav a{display:inline-flex;align-items:center;min-height:24px;padding-block:var(--space-1)}.checkbox-row input[type=checkbox]{width:18px;height:18px;margin:3px;cursor:pointer}.template-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.template-card{display:grid;gap:var(--space-2);padding:var(--space-3);text-align:left;background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.template-card:hover{border-color:var(--ink-subtle)}.template-card[data-selected=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.template-thumb{width:100%;aspect-ratio:84 / 118;border:1px solid var(--rule-faint);border-radius:var(--radius-xs);background:#fff}.template-card__name{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500}.template-card__badge{font-size:9px;padding:1px 4px}.template-card__desc{font-size:var(--text-2xs);color:var(--ink-muted);line-height:var(--leading-snug)}.logo-upload{display:grid;gap:var(--space-1);justify-items:center;padding:var(--space-5) var(--space-4);text-align:center;background:var(--paper-raised);border:1.5px dashed var(--rule-strong);border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out)}.logo-upload:hover,.logo-upload:focus-visible{border-color:var(--accent);background:var(--accent-soft)}.logo-upload[data-dragging=true]{border-color:var(--accent);border-style:solid;background:var(--accent-soft)}.logo-upload--filled{border-style:solid;border-color:var(--rule);cursor:default;gap:var(--space-3)}.logo-upload--filled:hover{background:var(--paper-raised);border-color:var(--rule)}.logo-upload__title{font-size:var(--text-sm);font-weight:500}.logo-upload__hint{font-size:var(--text-xs);color:var(--ink-muted)}.logo-upload__hint--faint{color:var(--ink-subtle);font-size:var(--text-2xs)}.logo-upload__preview{max-height:64px;max-width:100%;-o-object-fit:contain;object-fit:contain;background-image:linear-gradient(45deg,var(--paper-sunken) 25%,transparent 25%),linear-gradient(-45deg,var(--paper-sunken) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--paper-sunken) 75%),linear-gradient(-45deg,transparent 75%,var(--paper-sunken) 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;padding:var(--space-2);border-radius:var(--radius-xs)}.logo-upload__actions{display:flex;gap:var(--space-2)}.segmented{display:inline-flex;padding:3px;background:var(--paper-sunken);border:1px solid var(--rule);border-radius:var(--radius-sm);gap:2px}.segmented__option{padding:var(--space-2) var(--space-4);min-height:32px;font-size:var(--text-sm);font-weight:500;color:var(--ink-muted);background:transparent;border:0;border-radius:var(--radius-xs);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.segmented__option:hover{color:var(--ink)}.segmented__option[data-selected=true]{background:var(--paper-raised);color:var(--accent);box-shadow:var(--shadow-xs)}.doc-actions{display:grid;gap:var(--space-3);margin-top:var(--space-4)}.doc-actions__row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.doc-actions__hint{font-size:var(--text-xs);color:var(--ink-muted);line-height:var(--leading-relaxed)}.metric-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.metric-card{display:grid;gap:var(--space-2);align-content:start;padding:var(--space-5);background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius-md)}.metric-card[data-emphasis=true]{border-left:3px solid var(--accent)}.metric-card__label{font-family:var(--font-data);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-subtle)}.metric-card__value{font-size:var(--text-xl);font-weight:600;line-height:1.1}.metric-card__footnote{font-size:var(--text-xs);color:var(--ink-muted)}.metric-card__footnote[data-tone=ok]{color:var(--ok)}.metric-card__footnote[data-tone=warn]{color:var(--warn)}.metric-card__footnote[data-tone=danger]{color:var(--danger)}.dashboard-layout{display:grid;gap:var(--space-5);margin-top:var(--space-5)}@media(min-width:900px){.dashboard-layout{grid-template-columns:minmax(0,2fr) minmax(240px,1fr)}}.chart{margin:0;display:grid;gap:var(--space-2)}.chart__svg{width:100%;height:150px;overflow:hidden;display:block}.chart__labels{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:var(--space-1)}.chart__label{font-family:var(--font-data);font-size:var(--text-2xs);color:var(--ink-subtle);text-align:center}.chart__label[data-current=true]{color:var(--accent);font-weight:500}.doc{width:210mm;min-height:297mm;padding:18mm 16mm;background:#fff;color:#14181f;font-family:var(--font-text);font-size:9.5pt;line-height:1.45;font-variant-numeric:tabular-nums;box-sizing:border-box;--doc-accent: #2b4a8b;--doc-rule: #d8d5cc;--doc-rule-strong: #14181f;--doc-muted: #5a6372;print-color-adjust:exact;-webkit-print-color-adjust:exact}.doc__header{display:grid;grid-template-columns:1fr auto;gap:12mm;align-items:start;margin-bottom:8mm}.doc__logo{max-width:44mm;max-height:20mm;-o-object-fit:contain;object-fit:contain;margin-bottom:4mm}.doc__logo-placeholder{width:14mm;height:14mm;border-radius:1mm;background:var(--doc-accent);margin-bottom:4mm}.doc__issuer-name{font-size:12pt;font-weight:600;margin-bottom:1mm}.doc__issuer-details{font-size:8pt;color:var(--doc-muted);line-height:1.5}.doc__meta{text-align:right;min-width:55mm}.doc__type{font-family:var(--font-data);font-size:7.5pt;letter-spacing:.12em;text-transform:uppercase;color:var(--doc-muted);margin-bottom:1mm}.doc__number{font-family:var(--font-data);font-size:15pt;font-weight:600;color:var(--doc-accent);margin-bottom:3mm}.doc__dates{display:grid;gap:1mm;font-size:8.5pt}.doc__date-row{display:grid;grid-template-columns:auto auto;gap:4mm;justify-content:end}.doc__date-label{color:var(--doc-muted)}.doc__date-value{font-family:var(--font-data)}.doc__parties{display:grid;grid-template-columns:1fr 1fr;gap:8mm;margin-bottom:8mm}.doc__party{padding-left:3mm;border-left:.6mm solid var(--doc-rule)}.doc__party--client{border-left-color:var(--doc-accent)}.doc__party-label{font-family:var(--font-data);font-size:7pt;letter-spacing:.12em;text-transform:uppercase;color:var(--doc-muted);margin-bottom:1.5mm}.doc__party-name{font-weight:600;margin-bottom:1mm}.doc__party-details{font-size:8.5pt;color:var(--doc-muted);line-height:1.5}.doc__table{width:100%;border-collapse:collapse;margin-bottom:6mm;font-size:8.5pt}.doc__table thead th{padding:2mm 2.5mm;text-align:left;font-family:var(--font-data);font-size:7pt;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--doc-muted);border-bottom:.4mm solid var(--doc-rule-strong);white-space:nowrap}.doc__table tbody td{padding:2.2mm 2.5mm;border-bottom:.2mm solid var(--doc-rule);vertical-align:top}.doc__table tbody tr{-moz-column-break-inside:avoid;break-inside:avoid;page-break-inside:avoid}.doc__table thead{display:table-header-group}.doc__col-num{width:8mm;color:var(--doc-muted);font-family:var(--font-data)}.doc__col-qty,.doc__col-price,.doc__col-vat,.doc__col-total{text-align:right;font-family:var(--font-data);white-space:nowrap}.doc__col-qty{width:18mm}.doc__col-price{width:24mm}.doc__col-vat{width:16mm}.doc__col-total{width:26mm}.doc__line-description{font-weight:500}.doc__line-unit{font-size:7.5pt;color:var(--doc-muted)}.doc__totals-zone{display:grid;grid-template-columns:1fr auto;gap:10mm;margin-bottom:8mm;-moz-column-break-inside:avoid;break-inside:avoid}.doc__vat-breakdown{font-size:8pt;align-self:start}.doc__vat-breakdown-title{font-family:var(--font-data);font-size:7pt;letter-spacing:.1em;text-transform:uppercase;color:var(--doc-muted);margin-bottom:1.5mm}.doc__vat-table{border-collapse:collapse}.doc__vat-table td{padding:.8mm 3mm .8mm 0;font-family:var(--font-data);color:var(--doc-muted)}.doc__vat-table td:not(:first-child){text-align:right}.doc__totals{min-width:62mm}.doc__total-row{display:grid;grid-template-columns:1fr auto;gap:6mm;padding:1.2mm 0;font-size:9pt}.doc__total-label{color:var(--doc-muted)}.doc__total-value{font-family:var(--font-data);text-align:right}.doc__total-row--grand{margin-top:2mm;padding-top:2.5mm;border-top:.5mm solid var(--doc-rule-strong);font-size:12pt;font-weight:600}.doc__total-row--grand .doc__total-label{color:var(--doc-rule-strong)}.doc__total-row--paid{color:var(--doc-muted);font-size:8.5pt}.doc__payment-terms{padding:3mm 3.5mm;background:#f7f6f2;border-left:.6mm solid var(--doc-accent);margin-bottom:6mm;font-size:8.5pt;-moz-column-break-inside:avoid;break-inside:avoid}.doc__payment-terms-title{font-weight:600;margin-bottom:1mm}.doc__notes{margin-bottom:6mm;font-size:8.5pt;color:var(--doc-muted);white-space:pre-wrap}.doc__legal{padding-top:3mm;border-top:.2mm solid var(--doc-rule);font-size:7.5pt;color:var(--doc-muted);line-height:1.55;-moz-column-break-inside:avoid;break-inside:avoid}.doc__legal-item{margin-bottom:.8mm}.doc__footer{margin-top:5mm;padding-top:2.5mm;border-top:.2mm solid var(--doc-rule);font-size:7pt;color:var(--doc-muted);text-align:center;line-height:1.5}.doc-preview{container-type:inline-size;--doc-padding: var(--space-5);--doc-scale: min( 1, calc((100cqw - 2 * var(--doc-padding)) / 794 / 1px) );background:var(--paper-sunken);padding:var(--doc-padding);border-radius:var(--radius-md);border:1px solid var(--rule);overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - var(--header-height) - var(--space-16))}.doc-preview__viewport{width:calc(210mm * var(--doc-scale));height:calc(297mm * var(--doc-scale));margin-inline:auto}.doc-preview__sheet{width:210mm;transform:scale(var(--doc-scale));transform-origin:top left;box-shadow:var(--shadow-lg)}@media print{@page{size:A4;margin:0}html,body{width:210mm;height:297mm;min-width:0;min-height:0;margin:0;padding:0;overflow:hidden;background:#fff}body *{visibility:hidden}.doc,.doc *{visibility:visible}.doc{position:absolute;top:0;left:0;width:210mm;min-height:0;margin:0;box-shadow:none}#root,#root *:not(.doc){position:static!important}.doc-preview,.doc-preview__viewport{position:static;padding:0;border:0;background:none;width:auto;height:auto;max-height:none;overflow:visible}.doc-preview__sheet{position:static;transform:none;box-shadow:none;width:auto}}.doc{--doc-density: 1;--doc-secondary: #9ca3af}.doc[data-density] .doc__header,.doc[data-density] .doc__parties{margin-bottom:calc(8mm * var(--doc-density))}.doc[data-density] .doc__table{margin-bottom:calc(6mm * var(--doc-density))}.doc[data-density] .doc__table tbody td{padding:calc(2.2mm * var(--doc-density)) 2.5mm}.doc[data-density] .doc__totals-zone{margin-bottom:calc(8mm * var(--doc-density))}.doc[data-header=band] .doc__header{padding:calc(5mm * var(--doc-density)) 5mm;margin:-18mm -16mm calc(8mm * var(--doc-density));background:var(--doc-accent);color:#fff}.doc[data-header=band] .doc__issuer-details,.doc[data-header=band] .doc__type,.doc[data-header=band] .doc__date-label{color:#ffffffc7}.doc[data-header=band] .doc__number{color:#fff}.doc[data-header=band] .doc__logo-placeholder{background:#ffffffe6}.doc[data-header=block] .doc__header{padding:calc(4mm * var(--doc-density)) 4mm;margin:-12mm -10mm calc(8mm * var(--doc-density));background:color-mix(in srgb,var(--doc-accent) 5%,#ffffff);border-bottom:1.2mm solid var(--doc-accent)}.doc[data-header=rule] .doc__header{padding-bottom:calc(4mm * var(--doc-density));border-bottom:.8mm solid var(--doc-accent)}.doc[data-logo=right] .doc__header{grid-template-columns:auto 1fr auto}.doc[data-logo=right] .doc__header>*:first-child{order:1}.doc[data-logo=right] .doc__header-logo{order:2;justify-self:center}.doc[data-logo=right] .doc__meta{order:3}.doc[data-logo=center] .doc__header{grid-template-columns:1fr;text-align:center}.doc[data-logo=center] .doc__meta{text-align:center}.doc[data-logo=center] .doc__date-row{justify-content:center}.doc[data-logo=center] .doc__logo,.doc[data-logo=center] .doc__logo-placeholder{margin-inline:auto}.doc__header-logo{display:flex;align-items:flex-start}.doc__header-logo .doc__logo{margin-bottom:0}.doc[data-uppercase=true] .doc__party-label,.doc[data-uppercase=true] .doc__vat-breakdown-title{letter-spacing:.14em;font-weight:600;color:var(--doc-accent)}.doc[data-header=block] .doc__party-label,.doc[data-header=band] .doc__party-label{padding-bottom:1mm;border-bottom:.4mm solid var(--doc-secondary);margin-bottom:2mm}.doc[data-boxed=true] .doc__dates{padding:2.5mm 3mm;background:color-mix(in srgb,var(--doc-accent) 6%,#ffffff);border-left:.8mm solid var(--doc-accent);border-radius:0 1mm 1mm 0}.doc[data-boxed=true][data-header=band] .doc__dates{background:#ffffff1f;border-left-color:#ffffff80}.doc[data-highlight=true] .doc__total-row--grand{margin-top:3mm;padding:3mm 4mm;background:color-mix(in srgb,var(--doc-accent) 7%,#ffffff);border:.3mm solid color-mix(in srgb,var(--doc-accent) 30%,#ffffff);border-radius:1.5mm;border-top-width:.3mm}.doc[data-highlight=true] .doc__total-row--grand .doc__total-label,.doc[data-highlight=true] .doc__total-row--grand .doc__total-value{color:var(--doc-accent)}.doc[data-striped=true] .doc__table tbody tr:nth-child(2n){background:color-mix(in srgb,var(--doc-accent) 3.5%,#ffffff)}.doc[data-banded-footer=true] .doc__legal{padding:3mm 3.5mm;background:color-mix(in srgb,var(--doc-accent) 4%,#ffffff);border-top:.5mm solid var(--doc-accent);border-radius:0 0 1mm 1mm}.doc[data-banded-footer=true] .doc__footer{border-top-color:var(--doc-secondary)}.doc[data-header=band] .doc__table thead th,.doc[data-header=block] .doc__table thead th{color:var(--doc-accent);border-bottom-color:var(--doc-accent)}:root{--slate-50: #F8FAFC;--slate-100: #F1F5F9;--slate-200: #E2E8F0;--slate-300: #CBD5E1;--slate-400: #94A3B8;--slate-500: #64748B;--slate-600: #475569;--slate-700: #334155;--slate-800: #1E293B;--slate-900: #0F172A;--paper: var(--slate-50);--paper-raised: #FFFFFF;--paper-sunken: var(--slate-100);--paper-inverse: var(--slate-900);--ink: var(--slate-900);--ink-muted: var(--slate-600);--ink-subtle: var(--slate-600);--ink-faint: var(--slate-400);--ink-inverse: #FFFFFF;--rule: var(--slate-200);--rule-strong: var(--slate-300);--rule-faint: var(--slate-100);--accent: var(--slate-900);--accent-hover: var(--slate-800);--accent-soft: var(--slate-100);--accent-border: var(--slate-300);--link: #2563EB;--link-soft: #EFF6FF;--link-border: #DBEAFE;--ok: #15803D;--ok-soft: #F0FDF4;--warn: #B45309;--warn-soft: #FFFBEB;--danger: #B91C1C;--danger-soft: #FEF2F2;--info: var(--link);--info-soft: var(--link-soft);--font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-text: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-data: "JetBrains Mono", "SF Mono", Consolas, monospace;--text-2xs: .6875rem;--text-xs: .75rem;--text-sm: .8125rem;--text-base: .9375rem;--text-md: 1.0625rem;--text-lg: 1.375rem;--text-xl: 1.75rem;--text-2xl: 1.875rem;--text-3xl: clamp(1.875rem, 1.4rem + 2vw, 2.25rem);--text-hero: clamp(2.25rem, 1.3rem + 3.6vw, 3.75rem);--leading-tight: 1.15;--leading-snug: 1.35;--leading-normal: 1.6;--leading-relaxed: 1.75;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-caps: .09em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-section: clamp(4rem, 3rem + 5vw, 8rem);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 999px;--shadow-xs: 0 1px 2px rgb(15 23 42 / .04);--shadow-sm: 0 1px 3px rgb(15 23 42 / .06), 0 1px 2px rgb(15 23 42 / .04);--shadow-md: 0 4px 20px -2px rgb(15 23 42 / .05);--shadow-lg: 0 12px 32px -8px rgb(15 23 42 / .1);--shadow-xl: 0 20px 40px -10px rgb(15 23 42 / .08);--shadow-2xl: 0 25px 50px -12px rgb(15 23 42 / .25);--shadow-focus: 0 0 0 3px rgb(15 23 42 / .12), 0 0 0 1px var(--accent);--lift: -1px;--duration-instant: 80ms;--duration-fast: .14s;--duration-normal: .22s;--duration-slow: .36s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--container-max: 1280px;--container-prose: 68ch;--sidebar-width: 248px;--header-height: 80px;--a4-width: 210mm;--a4-height: 297mm;--a4-margin: 18mm;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-text);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--ink);background-color:var(--paper);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-variant-numeric:tabular-nums}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:var(--leading-tight)}img,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-xs)}:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.skip-link{position:absolute;left:-9999px;top:var(--space-2);z-index:var(--z-toast);padding:var(--space-3) var(--space-4);background:var(--paper-raised);border:1px solid var(--accent);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500}.skip-link:focus{left:var(--space-4)}::-moz-selection{background:var(--accent-soft);color:var(--accent-hover)}::selection{background:var(--accent-soft);color:var(--accent-hover)}.eyebrow{font-family:var(--font-data);font-size:var(--text-2xs);font-weight:500;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-subtle)}.display{font-family:var(--font-display);font-weight:400;letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.numeric{font-family:var(--font-data);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.amount{font-family:var(--font-data);font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap}.amount--lg{font-size:var(--text-lg);font-weight:600}.amount--muted{color:var(--ink-muted);font-weight:400}.card{padding:var(--space-6);background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius-lg)}.card--flush-content{padding:0}.card--flush{border-radius:0;border-left:0;border-right:0}.card--interactive{transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.card--interactive:hover{border-color:var(--rule-strong);box-shadow:var(--shadow-sm)}.cartouche{display:grid;gap:var(--space-1);padding:var(--space-4);border-left:2px solid var(--rule-strong)}.cartouche__label{font-family:var(--font-data);font-size:var(--text-2xs);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-subtle)}.cartouche__value{font-size:var(--text-base);color:var(--ink)}.cartouche--accent{border-left-color:var(--accent)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:500;line-height:1;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-instant) var(--ease-out)}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--accent);color:var(--ink-inverse);border-color:var(--accent);box-shadow:inset 0 1px #ffffff1f,var(--shadow-sm)}.btn--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:inset 0 1px #ffffff1f,var(--shadow-md)}.btn--secondary{background:var(--paper-raised);color:var(--ink);border-color:var(--rule-strong);box-shadow:var(--shadow-xs)}.btn--secondary:hover:not(:disabled){background:var(--paper-raised);border-color:var(--ink-subtle);box-shadow:var(--shadow-sm)}.btn--inverse{background:var(--paper-raised);color:var(--ink);border-color:var(--paper-raised);box-shadow:var(--shadow-sm)}.btn--inverse:hover:not(:disabled){background:var(--slate-50);border-color:var(--slate-50)}.btn--block{width:100%}.btn--ghost{background:transparent;color:var(--ink-muted)}.btn--ghost:hover:not(:disabled){background:var(--paper-sunken);color:var(--ink)}.btn--danger{background:var(--danger);color:var(--ink-inverse);border-color:var(--danger)}.btn--danger:hover:not(:disabled){filter:brightness(.92)}.btn--lg{padding:.875rem var(--space-8);font-size:var(--text-sm)}.btn--sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.field{display:grid;gap:var(--space-2)}.label{font-size:var(--text-xs);font-weight:500;color:var(--ink-muted);letter-spacing:var(--tracking-wide)}.label__required{color:var(--danger);margin-left:2px}.input,.select,.textarea{width:100%;padding:var(--space-3) var(--space-3);font-size:var(--text-base);background:var(--paper-raised);border:1px solid var(--rule-strong);border-radius:var(--radius-sm);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.input:hover:not(:disabled),.select:hover:not(:disabled),.textarea:hover:not(:disabled){border-color:var(--ink-subtle)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input::-moz-placeholder,.textarea::-moz-placeholder{color:var(--ink-subtle)}.input::placeholder,.textarea::placeholder{color:var(--ink-subtle)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--paper-sunken);color:var(--ink-subtle);cursor:not-allowed}.input--amount{font-family:var(--font-data);text-align:right}.input[aria-invalid=true]{border-color:var(--danger)}.input[aria-invalid=true]:focus{box-shadow:0 0 0 3px var(--danger-soft)}.field__error{display:flex;align-items:flex-start;gap:var(--space-2);font-size:var(--text-xs);color:var(--danger)}.field__hint{font-size:var(--text-xs);color:var(--ink-subtle)}.badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:3px var(--space-2);font-family:var(--font-data);font-size:var(--text-2xs);font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase;border:1px solid transparent;border-radius:var(--radius-xs);white-space:nowrap}.badge--neutral{background:var(--paper-sunken);color:var(--ink-muted);border-color:var(--rule)}.badge--accent{background:var(--accent-soft);color:var(--accent-hover);border-color:var(--accent-border)}.badge--ok{background:var(--ok-soft);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 25%,transparent)}.badge--warn{background:var(--warn-soft);color:var(--warn);border-color:color-mix(in srgb,var(--warn) 25%,transparent)}.badge--danger{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 25%,transparent)}.status-dot{width:6px;height:6px;border-radius:var(--radius-full);flex-shrink:0;background:currentColor}.table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.table thead th{padding:var(--space-3) var(--space-4);text-align:left;font-family:var(--font-data);font-size:var(--text-2xs);font-weight:500;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-subtle);background:var(--paper-sunken);border-bottom:1px solid var(--rule-strong);white-space:nowrap}.table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--rule-faint);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background-color var(--duration-instant) var(--ease-out)}.table tbody tr:hover{background:var(--paper-sunken)}.table .col-amount{text-align:right;font-family:var(--font-data);font-variant-numeric:tabular-nums}.table .col-narrow{width:1%;white-space:nowrap}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--space-5)}@media(min-width:768px){.container{padding-inline:var(--space-8)}}.stack{display:grid;gap:var(--space-4)}.stack--sm{gap:var(--space-2)}.stack--lg{gap:var(--space-8)}.row{display:flex;align-items:center;gap:var(--space-3)}.row--between{justify-content:space-between}.row--wrap{flex-wrap:wrap}.section{padding-block:var(--space-section)}.skeleton{background:linear-gradient(90deg,var(--paper-sunken) 25%,var(--rule-faint) 50%,var(--paper-sunken) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s var(--ease-in-out) infinite;border-radius:var(--radius-sm)}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.spinner{width:14px;height:14px;border:1.5px solid currentColor;border-top-color:transparent;border-radius:var(--radius-full);animation:spin .62s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:grid;gap:var(--space-3);justify-items:center;text-align:center;padding:var(--space-16) var(--space-6);border:1px dashed var(--rule-strong);border-radius:var(--radius-md);background:var(--paper-raised)}.empty-state__title{font-size:var(--text-md);font-weight:500}.empty-state__body{font-size:var(--text-sm);color:var(--ink-muted);max-width:42ch}.notice{display:flex;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--rule);border-left-width:3px;border-radius:var(--radius-sm);font-size:var(--text-sm);line-height:var(--leading-snug)}.notice--info{background:var(--accent-soft);border-left-color:var(--accent);color:var(--accent-hover)}.notice--ok{background:var(--ok-soft);border-left-color:var(--ok);color:var(--ok)}.notice--warn{background:var(--warn-soft);border-left-color:var(--warn);color:var(--warn)}.notice--danger{background:var(--danger-soft);border-left-color:var(--danger);color:var(--danger)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.badge[data-tone=muted]{background:var(--paper-sunken);color:var(--ink-muted);border-color:var(--rule)}.badge[data-tone=info]{background:var(--accent-soft);color:var(--accent-hover);border-color:var(--accent-border)}.badge[data-tone=ok]{background:var(--ok-soft);color:var(--ok);border-color:color-mix(in srgb,var(--ok) 25%,transparent)}.badge[data-tone=danger]{background:var(--danger-soft);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 25%,transparent)}.list-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-8)}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);font-size:var(--text-sm);color:var(--ink-muted)}.breadcrumb a{color:var(--ink-muted);text-decoration:none}.breadcrumb a:hover{color:var(--ink);text-decoration:underline}.filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.filter-chip{padding:var(--space-2) var(--space-4);border:1px solid var(--rule);border-radius:var(--radius-full);background:var(--paper-raised);font-size:var(--text-sm);font-weight:500;color:var(--ink-muted);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.filter-chip:hover{border-color:var(--rule-strong);color:var(--ink)}.filter-chip[data-active=true]{background:var(--accent);border-color:var(--accent);color:var(--ink-inverse)}.action-bar{display:flex;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-8);background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.table-wrap{overflow-x:auto;border:1px solid var(--rule);border-radius:var(--radius-lg);background:var(--paper-raised)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table thead th{padding:var(--space-3) var(--space-4);text-align:left;white-space:nowrap;font-size:var(--text-2xs);font-weight:600;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--ink-muted);background:var(--paper-sunken);border-bottom:1px solid var(--rule)}.data-table tbody td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--rule-faint);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--paper-sunken)}.data-table .is-numeric{text-align:right;font-family:var(--font-data);white-space:nowrap}.data-table__link{font-weight:600;color:var(--ink);text-decoration:none}.data-table__link:hover{text-decoration:underline}.table-wrap--bare{border:none;border-radius:0;background:transparent}.pager{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:var(--space-6)}.pager__status{font-size:var(--text-sm);color:var(--ink-muted)}.detail-grid{display:grid;gap:var(--space-8);align-items:start}@media(min-width:960px){.detail-grid{grid-template-columns:1.6fr 1fr}}.detail-side{display:grid;gap:var(--space-6)}.card__title{font-size:var(--text-md);font-weight:600;margin-bottom:var(--space-4)}.totals{display:grid;gap:var(--space-2);margin-top:var(--space-6);margin-left:auto;max-width:22rem}.totals__row{display:flex;justify-content:space-between;gap:var(--space-6);font-size:var(--text-sm)}.totals__row dd{font-family:var(--font-data)}.totals__row--sub{color:var(--ink-muted);font-size:var(--text-xs)}.totals__row--strong{padding-top:var(--space-3);margin-top:var(--space-2);border-top:1px solid var(--rule-strong);font-size:var(--text-md);font-weight:600}.meta-list{display:grid;gap:var(--space-3)}.meta-list__row{display:flex;justify-content:space-between;gap:var(--space-4);font-size:var(--text-sm)}.meta-list__row dt{color:var(--ink-muted)}.meta-list__row dd{font-family:var(--font-data)}.mention-list{display:grid;gap:var(--space-3);font-size:var(--text-xs);line-height:var(--leading-relaxed);color:var(--ink-muted)}.mention-list li{padding-left:var(--space-4);position:relative}.mention-list li:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:var(--radius-full);background:var(--rule-strong)}.doc-list{display:grid;gap:var(--space-4)}.doc-list__item{display:grid;gap:2px;padding-bottom:var(--space-3);border-bottom:1px solid var(--rule-faint)}.doc-list__item:last-child{border-bottom:none;padding-bottom:0}.doc-list__name{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;word-break:break-all}.doc-list__version{padding:1px var(--space-2);border-radius:var(--radius-full);background:var(--paper-sunken);font-size:10px;font-weight:600;color:var(--ink-muted)}.doc-list__meta{font-size:var(--text-2xs);color:var(--ink-muted)}.doc-list__hash{font-family:var(--font-data);font-size:10px;color:var(--ink-muted)}.editor-save{display:grid;gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-4);background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.editor-save__hint{font-size:var(--text-xs);line-height:var(--leading-relaxed);color:var(--ink-muted)}.interval-switch{display:inline-flex;gap:2px;padding:3px;margin:0 auto var(--space-10);border:1px solid var(--rule);border-radius:var(--radius-full);background:var(--paper-raised)}.interval-switch{display:flex;width:-moz-fit-content;width:fit-content}.interval-switch__option{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border:none;border-radius:var(--radius-full);background:transparent;font-size:var(--text-sm);font-weight:500;color:var(--ink-muted);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.interval-switch__option[data-active=true]{background:var(--accent);color:var(--ink-inverse)}.interval-switch__hint{padding:1px var(--space-2);border-radius:var(--radius-full);background:var(--ok-soft);font-size:10px;font-weight:600;color:var(--ok)}.interval-switch__option[data-active=true] .interval-switch__hint{background:#ffffff29;color:var(--ink-inverse)}.plan[data-featured=true]{position:relative;background:var(--paper-inverse);border-color:var(--slate-900);box-shadow:var(--shadow-xl)}@media(min-width:640px){.plan[data-featured=true]{transform:translateY(-8px)}}.plan[data-featured=true] .plan__name,.plan[data-featured=true] .plan__price{color:var(--ink-inverse)}.plan[data-featured=true] .plan__desc,.plan[data-featured=true] .plan__period{color:var(--slate-400)}.plan[data-featured=true] .plan__feature{color:var(--slate-300)}.plan[data-featured=true] .plan__feature .check-icon{color:var(--slate-500)}.plan[data-featured=true] .plan__head{border-bottom-color:var(--slate-800)}.plan[data-featured=true] .btn--primary{background:var(--paper-raised);color:var(--ink);border-color:var(--paper-raised)}.plan[data-featured=true] .btn--primary:hover:not(:disabled){background:var(--slate-50);border-color:var(--slate-50)}.pricing-note{margin-top:var(--space-10);text-align:center;font-size:var(--text-xs);color:var(--ink-muted)}.quota-list{display:grid;gap:var(--space-6)}.quota{display:grid;gap:var(--space-2)}.quota__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4)}.quota__label{font-size:var(--text-sm);font-weight:500}.quota__value{font-family:var(--font-data);font-size:var(--text-xs);color:var(--ink-muted)}.quota__track{height:6px;border-radius:var(--radius-full);background:var(--paper-sunken);overflow:hidden}.quota__fill{height:100%;border-radius:var(--radius-full);transition:width var(--duration-normal) var(--ease-out)}.quota__fill[data-tone=ok]{background:var(--ok)}.quota__fill[data-tone=warn]{background:var(--warn)}.quota__fill[data-tone=danger]{background:var(--danger)}.quota__alert{font-size:var(--text-xs);color:var(--danger)}.quota__alert a{color:inherit;font-weight:600}.credit-balance{font-family:var(--font-data);font-size:2rem;font-weight:700;letter-spacing:var(--tracking-tight);color:var(--ink)}.credit-hint{margin-top:var(--space-2);font-size:var(--text-xs);line-height:var(--leading-relaxed);color:var(--ink-muted)}.feature-flags{display:grid;gap:var(--space-3)}.feature-flag{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--ink-muted)}.feature-flag[data-on=true]{color:var(--ink)}.feature-flag__icon{flex-shrink:0;width:16px;font-family:var(--font-data);color:var(--ink-faint)}.feature-flag[data-on=true] .feature-flag__icon{color:var(--ok)}.plan-grid--four{max-width:none;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}@media(min-width:1100px){.plan-grid--four{grid-template-columns:repeat(4,1fr)}}@media(min-width:1100px){.plan-grid--four .plan[data-featured=true]{transform:none}}.plan-grid--four .plan{padding:var(--space-6)}.plan-grid--four .plan__price{font-size:1.75rem}.auth-card{max-width:26rem;margin-inline:auto;padding:var(--space-8);background:var(--paper-raised);border:1px solid var(--rule);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.auth-card__head{display:grid;justify-items:center;text-align:center;gap:var(--space-3);margin-bottom:var(--space-8)}.auth-card__title{font-size:var(--text-xl);font-weight:700;letter-spacing:var(--tracking-tight);color:var(--ink)}.auth-card__sub{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--ink-muted)}.auth-form{display:grid;gap:var(--space-5)}.auth-card__switch{margin-top:var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--ink-muted)}.auth-card__switch a{color:var(--ink);font-weight:600}.auth-card__legal{margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--rule-faint);text-align:center;font-size:var(--text-xs);line-height:var(--leading-relaxed);color:var(--ink-muted)}.auth-card__legal a{color:var(--ink-muted);text-decoration:underline}.field__hint{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--ink-muted)}.header-actions__placeholder{display:block;width:170px;height:32px}.legal{max-width:68ch;margin-inline:auto}.legal__head{padding-bottom:var(--space-6);border-bottom:1px solid var(--rule);margin-bottom:var(--space-8)}.legal__title{margin:0;font-size:var(--text-3xl);font-weight:700;letter-spacing:-.02em;color:var(--ink)}.legal__intro{margin:var(--space-3) 0 0;font-size:var(--text-md);line-height:1.6;color:var(--ink-muted)}.legal__meta{margin:var(--space-4) 0 0;font-size:var(--text-xs);color:var(--ink-faint)}.legal__body>*+*{margin-top:var(--space-5)}.legal__body h2{margin-top:var(--space-10);margin-bottom:var(--space-4);font-size:var(--text-lg);font-weight:650;letter-spacing:-.01em;color:var(--ink)}.legal__body h3{margin-top:var(--space-6);margin-bottom:var(--space-2);font-size:var(--text-md);font-weight:600;color:var(--ink)}.legal__body p,.legal__body li{font-size:var(--text-base);line-height:1.7;color:var(--ink-muted)}.legal__body ul,.legal__body ol{padding-left:1.35em}.legal__body li+li{margin-top:var(--space-2)}.legal__body a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.legal__body strong{color:var(--ink);font-weight:600}.legal-facts{margin:0;border:1px solid var(--rule);border-radius:var(--radius-md);overflow:hidden}.legal-facts__row{display:grid;grid-template-columns:15rem 1fr;gap:var(--space-4);padding:var(--space-3) var(--space-5)}.legal-facts__row+.legal-facts__row{border-top:1px solid var(--rule)}.legal-facts__label{font-size:var(--text-sm);font-weight:600;color:var(--ink-muted)}.legal-facts__value{font-size:var(--text-base);color:var(--ink)}.legal__missing{font-style:italic;color:var(--warn)}@media(max-width:640px){.legal-facts__row{grid-template-columns:1fr;gap:var(--space-1)}}