@layer reset;@layer base{.case-hero--invoice-register{background:radial-gradient(circle at 12% 20%,#22c55e36,#0000 30rem),radial-gradient(circle at 88% 10%,#facc1524,#0000 25rem),linear-gradient(145deg,#123c35 0%,#1b5a4b 58%,#0d2d29 100%)}.case-hero--invoice-register .eyebrow{color:#bbf7d0}.case-hero--invoice-register .case-hero__copy h1{max-inline-size:21ch}}@layer layout;@layer components{.invoice-demo{--invoice-bg:#eef3f0;--invoice-panel:#fff;--invoice-soft:#f6f9f7;--invoice-line:#cbd8d2;--invoice-text:#142721;--invoice-muted:#61726b;--invoice-primary:#12634f;--invoice-primary-dark:#0d493b;--invoice-primary-soft:#dff4e9;--invoice-accent:#facc15;--invoice-alert:#a83c18;--invoice-alert-soft:#fff2e8;color:var(--invoice-text);background:var(--invoice-bg);border:.0625rem solid #bdcdc6;border-radius:1.5rem;overflow:clip;box-shadow:0 1.5rem 4rem #0f2a222e;container:invoice/inline-size}.invoice-demo :is(button,input,select){font:inherit}.invoice-demo :is(button,input,select):focus-visible{outline-offset:.1875rem;outline:.1875rem solid #0f766e}.invoice-demo__toolbar{border-bottom:.0625rem solid var(--invoice-line);background:#fff;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem;min-block-size:4.875rem;padding:.9rem clamp(1rem,2.4cqi,2rem);display:flex}.invoice-demo__identity,.invoice-demo__mailbox{align-items:center;gap:.75rem;display:flex}.invoice-demo__identity{border-inline-end:.0625rem solid var(--invoice-line);padding-inline-end:1.25rem}.invoice-demo__mark{aspect-ratio:1;color:#fff;letter-spacing:.04em;background:linear-gradient(135deg,#0d493b,#168369);border-radius:.85rem .85rem .85rem .25rem;place-items:center;inline-size:2.75rem;font-size:.875rem;font-weight:900;display:grid;box-shadow:0 .5rem 1.25rem #12634f40}.invoice-demo__identity div,.invoice-demo__mailbox div{gap:.12rem;display:grid}.invoice-demo__identity strong,.invoice-demo__mailbox strong{font-size:1rem}.invoice-demo__identity small,.invoice-demo__mailbox small{color:var(--invoice-muted);font-size:.8125rem}.invoice-demo__mailbox{margin-inline:auto}.invoice-demo__mailbox>span{aspect-ratio:1;color:#fff;background:var(--invoice-primary);border-radius:50%;place-items:center;inline-size:2.15rem;font-weight:900;display:grid}.invoice-demo__sync{color:var(--invoice-primary-dark);background:#ebfaf3;border:.0625rem solid #9cd1bc;border-radius:999px;padding:.5rem .75rem;font-size:.875rem;font-weight:800}.invoice-demo__workspace{grid-template-columns:minmax(14rem,.62fr) minmax(39rem,1.8fr) minmax(17rem,.72fr);min-inline-size:0;display:grid}.invoice-demo__inbox,.invoice-demo__register,.invoice-demo__details{min-inline-size:0;padding:clamp(1rem,2cqi,1.7rem)}.invoice-demo__inbox,.invoice-demo__register{border-right:.0625rem solid var(--invoice-line)}.invoice-demo__inbox{background:radial-gradient(circle at 0 0, #12634f1a, transparent 18rem), var(--invoice-soft)}.invoice-demo__register{background:var(--invoice-panel)}.invoice-demo__details{background:radial-gradient(circle at 100% 0,#facc151f,#0000 16rem),#eef3f0}.invoice-demo__heading,.invoice-demo__register-head{justify-content:space-between;align-items:start;gap:.75rem;margin-block-end:1rem;display:flex}.invoice-demo__kicker{color:var(--invoice-primary);letter-spacing:.06em;text-transform:uppercase;margin:0 0 .3rem;font-size:.8125rem;font-weight:850}.invoice-demo h3{color:var(--invoice-text);text-wrap:balance;margin:0;font-size:clamp(1.1rem,1.8cqi,1.35rem);font-weight:850;line-height:1.2}.invoice-demo__count{color:var(--invoice-primary-dark);background:#ebfaf3;border:.0625rem solid #9cd1bc;border-radius:999px;flex:none;padding:.38rem .62rem;font-size:.8125rem;font-weight:800}.invoice-demo__mail-list{gap:.6rem;display:grid}.invoice-demo__mail{border:.0625rem solid var(--invoice-line);min-block-size:4.7rem;color:var(--invoice-text);cursor:pointer;text-align:left;background:#fff;border-radius:.85rem;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.1rem .7rem;padding:.7rem;transition:border-color .16s,background-color .16s,transform .16s;display:grid}.invoice-demo__mail:hover{border-color:#6ea993;transform:translateY(-.1rem)}.invoice-demo__mail.is-active{border-color:var(--invoice-primary);background:var(--invoice-primary-soft);box-shadow:inset .25rem 0 var(--invoice-primary)}.invoice-demo__mail>span{aspect-ratio:1;inline-size:2.5rem;color:var(--invoice-primary-dark);background:#d7ebe2;border-radius:.65rem;grid-row:span 2;place-items:center;font-size:.75rem;font-weight:900;display:grid}.invoice-demo__mail strong{font-size:.875rem}.invoice-demo__mail small{color:var(--invoice-muted);font-size:.78rem}.invoice-demo__inbox-stats{gap:.5rem;margin:1rem 0 0;display:grid}.invoice-demo__inbox-stats div{border:.0625rem solid var(--invoice-line);background:#ffffffb8;border-radius:.7rem;justify-content:space-between;gap:1rem;padding:.65rem .75rem;display:flex}.invoice-demo__inbox-stats dt{color:var(--invoice-muted);font-size:.8rem}.invoice-demo__inbox-stats dd{margin:0;font-size:.85rem;font-weight:850}.invoice-demo__export,.invoice-demo__source-button{color:#fff;background:var(--invoice-primary);cursor:pointer;border:0;border-radius:.75rem;min-block-size:3rem;padding:.65rem 1rem;font-weight:850;transition:background-color .16s,transform .16s}.invoice-demo__export:hover,.invoice-demo__source-button:hover{background:var(--invoice-primary-dark);transform:translateY(-.08rem)}.invoice-demo__export:active,.invoice-demo__source-button:active{transform:translateY(0)}.invoice-demo__filters{grid-template-columns:minmax(13rem,1fr) minmax(10rem,.55fr);gap:.75rem;margin-block-end:.9rem;display:grid}.invoice-demo__filters label{color:var(--invoice-muted);gap:.35rem;font-size:.75rem;font-weight:750;display:grid}.invoice-demo__filters :is(input,select){border:.0625rem solid var(--invoice-line);min-block-size:3rem;inline-size:100%;color:var(--invoice-text);background:#fff;border-radius:.7rem;padding:.65rem .8rem;font-size:1rem}.invoice-demo__filters :is(input,select):hover{border-color:#6ea993}.invoice-demo__table-wrap{border:.0625rem solid var(--invoice-line);border-radius:.85rem;overflow:clip}.invoice-demo__table{border-collapse:collapse;inline-size:100%;font-size:.8125rem}.invoice-demo__table th{color:var(--invoice-muted);letter-spacing:.03em;text-align:left;text-transform:uppercase;background:#f2f6f4;padding:.68rem .75rem;font-size:.72rem;font-weight:800}.invoice-demo__table td{border-top:.0625rem solid var(--invoice-line);vertical-align:middle;background:#fff;padding:.75rem}.invoice-demo__table tr{transition:background-color .16s}.invoice-demo__table tbody tr:hover td{background:#f7fbf9}.invoice-demo__table tr.is-selected td{background:var(--invoice-primary-soft)}.invoice-demo__table tr.is-selected td:first-child{box-shadow:inset .25rem 0 var(--invoice-primary)}.invoice-demo__table [data-invoice-select]{min-block-size:2.4rem;color:var(--invoice-primary-dark);cursor:pointer;text-underline-offset:.18rem;background:0 0;border:0;border-radius:.5rem;padding:.4rem .55rem;font-weight:900;-webkit-text-decoration:underline #12634f59;text-decoration:underline #12634f59}.invoice-demo__table [data-invoice-select]:hover{background:#12634f1a;text-decoration-color:currentColor}.invoice-demo__state{white-space:nowrap;border-radius:999px;align-items:center;min-block-size:1.8rem;padding:.3rem .55rem;font-size:.72rem;font-weight:850;display:inline-flex}.invoice-demo__state--ready{color:var(--invoice-primary-dark);background:#ebfaf3;border:.0625rem solid #9cd1bc}.invoice-demo__state--review{color:#85300f;background:var(--invoice-alert-soft);border:.0625rem solid #efb78f}.invoice-demo__message,.invoice-demo__empty{min-block-size:1.5rem;color:var(--invoice-muted);margin:.65rem 0 0;font-size:.8rem;line-height:1.4}.invoice-demo__message.is-success{color:#126044;font-weight:750}.invoice-demo__details-list{gap:.5rem;margin:1rem 0;display:grid}.invoice-demo__details-list div{border:.0625rem solid var(--invoice-line);background:#fff;border-radius:.7rem;gap:.18rem;padding:.65rem .75rem;display:grid}.invoice-demo__details-list dt{color:var(--invoice-muted);font-size:.75rem}.invoice-demo__details-list dd{overflow-wrap:anywhere;margin:0;font-size:.875rem;font-weight:850}.invoice-demo__source{border:.0625rem solid var(--invoice-line);background:#fff;border-radius:.75rem;align-items:start;gap:.65rem;padding:.75rem;display:flex}.invoice-demo__source>span{aspect-ratio:1;color:#fff;background:var(--invoice-primary);border-radius:50%;flex:none;place-items:center;inline-size:2rem;font-weight:900;display:grid}.invoice-demo__source div{gap:.2rem;min-inline-size:0;display:grid}.invoice-demo__source strong,.invoice-demo__source small{overflow-wrap:anywhere}.invoice-demo__source strong{font-size:.82rem}.invoice-demo__source small{color:var(--invoice-muted);font-size:.72rem}.invoice-demo__source-button{inline-size:100%;margin-block-start:.75rem}.invoice-demo__check{border:.0625rem solid var(--invoice-line);cursor:pointer;background:#fff;border-radius:.75rem;align-items:center;gap:.65rem;min-block-size:3rem;margin-block-start:.75rem;padding:.65rem .75rem;font-size:.82rem;font-weight:750;display:flex}.invoice-demo__check:hover{border-color:#6ea993}.invoice-demo__check input{block-size:1.15rem;inline-size:1.15rem;accent-color:var(--invoice-primary)}.invoice-demo__caption{color:#52675f;text-align:center;margin:.8rem 0 0;font-size:.875rem}.value-formula--invoice-register{background:radial-gradient(circle at 90% 10%,#facc151c,#0000 18rem),#123c35;border-color:#86efac4d;grid-template-columns:minmax(0,1fr);align-content:start;align-items:start}}@layer responsive{@container invoice (inline-size<72rem){.invoice-demo__workspace{grid-template-columns:minmax(14rem,.58fr) minmax(34rem,1.42fr)}.invoice-demo__details{border-top:.0625rem solid var(--invoice-line);grid-column:1/-1}.invoice-demo__register{border-right:0}.invoice-demo__details-list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=42rem){.case-hero--invoice-register .case-hero__copy h1{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;max-inline-size:100%;font-size:clamp(2rem,9.4vw,3rem)}.invoice-demo{border-radius:1rem}.invoice-demo__toolbar,.invoice-demo__inbox,.invoice-demo__register,.invoice-demo__details{padding:1rem}.invoice-demo__identity{border-inline-end:0;inline-size:100%;padding-inline-end:0}.invoice-demo__mailbox{inline-size:100%;margin-inline:0}.invoice-demo__workspace,.invoice-demo__filters,.invoice-demo__details-list{grid-template-columns:minmax(0,1fr)}.invoice-demo__inbox,.invoice-demo__register{border-right:0;border-bottom:.0625rem solid var(--invoice-line)}.invoice-demo__details{border-top:0;grid-column:auto}.invoice-demo__register-head{flex-direction:column;align-items:stretch}.invoice-demo__table-wrap{border:0;overflow:visible}.invoice-demo__table,.invoice-demo__table tbody{gap:.65rem;display:grid}.invoice-demo__table thead{display:none}.invoice-demo__table tr{border:.0625rem solid var(--invoice-line);background:#fff;border-radius:.8rem;gap:.45rem;padding:.75rem;display:grid}.invoice-demo__table tr.is-selected{border-color:var(--invoice-primary);background:var(--invoice-primary-soft);box-shadow:inset .25rem 0 var(--invoice-primary)}.invoice-demo__table td,.invoice-demo__table tr.is-selected td,.invoice-demo__table tbody tr:hover td{box-shadow:none;text-align:right;background:0 0;border:0;grid-template-columns:minmax(5.5rem,.42fr) minmax(0,1fr);align-items:center;gap:.75rem;padding:0;display:grid}.invoice-demo__table td:before{content:attr(data-label);color:var(--invoice-muted);text-align:left;font-size:.72rem;font-weight:750}.invoice-demo__table [data-invoice-select],.invoice-demo__state{justify-self:end}}@media (pointer:coarse){.invoice-demo :is(button,input,select,label){min-block-size:3rem}}@media (prefers-reduced-motion:reduce){.invoice-demo__mail,.invoice-demo__export,.invoice-demo__source-button,.invoice-demo__table tr{transition:none}}@media (forced-colors:active){.invoice-demo__mail.is-active,.invoice-demo__table tr.is-selected,.invoice-demo__state{border-color:highlight}}html[data-capture=card],html[data-capture=card] body{background:var(--invoice-bg,#eef3f0);block-size:873px;min-block-size:873px;inline-size:1800px;min-inline-size:1800px;overflow:hidden}html[data-capture=card] .skip-link,html[data-capture=card] .case-header,html[data-capture=card] .case-footer,html[data-capture=card] article>section:not(.case-preview-section),html[data-capture=card] .case-preview-section .section-heading,html[data-capture=card] .invoice-demo__caption{display:none}html[data-capture=card] main,html[data-capture=card] article,html[data-capture=card] .case-preview-section,html[data-capture=card] .case-preview-section .case-container{block-size:100%;inline-size:100%;max-inline-size:none;margin:0;padding:0}html[data-capture=card] .invoice-demo{block-size:873px;inline-size:1800px;box-shadow:none;border:0;border-radius:0}html[data-capture=card] .invoice-demo__workspace{block-size:795px}}