:root{--color-crema:#f9f4ed;--color-primario:#7b84c4;--color-sobre-primario:var(--color-crema);--color-texto:#22252a;--color-texto-secundario:#6c6d70;--color-neutro:#e8e2d9;--text:var(--color-texto);--text-h:var(--color-texto);--bg:var(--color-crema);--border:var(--color-neutro);--code-bg:var(--color-neutro);--accent:var(--color-primario);--accent-bg:#7b84c41a;--accent-border:#7b84c480;--social-bg:var(--color-neutro);--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:"Space Grotesk", system-ui, "Segoe UI", Roboto, sans-serif;--heading:var(--sans);--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}#root{text-align:center;box-sizing:border-box;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0 auto;display:flex}*,:before,:after{-webkit-user-select:none;user-select:none}input,textarea,output,.selectable-text,.selectable-text *{-webkit-user-select:text;user-select:text}.selectable-text :is(button,a),.selectable-text :is(button,a) *{-webkit-user-select:none;user-select:none}*{scrollbar-width:thin;scrollbar-color:var(--color-primario) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:var(--color-primario);border-radius:999px}::-webkit-scrollbar-track{background:0 0}body{margin:0}:root select:not([multiple]):not([size]){appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236C6D70' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:16px 16px;padding-inline-end:40px}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:600}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}@media (width<=800px){.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.palette-preview,.invoice-preview{padding:20px}.button-group,.button{width:100%}}@media (width<=800px){.metrics-grid,.form-layout{grid-template-columns:1fr}}@media (width<=480px){.demo-panel{padding:20px}.search-field{width:100%}.preview-nav{gap:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.account-page{text-align:left}.account-panel{max-width:480px;margin:48px auto}.account-page h1{margin:0 0 24px;font-size:clamp(28px,4vw,38px);line-height:1.2}.account-form{gap:18px;display:grid}.account-form label,.account-tenant-select{gap:7px;min-width:0;font-size:13px;display:grid}.account-form input,.account-form select,.account-tenant-select select{box-sizing:border-box;border:1px solid var(--color-neutro);background:var(--color-crema);width:100%;min-width:0;color:var(--color-texto);font:400 14px/1.5 var(--sans);border-radius:8px;padding:12px}.account-help{color:var(--color-texto-secundario);font-size:12px}.account-message{overflow-wrap:anywhere;font-size:14px}.account-links{flex-wrap:wrap;gap:16px;margin-top:24px;display:flex}.account-text-button{color:var(--color-texto);font:400 14px var(--sans);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.account-form input:focus-visible,.account-form select:focus-visible,.account-tenant-select select:focus-visible,.account-text-button:focus-visible{outline:2px solid var(--color-primario);outline-offset:3px}.account-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;margin:24px 0;display:flex}.account-toolbar>div{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.account-tenant-select{flex:1;max-width:360px}.account-toolbar .selectable-text{overflow-wrap:anywhere;font-size:14px}.account-toolbar a.button{text-align:center;text-decoration:none}.account-toolbar-compact{flex:1;justify-content:flex-end;gap:20px;margin:0}.account-toolbar-compact .account-tenant-select{flex:0 180px;gap:3px;font-size:11px}.account-toolbar-compact .account-tenant-select select{padding:8px 10px;font-size:13px}.account-toolbar-compact>div{gap:12px}.account-toolbar-compact .selectable-text{font-size:12px}.account-toolbar-compact .button{width:auto;padding:9px 12px;font-size:12px}@media (width<=800px){.preview-header:has(.account-toolbar-compact){align-items:flex-start}.account-toolbar-compact{flex-wrap:wrap;gap:12px}.account-toolbar-compact>div{justify-content:flex-end}}@media (width<=480px){.account-panel{margin:32px auto}.account-tenant-select{flex-basis:100%;max-width:100%}.account-toolbar-compact{flex-basis:100%;justify-content:flex-start}.account-toolbar-compact .account-tenant-select{flex-basis:180px}.account-toolbar-compact>div{justify-content:flex-start}}.invoice-document-view h1{margin:0 0 12px;font-size:clamp(28px,4vw,38px);font-weight:600;line-height:1.2}.invoice-paper{border:1px solid var(--color-neutro);background:var(--color-crema);overflow-wrap:anywhere;border-radius:16px;padding:32px;font-size:14px;line-height:1.5}.invoice-paper h2{margin:0 0 16px;font-size:24px;font-weight:600;line-height:1.2}.invoice-paper h3{margin:0 0 12px;font-size:14px;font-weight:600}.invoice-paper strong,.invoice-paper th{font-weight:600}.invoice-paper p{margin:0 0 12px}.invoice-paper-header{break-inside:avoid;grid-template-columns:40mm minmax(0,1fr);align-items:center;gap:24px;margin-bottom:24px;display:grid}.invoice-paper-heading{text-align:right;flex-direction:column;gap:24px;min-width:0;display:flex}.invoice-paper-heading h2{margin:0}.invoice-paper-identity{grid-template-columns:minmax(0,1fr);gap:16px;margin:0;display:grid}.invoice-paper-identity>div{min-width:0}.invoice-paper-identity dt{color:var(--color-texto-secundario);font-size:12px}.invoice-paper-identity dd{font-variant-numeric:tabular-nums;margin:4px 0 0;font-weight:500}.invoice-paper-number{grid-column:1/-1}.invoice-paper-qr{text-align:center;break-inside:avoid;width:40mm;margin:0;font-size:12px}.invoice-paper-qr figcaption{margin-bottom:4px}.invoice-paper-qr svg{width:35mm;max-width:none;height:35mm;margin-inline:auto;display:block}.invoice-qr-background{fill:var(--color-crema)}.invoice-qr-ink{fill:var(--color-texto)}.invoice-paper-legend{font-size:12px;line-height:1.5;margin:4px 0 0!important}.invoice-paper-parties{gap:24px;margin-bottom:24px;display:flex}.invoice-paper-parties section{border:1px solid var(--color-neutro);border-radius:12px;flex:1;min-width:0;padding:12px}.invoice-paper-rectification{margin-block:24px}.invoice-paper-lines-wrap{margin-top:16px;overflow-x:auto}.invoice-paper :is(.invoice-paper-lines,.invoice-paper-totals){border-collapse:collapse;width:100%;font-size:14px}.invoice-paper :is(.invoice-paper-lines,.invoice-paper-totals) :is(th,td){border:1px solid var(--color-neutro);vertical-align:top;text-align:left;padding:8px}.invoice-paper :is(.invoice-paper-lines,.invoice-paper-totals) .amount-cell{text-align:right;font-variant-numeric:tabular-nums}.invoice-paper-lines td:first-child{min-width:140px}.invoice-paper-lines td:first-child span{white-space:pre-wrap;margin-top:8px;display:block}.invoice-paper-lines td:not(:first-child){white-space:nowrap}.invoice-paper .invoice-paper-totals{width:60%;margin:16px 0 0 auto}.invoice-paper-payment{white-space:pre-wrap}.invoice-paper-footer{color:var(--color-texto-secundario);margin-top:32px;font-size:12px}.invoice-paper-test{color:var(--color-texto)}@media (width<=900px){.invoice-paper{padding:24px}}@media (width<=600px){.invoice-paper{padding:20px 16px}.invoice-paper-header{grid-template-columns:minmax(0,1fr)}.invoice-paper-heading{text-align:left}.invoice-paper-identity{grid-template-columns:minmax(0,1fr)}.invoice-paper-parties{flex-direction:column}.invoice-paper .invoice-paper-totals{width:100%}}@media print{body.invoice-document-open,body.invoice-document-open #root{background:var(--color-crema);min-height:0;color:var(--color-texto);display:block}body.invoice-document-open{-webkit-print-color-adjust:exact;print-color-adjust:exact;margin:0;padding:0}body.invoice-document-open:before{content:"";z-index:0;background:var(--color-crema);-webkit-print-color-adjust:exact;print-color-adjust:exact;position:fixed;inset:0}body.invoice-document-open :is(.custom-scrollbar,.preview-header,.preview-nav,.account-toolbar,.invoice-document-controls,.account-toolbar+.account-message){display:none!important}body.invoice-document-open .palette-preview{z-index:1;box-sizing:border-box;background:var(--color-crema);-webkit-box-decoration-break:clone;box-decoration-break:clone;width:210mm;max-width:none;min-height:297mm;margin:0;padding:15mm;position:relative}body.invoice-document-open .invoice-document-view{margin:0}body.invoice-document-open .invoice-paper{box-sizing:border-box;width:100%;max-width:180mm;min-height:267mm;font-family:var(--sans);letter-spacing:normal;color:var(--color-texto);background:var(--color-crema);-webkit-print-color-adjust:exact;print-color-adjust:exact;border:0;border-radius:0;flex-direction:column;margin:auto;padding:10px;font-size:14px;line-height:1.5;display:flex}body.invoice-document-open .invoice-paper>*{flex-shrink:0}body.invoice-document-open .invoice-paper strong,body.invoice-document-open .invoice-paper th{font-weight:600}body.invoice-document-open .invoice-paper h2{font-family:var(--heading);letter-spacing:normal;break-after:avoid;margin:0 0 4mm;font-size:24px;font-weight:600;line-height:1.2}body.invoice-document-open .invoice-paper h3{font-family:var(--sans);font-size:14px;font-weight:600}body.invoice-document-open .invoice-paper p{margin:1em 0}body.invoice-document-open .invoice-paper-header{grid-template-columns:40mm minmax(0,1fr);gap:8mm;margin-bottom:6mm}body.invoice-document-open .invoice-paper-heading{text-align:right}body.invoice-document-open .invoice-paper-heading h2{margin:0}body.invoice-document-open .invoice-paper-identity{grid-template-columns:minmax(0,1fr)}body.invoice-document-open .invoice-paper-qr{break-inside:avoid;flex-direction:column;align-items:center;width:40mm;margin:0;display:flex}body.invoice-document-open .invoice-paper-qr figcaption{margin-bottom:1mm;font-size:12px}body.invoice-document-open .invoice-paper-qr svg{flex:none;width:35mm;height:35mm;margin:0;padding:0}body.invoice-document-open .invoice-qr-background{fill:var(--color-crema)}body.invoice-document-open .invoice-qr-ink{fill:var(--color-texto)}body.invoice-document-open .invoice-paper .invoice-paper-legend{text-align:center;font-size:12px;line-height:1.5;margin:1mm 0 0!important}body.invoice-document-open .invoice-paper-parties{break-inside:avoid;flex-direction:row;justify-content:space-between;gap:10mm;margin-bottom:6mm;display:flex}body.invoice-document-open .invoice-paper-parties section{border:1px solid var(--color-neutro);border-radius:12px;flex:1;padding:3mm}body.invoice-document-open .invoice-paper-rectification{margin:4mm 0}body.invoice-document-open .invoice-paper-lines-wrap{margin-top:0;overflow:visible}body.invoice-document-open .invoice-paper :is(.invoice-paper-lines,.invoice-paper-totals){border-collapse:collapse;table-layout:auto;width:100%;margin-top:4mm;font-size:14px}body.invoice-document-open .invoice-paper :is(.invoice-paper-lines,.invoice-paper-totals) :is(th,td){border:1px solid var(--color-neutro);text-align:left;padding:2mm}body.invoice-document-open .invoice-paper :is(.invoice-paper-lines,.invoice-paper-totals) .amount-cell{text-align:right}body.invoice-document-open .invoice-paper-lines td:first-child{min-width:0}body.invoice-document-open .invoice-paper-lines td:first-child span{margin-top:1mm}body.invoice-document-open .invoice-paper-lines td:not(:first-child){white-space:nowrap}body.invoice-document-open .invoice-paper-lines thead{display:table-header-group}body.invoice-document-open .invoice-paper-lines tr{break-inside:avoid}body.invoice-document-open .invoice-paper .invoice-paper-totals{break-inside:avoid;width:60%;margin-left:auto}body.invoice-document-open .invoice-paper-footer{color:var(--color-texto-secundario);break-inside:avoid;margin-top:auto;padding-top:8mm;font-size:12px}body.invoice-document-open .invoice-paper-test{color:var(--color-texto)}}.invoice-workflow{font-size:14px;line-height:1.6}.invoice-workflow ol{padding-inline-start:24px}.invoice-workflow li+li{margin-top:12px}.invoice-workflow strong{font-weight:600}.invoice-workflow h3{font-size:18px;font-weight:600;line-height:1.4}.invoice-workflow h2{overflow-wrap:anywhere}.invoice-choice{border:0;min-width:0;margin:24px 0 0;padding:0}.invoice-choice legend{margin-bottom:12px;padding:0;font-weight:600}.invoice-choice label{cursor:pointer;align-items:flex-start;gap:12px;margin-top:12px;display:flex}.invoice-choice input[type=radio]{width:18px;height:18px;accent-color:var(--color-primario);flex:0 0 18px;margin:3px 0 0;padding:0}.invoice-resolution-step{margin-top:24px}.invoice-technical{margin-top:8px;font-size:12px;font-weight:400}.invoice-technical summary{cursor:pointer}.invoice-technical summary:focus-visible,.invoice-workflow h2:focus,.invoice-workflow h3:focus{outline:2px solid var(--color-primario);outline-offset:4px}.invoice-disclosure>summary{cursor:pointer;font-size:14px;font-weight:600}.invoice-disclosure>summary:focus-visible{outline:2px solid var(--color-primario);outline-offset:4px}.invoice-disclosure[open]>summary{margin-bottom:16px}.invoice-send-settings{margin-top:24px}.invoice-view-actions{justify-content:flex-start}.invoice-view-help{margin-top:16px}.invoice-resolution-step>p+p{margin-top:12px}.invoice-resolution-step>h3{margin-bottom:16px}.invoice-resolution-actions{flex-direction:column;align-items:flex-start;gap:16px;min-width:0;margin-block:20px;display:flex}.invoice-workflow a.button{text-align:center;justify-content:center;align-items:center;min-width:0;max-width:100%;line-height:1.5;text-decoration:none;display:inline-flex}.invoice-resolution-actions>a:not(.button){color:var(--color-texto);text-underline-offset:3px;overflow-wrap:anywhere}.invoice-resolution-actions>a:focus-visible{outline:2px solid var(--color-primario);outline-offset:4px}.invoice-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-block:24px;display:grid}.invoice-filters label{align-content:start;gap:7px;min-width:0;font-size:13px;display:grid}.invoice-filters :is(input,select){box-sizing:border-box;border:1px solid var(--color-neutro);background:var(--color-crema);width:100%;min-width:0;color:var(--color-texto);font:400 14px/1.5 var(--sans);border-radius:8px;padding:12px}.invoice-filters :is(input,select):focus-visible{outline:2px solid var(--color-primario);outline-offset:3px}.invoice-filters .button-group{align-content:end}.pagination{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;font-size:14px;display:flex}@media (width<=800px){.invoice-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.invoice-filters{grid-template-columns:1fr}}.society-editor h1{letter-spacing:-1.2px;margin:0 0 12px;font-size:clamp(28px,4vw,38px);line-height:1.2}.society-document{border:1px solid var(--color-neutro);border-radius:16px;padding:32px}.society-document fieldset{min-width:0;margin:0}.society-section,.society-editable{border:0;padding:0}.society-save-actions{margin-top:24px}.society-document legend{margin-bottom:20px;padding:0;font-size:15px;font-weight:600}.society-step{background:var(--color-primario);width:26px;height:26px;color:var(--color-sobre-primario);border-radius:50%;justify-content:center;align-items:center;margin-right:12px;font-size:12px;display:inline-flex}.society-document label{min-width:0;color:var(--color-texto-secundario);align-content:start;gap:7px;font-size:12px;display:grid}.society-document :is(input,select,textarea){box-sizing:border-box;border:1px solid var(--color-neutro);width:100%;min-width:0;font:inherit;color:var(--color-texto);background:var(--color-crema);-webkit-user-select:text;user-select:text;border-radius:8px;padding:12px;font-size:14px;line-height:1.5}.society-document textarea{resize:vertical}.society-document :is(input,select,textarea,button):focus-visible{outline:2px solid var(--color-primario);outline-offset:3px}.society-document :is(input,textarea)::placeholder{color:var(--color-texto-secundario);opacity:1}.society-fields-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.society-invoice-number{color:var(--color-texto-secundario);align-content:start;gap:7px;font-size:12px;display:grid}.society-invoice-number-value{color:var(--color-texto);padding-block:11px;font-size:14px;line-height:1.5}.society-issued-date{z-index:1;background:var(--color-crema);align-items:end;gap:8px;min-width:0;display:flex;position:relative}.society-issued-date label{flex:1}.society-date-toggle{height:47px;color:var(--color-texto-secundario);cursor:pointer;background:0 0;border:0;border-radius:8px;flex:0 0 28px;place-items:center;padding:0;display:grid}.society-date-toggle:hover{background:var(--color-neutro);color:var(--color-texto)}.society-date-toggle svg{transition:transform .28s}.society-date-toggle.is-open svg{transform:rotate(180deg)}.society-operation-date{visibility:hidden;min-width:0;transition:visibility .28s;overflow:hidden}.society-operation-date label{opacity:0;transition:transform .28s,opacity .28s;transform:translate(-100%)}.society-operation-date.is-open{visibility:visible}.society-operation-date.is-open label{opacity:1;transform:translate(0)}.society-parties{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:32px 0;display:grid}.society-party{border:1px solid var(--color-neutro);background:color-mix(in srgb, var(--color-neutro) 35%, var(--color-crema));border-radius:12px;padding:20px}.society-party legend{margin-bottom:0;padding:0 8px}.society-party-fields{gap:18px;display:grid}.society-client-tools{grid-column:1/-1;justify-self:end;min-width:0;max-width:100%;margin-bottom:-12px}.society-client-tools .saved-clients-panel{box-sizing:border-box;width:min(360px,100vw - 96px);left:auto}.society-line-head,.society-line{grid-template-columns:minmax(0,1fr) 90px 125px 120px 28px;gap:14px;display:grid}.society-line-head{background:var(--color-neutro);border-radius:8px;padding:12px;font-size:12px;font-weight:500}.society-line{border-bottom:1px solid var(--color-neutro);align-items:start;padding:20px 12px}.society-description-field{grid-column:1/-1}.society-line-amount{text-align:right;overflow-wrap:anywhere;font-variant-numeric:tabular-nums;padding-top:11px;font-size:14px;font-weight:500}.society-line-head>:nth-child(4){text-align:right}.society-remove{color:var(--color-texto-secundario);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 0;font-size:22px}.society-remove:hover:not(:disabled){background:var(--color-neutro);color:var(--color-texto)}.society-remove:disabled{opacity:.3;cursor:default}.society-add{margin-top:18px}.society-bottom{border-top:1px solid var(--color-neutro);grid-template-columns:1fr 1fr;gap:48px;margin-top:36px;padding-top:28px;display:grid}.society-payment label+label{margin-top:18px}.society-tax-fields{grid-template-columns:1fr 1fr;gap:18px;display:grid}.society-totals .invoice-summary{margin:18px 0 0}.society-totals .society-total{background:var(--color-primario);border-radius:8px;align-items:center;margin-top:12px;padding:16px}.society-totals .society-total dt,.society-totals .society-total dd{color:var(--color-sobre-primario);font-size:18px}.society-footnote{margin-top:32px;font-size:12px}.society-mobile-label{display:none}@media (width<=900px){.society-document{padding:24px}.society-line-head{display:none}.society-line{grid-template-columns:1fr 1fr 1fr 28px;padding-inline:0}.society-line-concept{grid-column:1/-1}.society-mobile-label{display:block}.society-line-amount,.society-remove{padding-top:32px}.society-bottom{gap:24px}}@media (width<=600px){.society-document{padding:20px 16px}.society-fields-row,.society-parties,.society-bottom{grid-template-columns:1fr}.society-party{padding:16px}.society-operation-date{max-height:0;margin-top:-18px;transition:max-height .28s,margin-top .28s,visibility .28s}.society-operation-date label{transform:translateY(-100%)}.society-operation-date.is-open{max-height:100px;margin-top:0}.society-operation-date.is-open label{transform:translateY(0)}.society-line{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 28px;gap:14px}.society-line-amount{grid-area:3/1/auto/3;padding-top:0}.society-remove{grid-area:2/3}}@media (prefers-reduced-motion:reduce){.society-date-toggle svg,.society-operation-date,.society-operation-date label{transition:none}}.party-identity{color:var(--color-texto);overflow-wrap:anywhere;border-block:1px solid #0000;padding-block:12px;font-size:14px;line-height:1.5}.saved-clients{min-width:0;font-size:13px;position:relative}.saved-clients summary{cursor:pointer;font-weight:600}.saved-clients summary:focus-visible{outline:2px solid var(--color-primario);outline-offset:3px}.saved-clients-panel{z-index:5;border:1px solid var(--color-neutro);background:var(--color-crema);border-radius:12px;gap:16px;max-height:360px;padding:20px;display:grid;position:absolute;inset:calc(100% + 10px) 0 auto;overflow-y:auto;box-shadow:0 12px 32px #22252a1f}.saved-clients-panel ul{margin:0;padding:0;list-style:none}.saved-clients-panel .account-text-button{border-radius:8px;width:100%;padding:10px 12px;text-decoration:none;display:block}.saved-clients-panel .account-text-button:hover{background:var(--color-neutro)}.saved-clients ul{padding-left:20px}.saved-clients li+li{margin-top:12px}.saved-clients button{overflow-wrap:anywhere;text-align:left}.palette-preview{box-sizing:border-box;text-align:left;width:min(1126px,100%);margin:0 auto;padding:32px}.preview-header,.invoice-heading,.preview-actions,.button-group{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.preview-header{border-bottom:1px solid var(--color-neutro);padding-bottom:28px}.brand{font-family:"Ubuntu", var(--sans);color:var(--color-texto);letter-spacing:-1px;font-size:26px;font-weight:700;text-decoration:none}.brand span{color:var(--color-primario)}.preview-label,.secondary-text,.invoice-summary dt{color:var(--color-texto-secundario);font-size:14px}.palette-section{padding:48px 0 36px}.eyebrow{color:var(--color-texto-secundario);text-transform:uppercase;letter-spacing:1.6px;margin-bottom:12px;font-size:12px;font-weight:600}.palette-section h1{letter-spacing:-1.5px;margin:0 0 16px;font-size:clamp(30px,4vw,44px);line-height:1.15}.palette-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:32px;display:grid}.color-card{border:1px solid var(--color-neutro);border-radius:14px;overflow:hidden}.color-swatch{border-bottom:1px solid var(--color-neutro);height:120px}.color-details{padding:16px}.color-details h2{letter-spacing:0;margin-bottom:4px;font-size:15px;line-height:1.4}.color-hex{font-family:var(--mono);font-size:13px}.color-details p{margin-top:8px;font-size:12px}.invoice-preview{border:1px solid var(--color-neutro);border-radius:16px;padding:28px}.status{background:var(--color-neutro);color:var(--color-texto);border-radius:999px;padding:7px 12px;font-size:13px}.invoice-summary{margin:28px 0}.invoice-summary>div{border-bottom:1px solid var(--color-neutro);justify-content:space-between;gap:20px;padding:12px 0;display:flex}.invoice-summary dd{font-variant-numeric:lining-nums tabular-nums;text-align:right;margin:0;font-size:15px}.invoice-summary .invoice-total{border-bottom:0;padding-top:20px}.invoice-total dt,.invoice-total dd{color:var(--color-texto);font-size:22px;font-weight:600}.button{box-sizing:border-box;font:inherit;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:11px 16px;font-size:14px;font-weight:600}.button-primary{background:var(--color-primario);color:var(--color-sobre-primario)}.button-secondary{background:var(--color-neutro);color:var(--color-texto)}.button:hover:not(:disabled){border-color:var(--color-texto)}.button:focus-visible,.filter-button:focus-visible,.brand:focus-visible{outline:2px solid var(--color-texto);outline-offset:4px}.button:disabled{opacity:.55;cursor:default}.button-primary:disabled{opacity:1;border:1px dashed var(--color-sobre-primario)}@media (width<=800px){.palette-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.palette-preview,.invoice-preview{padding:20px}.button-group,.button{width:100%}}html{scroll-behavior:smooth;scroll-padding-top:24px}.preview-nav{border-bottom:1px solid var(--color-neutro);flex-wrap:wrap;gap:24px;padding:20px 0;display:flex}.preview-nav a{color:var(--color-texto-secundario);font-size:14px;text-decoration:none}.preview-nav a:hover{color:var(--color-texto);text-underline-offset:5px;text-decoration:underline}.demo-section{margin-top:36px}.section-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.section-heading .button{text-decoration:none}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.metric-card{border:1px solid var(--color-neutro);border-radius:14px;padding:24px}.metric-featured{background:var(--color-neutro)}.metric-card p{font-size:14px}.metric-card strong{letter-spacing:-1px;font-variant-numeric:lining-nums tabular-nums;margin:18px 0 10px;font-size:clamp(26px,3.2vw,36px);font-weight:600;line-height:1.2;display:block}.metric-card>span{color:var(--color-texto-secundario);font-size:12px}.demo-panel{border:1px solid var(--color-neutro);border-radius:16px;min-width:0;padding:28px}.search-field,.invoice-form label{gap:7px;font-size:13px;font-weight:500;display:grid}input{box-sizing:border-box;width:100%;min-width:0;font:inherit;border:1px solid var(--color-texto-secundario);color:var(--color-texto);background:var(--color-crema);border-radius:8px;padding:11px 12px;font-size:14px;line-height:1.5}input::placeholder{color:var(--color-texto-secundario);opacity:1}input:focus-visible{outline:2px solid var(--color-primario);outline-offset:3px}.filter-group{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.filter-button[aria-pressed=true]{background:var(--color-neutro);border-color:var(--color-texto-secundario);color:var(--color-texto)}.table-scroll{overflow-x:auto}.invoice-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px}.invoice-table caption{text-align:left;caption-side:bottom;padding-top:16px;font-size:12px}.invoice-table th,.invoice-table td{border-bottom:1px solid var(--color-neutro);padding:16px 12px}.invoice-table thead th{color:var(--color-texto-secundario);white-space:nowrap;font-size:12px;font-weight:500}.invoice-table tbody th{min-width:150px;font-weight:500}.invoice-table tbody th span,.invoice-table small{display:block}.invoice-table small{color:var(--color-texto-secundario);margin-top:3px;font-size:12px}.invoice-table tbody tr:hover{background:var(--color-neutro)}.invoice-table .amount-cell{text-align:right;white-space:nowrap;font-variant-numeric:lining-nums tabular-nums}.invoice-table .status{padding:4px 9px;font-size:12px;display:inline-block}.status-pagada{background:var(--color-primario);color:var(--color-sobre-primario);border:1px solid var(--color-primario)}.status-borrador{border:1px dashed var(--color-texto-secundario);background:0 0}.empty-state{text-align:center;color:var(--color-texto-secundario)}.form-layout{grid-template-columns:1.15fr 1fr;gap:24px;display:grid}.invoice-form{gap:18px;margin-top:28px;display:grid}.invoice-form #amount-help{margin-top:-12px;font-size:12px}.form-notice{min-height:26px;font-size:14px}.type-specimen{background:var(--color-neutro)}.type-specimen h2{letter-spacing:-1px;margin:24px 0;font-size:clamp(26px,3.2vw,36px);line-height:1.15}.type-specimen>p:not(.eyebrow){font-size:15px;line-height:1.65}.type-specimen .specimen-numbers{letter-spacing:-1px;font-variant-numeric:lining-nums tabular-nums;margin-top:28px;font-size:32px;font-weight:500;line-height:1.4}.type-specimen .specimen-alphabet{margin-top:20px;font-size:19px}.demo-note{border-top:1px solid var(--color-texto-secundario);margin-top:28px;padding-top:20px;font-size:13px}.demo-note p{margin-top:8px;line-height:1.6}.preview-footer{border-top:1px solid var(--color-neutro);color:var(--color-texto-secundario);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:36px;padding-top:20px;font-size:12px;display:flex}@media (width<=800px){.metrics-grid,.form-layout{grid-template-columns:1fr}}@media (width<=480px){.demo-panel{padding:20px}.search-field{width:100%}.preview-nav{gap:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.preview-nav a{font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:14px}.preview-nav a[aria-current=page]{color:var(--color-texto);text-underline-offset:5px;text-decoration:underline}.preview-nav a:focus-visible{outline:2px solid var(--color-texto);outline-offset:4px}#overview-title{margin:0 0 16px;font-size:clamp(28px,4vw,44px);line-height:1.2}.record-hash{overflow-wrap:anywhere;max-width:240px}.dashboard-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-filters{border-bottom:1px solid var(--color-neutro);margin-bottom:20px;padding-bottom:20px}.dashboard-search{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.dashboard-search .search-field{flex:1;min-width:0}@media (width<=480px){.dashboard-search{width:100%}.dashboard-search .button{width:auto}}.dashboard-filters>summary{color:var(--color-texto-secundario);align-items:center;gap:10px;list-style:none;display:flex}.dashboard-filters>summary::-webkit-details-marker{display:none}.dashboard-filters>summary:before{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:7px;height:7px;transform:rotate(-45deg)}.dashboard-filters[open]>summary:before{transform:rotate(45deg)}.invoice-view-help{margin-bottom:16px}.dashboard-support{grid-template-columns:1fr 1fr;align-items:start;gap:24px;margin-top:36px;display:grid}.dashboard-support>.demo-section{margin-top:0}@media (width<=800px){.dashboard-metrics,.dashboard-support{grid-template-columns:1fr}}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}.custom-scrollbar{z-index:1000;background:var(--accent-bg);border-radius:999px;width:12px;position:fixed;inset:8px 3px 8px auto}.custom-scrollbar[hidden]{display:none}.custom-scrollbar__thumb{border-radius:inherit;background:var(--color-primario);opacity:.65;cursor:grab;touch-action:none;width:6px;position:absolute;top:0;left:3px}.custom-scrollbar:hover .custom-scrollbar__thumb,.custom-scrollbar__thumb:focus-visible,.custom-scrollbar__thumb:active{opacity:1}.custom-scrollbar__thumb:active{cursor:grabbing}.custom-scrollbar__thumb:focus-visible{outline:2px solid var(--color-texto);outline-offset:2px}