.demo-root{min-height:100dvh;background:var(--paper);color:var(--fg)}.demo-banner,.demo-header,.demo-nav{padding:20px max(20px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.demo-banner{background:var(--paper-2);font-size:.875rem}.demo-banner span{display:block;margin-top:5px;color:var(--fg-mute)}.demo-nav{justify-content:flex-start;padding-block:0}.demo-nav button{font:inherit;background:none;border:0;border-bottom:2px solid transparent;padding:18px 10px;color:var(--fg-mute);cursor:pointer}.demo-nav button[aria-current]{border-bottom-color:var(--green-text);color:var(--fg);font-weight:600}.demo-main{max-width:1120px;margin:auto;padding:24px 20px 64px}.demo-heading h1{font-family:var(--font-archivo);font-size:clamp(1.8rem,4vw,2.8rem);margin:12px 0;text-wrap:balance}.demo-heading p,.demo-invoices>p,.demo-standing p{color:var(--fg-mute);line-height:1.6}.demo-notice{color:var(--green-text);line-height:1.5}.demo-notice:empty{display:none}.demo-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:24px;padding:28px;margin:28px 0 40px;border-radius:var(--r-lg)}.demo-root small,.demo-stats span{display:block;color:var(--fg-mute);font-size:.875rem}.demo-stats strong{display:block;font-family:var(--font-archivo);font-size:1.7rem;margin-top:10px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.demo-main h2{font-size:1.25rem;margin:24px 0 18px}.demo-buyers{border:1px solid var(--line-2);border-radius:var(--r-lg);overflow:hidden}.demo-buyers>button{display:flex;width:100%;justify-content:space-between;align-items:center;gap:16px;padding:22px;border:0;border-bottom:1px solid var(--line);background:var(--paper);font:inherit;text-align:left;cursor:pointer;color:var(--fg)}.demo-buyers>button:last-child{border-bottom:0}.demo-root small{margin-top:6px}.demo-money{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.demo-invoices{margin-top:36px}.demo-invoices article{display:grid;grid-template-columns:minmax(0,1fr) 180px auto;grid-gap:24px;gap:24px;padding:22px 0;align-items:center;border-bottom:1px solid var(--line)}.demo-buyer-link{display:block;padding:10px 0;min-height:44px;font:inherit;color:var(--green-text);border:0;background:none;cursor:pointer;text-align:left}.demo-standing{border-left:3px solid var(--green-text);padding:0 24px}.demo-footer{border-top:1px solid var(--line-2);margin-top:48px;padding-top:24px;display:flex;flex-wrap:wrap;align-items:center;gap:20px}.demo-root button:focus-visible{outline:2px solid var(--green-text);outline-offset:3px}@media(max-width:700px){.demo-banner,.demo-header{flex-wrap:wrap;padding:16px 20px}.demo-header .btn{font-size:.75rem}.demo-stats{grid-template-columns:repeat(2,minmax(0,1fr));padding:20px;gap:24px 16px}.demo-stats strong{font-size:1.3rem}.demo-invoices article{grid-template-columns:minmax(0,1fr) auto;gap:12px}.demo-invoices article>.btn{grid-column:1/-1;justify-self:start}.demo-buyers>button{padding:18px 14px}.demo-main{overflow-wrap:anywhere}}.demo-root{padding-left:236px}.demo-sidebar{position:fixed;inset:0 auto 0 0;width:236px;padding:30px 20px;background:var(--paper-2);border-right:1px solid var(--line);display:flex;flex-direction:column;overflow-y:auto}.demo-sidebar nav{margin-top:40px}.demo-sidebar>p{margin-top:auto;padding-top:40px;color:var(--fg-mute)}.demo-mobile-header nav,.demo-sidebar nav{display:grid;grid-gap:6px;gap:6px}.demo-root nav button{min-height:46px;padding:12px 14px;text-align:left;border:0;border-radius:8px;background:transparent;color:var(--fg-mute);font:inherit;cursor:pointer}.demo-root nav button[aria-current]{color:#124a38;background:#e1ede5;font-weight:600}.demo-banner{padding:16px 32px}.demo-main{padding:32px 40px 64px;max-width:1100px}.demo-stats{background:none;padding:8px 0 28px;border-bottom:1px solid var(--line);border-radius:0;grid-template-columns:repeat(2,minmax(0,1fr))}.demo-details{border-top:1px solid var(--line);margin-top:24px}.demo-details>summary{min-height:68px;padding:22px 0;font-weight:600;cursor:pointer}.demo-details p{line-height:1.6;color:var(--fg-mute)}.demo-invoices article{grid-template-columns:minmax(0,1fr) auto}.demo-payment{max-width:850px;padding:24px 0}.demo-payment label{display:grid;grid-gap:10px;gap:10px;margin-bottom:20px;min-width:0}.demo-payment input,.demo-payment select{min-height:48px;width:100%;min-width:0;border:1px solid var(--line-3);border-radius:var(--r);background:var(--paper);color:var(--fg);font:inherit;padding:10px}.demo-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:0 20px;gap:0 20px}.demo-payment .demo-allocation{display:grid;grid-template-columns:minmax(0,1fr) 120px;align-items:center;grid-gap:16px;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.demo-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0}.demo-payment-total{font-family:var(--font-archivo);font-size:2.5rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.demo-payment p{line-height:1.6;overflow-wrap:anywhere}.demo-payment ul{padding:0;list-style:none}.demo-payment li{display:flex;justify-content:space-between;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.demo-mobile-header{display:none}.demo-root input:focus-visible,.demo-root select:focus-visible,.demo-root summary:focus-visible{outline:2px solid var(--green-text);outline-offset:3px}@media(max-width:1000px){.demo-root{padding-left:0}.demo-sidebar{display:none}.demo-mobile-header{display:flex;position:-webkit-sticky;position:sticky;top:0;z-index:40;justify-content:space-between;align-items:center;gap:16px;background:var(--paper);padding:10px 20px;border-bottom:1px solid var(--line)}.demo-mobile-header summary{min-height:44px;padding:12px;cursor:pointer}.demo-mobile-header nav{position:absolute;left:0;right:0;top:100%;padding:16px 20px;background:var(--paper-2);border-bottom:1px solid var(--line)}.demo-main{padding:24px 20px 48px}.demo-banner{padding:16px 20px}}@media(max-width:700px){.demo-fields{grid-template-columns:minmax(0,1fr)}.demo-actions{flex-wrap:wrap}.demo-payment .demo-allocation{grid-template-columns:minmax(0,1fr) 100px}}.demo-mobile-header details{position:static}.demo-mobile-header details:not([open]) nav{display:none}.demo-payment h2{scroll-margin-top:100px}.demo-stats{background:var(--paper-2);padding:24px;border:1px solid var(--line);border-radius:16px;gap:24px}.demo-stats>div+div{border-left:1px solid var(--line);padding-left:24px}.demo-buyers{border-color:var(--line);border-radius:16px}.demo-buyers>button{min-height:100px}.demo-buyers>button:hover{background:var(--paper-2)}.demo-buyers .demo-money{font-weight:600;text-align:right}.demo-details{border:1px solid var(--line);border-radius:12px;padding:0 20px;margin-top:16px}.demo-details:not([open])>:not(summary){display:none}.demo-details>summary{min-height:64px}.demo-payment{background:var(--paper-2);border:1px solid var(--line);padding:24px;border-radius:16px;margin-top:24px}.demo-payment input,.demo-payment select,.demo-root .btn{border-radius:8px}.demo-root .btn{min-height:44px}.demo-invoices{border:1px solid var(--line);border-radius:12px;padding:0 20px}.demo-invoices article:last-child{border-bottom:0}@media(max-width:700px){.demo-stats{padding:20px 16px;gap:16px}.demo-stats>div+div{padding-left:16px}.demo-payment{padding:20px}}