:root{color:#0b1c30;background:#f8f9ff;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.auth-page,.onboarding{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card,.onboarding-card{width:min(100%,420px)}.brand{letter-spacing:-.06em;color:#006859;margin-bottom:72px;font-size:24px;font-weight:750;display:block}.eyebrow{letter-spacing:.08em;color:#737686;margin:0 0 12px;font-size:11px;font-weight:750}.auth-card h1,.onboarding-card h1{letter-spacing:-.05em;margin:0 0 12px;font-size:32px;line-height:1.1}.muted{color:#434655;line-height:1.55}.auth-card>.muted,.onboarding-card>.muted{margin:0 0 32px}label{gap:7px;margin:16px 0;font-weight:650;display:grid}input{color:#0b1c30;background:#fff;border:1px solid #c3c6d7;border-radius:8px;height:42px;padding:0 12px}input:focus{outline-offset:0;outline:2px solid #2563eb}.primary{color:#fff;cursor:pointer;background:#2563eb;border:0;border-radius:8px;width:100%;margin-top:10px;padding:12px 18px;font-weight:700}.notice,.error{border-radius:8px;margin:16px 0;padding:12px;line-height:1.4}.notice{color:#003ea8;background:#e5eeff}.error{color:#93000a;background:#ffdad6}code{word-break:break-all;color:#a0f2de;background:#0f172a;border-radius:8px;margin-top:16px;padding:12px;display:block}nav{justify-content:space-between;gap:12px;margin-top:22px;display:flex}nav button,.create-link{color:#004ac6;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}.onboarding-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:40px}.onboarding-card .brand{margin-bottom:56px}.app-shell{background:#f8f9ff;min-height:100vh;display:flex}.sidebar{background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;flex:0 0 248px;width:248px;padding:20px 12px;transition:width .2s;display:flex;position:relative}.is-collapsed .sidebar{flex-basis:72px;width:72px}.workspace-trigger{text-align:left;color:#0b1c30;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;min-width:0;padding:8px;display:flex}.workspace-trigger:hover{background:#eff4ff}.logo-mark,.avatar{color:#fff;background:#006859;border-radius:8px;flex:0 0 32px;place-items:center;width:32px;height:32px;font-weight:800;display:grid}.workspace-name{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.chevron{color:#737686;margin-left:auto}.is-collapsed .workspace-name,.is-collapsed .chevron,.is-collapsed .nav-label{display:none}.side-nav{gap:3px;margin-top:32px;display:grid}.side-nav button,.sidebar-bottom button{color:#434655;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;width:100%;padding:11px 12px;display:flex}.side-nav button:hover,.sidebar-bottom button:hover{background:#eff4ff}.side-nav button.active{color:#004ac6;background:#e5eeff;border-left:3px solid #2563eb;padding-left:9px;font-weight:700}.nav-icon{text-align:center;width:18px;font-size:17px}.sidebar-bottom{border-top:1px solid #e2e8f0;gap:3px;margin-top:auto;padding-top:12px;display:grid}.content{flex:1;min-width:0}.topbar{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;height:88px;padding:20px 32px;display:flex}.topbar h1{letter-spacing:-.03em;margin:0;font-size:20px}.topbar .eyebrow{margin-bottom:3px}.profile-trigger{text-align:left;color:#0b1c30;background:0 0;border:0;align-items:center;gap:10px;display:flex}.profile-copy{gap:2px;display:grid}.profile-copy small,.workspace-option small{color:#737686;text-transform:capitalize}.popover{z-index:5;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:10px;position:absolute;box-shadow:0 12px 28px #0b1c3018}.workspace-menu{width:310px;top:68px;left:16px}.profile-menu{width:220px;top:70px;right:28px}.popover-title{color:#737686;margin:0;padding:6px 8px;font-size:12px}.workspace-option,.profile-menu button{text-align:left;color:#0b1c30;background:0 0;border:0;border-radius:7px;justify-content:space-between;gap:12px;width:100%;padding:10px 8px;display:flex}.workspace-option:hover,.profile-menu button:hover{background:#eff4ff}.workspace-option.selected{color:#004ac6;background:#e5eeff}.create-link{border-top:1px solid #e2e8f0;width:100%;margin-top:4px;padding:10px 8px}.danger{color:#ba1a1a!important}.page-body{max-width:1040px;margin:auto;padding:40px 32px}.hero-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;justify-content:space-between;align-items:center;min-height:230px;padding:32px;display:flex}.hero-card h2{letter-spacing:-.05em;margin:0 0 12px;font-size:32px}.hero-card .muted{max-width:520px}.hero-orb{color:#006859;background:#a0f2de;border-radius:50%;place-items:center;width:96px;height:96px;font-size:36px;display:grid}.stat-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;display:grid}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;gap:8px;padding:20px;display:grid}.stat-card span,.stat-card small{color:#737686}.stat-card strong{letter-spacing:-.04em;font-size:28px}@media (width<=1023px){.sidebar{z-index:10;height:100vh;position:fixed}.content{margin-left:72px}.workspace-menu{left:8px}}@media (width<=600px){.sidebar{flex-basis:72px;width:72px}.content{margin-left:72px}.topbar{padding:16px}.profile-copy{display:none}.page-body{padding:20px 16px}.hero-card{min-height:280px;padding:24px}.hero-orb{display:none}.stat-grid{grid-template-columns:1fr}.onboarding-card{padding:28px 24px}.brand{margin-bottom:48px}}.drawer-trigger{color:#0b1c30;background:0 0;border:0;padding:4px;font-size:22px;display:none}.drawer-backdrop{display:none}.modal-backdrop{z-index:20;background:#0b1c3040;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;width:min(100%,440px);padding:32px;position:relative;box-shadow:0 18px 48px #0b1c3030}.modal-card h2{letter-spacing:-.04em;margin:0 0 8px;font-size:24px}.modal-close{color:#737686;background:0 0;border:0;font-size:24px;position:absolute;top:12px;right:16px}.modal-card .primary{margin-top:16px}@media (width<=1023px){.sidebar{z-index:10;height:100vh;transition:transform .2s;position:fixed;transform:translate(-100%)}.drawer-open .sidebar{transform:translate(0)}.content{margin-left:0}.drawer-trigger{display:block}.drawer-backdrop{z-index:9;background:#0b1c3040;border:0;display:block;position:fixed;inset:0}.drawer-open .nav-label,.drawer-open .workspace-name,.drawer-open .chevron{display:initial}.drawer-open .sidebar{flex-basis:248px;width:248px}.workspace-menu{left:8px}}@media (width<=600px){.sidebar,.drawer-open .sidebar{flex-basis:100vw;width:100vw;max-width:none}.content{margin-left:0}.drawer-open .nav-label,.drawer-open .workspace-name,.drawer-open .chevron{display:initial}.topbar{gap:12px;padding:16px}.profile-copy{display:none}.page-body{padding:20px 16px}.hero-card{min-height:280px;padding:24px}.hero-orb{display:none}.stat-grid{grid-template-columns:1fr}.onboarding-card{padding:28px 24px}.brand{margin-bottom:48px}}.page-heading{justify-content:space-between;align-items:flex-start;margin-bottom:20px;display:flex}.page-heading h2{letter-spacing:-.04em;margin:0 0 8px;font-size:28px}.panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:16px;padding:20px}.panel h3{margin:0 0 16px;font-size:16px}.invite-form{grid-template-columns:1fr 150px auto;align-items:end;gap:10px;display:grid}.invite-form input,.invite-form select,.member-row select{background:#fff;border:1px solid #c3c6d7;border-radius:8px;height:40px;padding:0 10px}.compact{width:auto;height:40px;margin:0}.member-list{padding:0}.member-list h3{margin:0;padding:20px 20px 12px}.member-row{border-top:1px solid #f1f5f9;grid-template-columns:1fr auto auto;align-items:center;gap:16px;padding:14px 20px;display:grid}.member-row strong,.member-row small{display:block}.member-row small{color:#737686;margin-top:4px}.role-badge{color:#006859;text-transform:capitalize;background:#a0f2de;border-radius:999px;padding:5px 9px;font-size:12px}.text-danger{color:#ba1a1a;background:0 0;border:0}.form-panel{max-width:560px}@media (width<=640px){.invite-form{grid-template-columns:1fr}.member-row{grid-template-columns:1fr;gap:8px}.member-row select{width:100%}.text-danger{text-align:left;padding:0}}.empty-state{padding:0 20px 20px}.page-heading .eyebrow{color:#626575}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.error-state{max-width:640px}button:disabled{opacity:.6;cursor:wait}@media (width<=640px){.form-grid{grid-template-columns:1fr}}.integration-empty{padding:28px 20px}.integration-empty strong{font-size:16px}.integration-empty p{margin-bottom:0}.integration-table-wrap{padding:0;overflow-x:auto}.integration-table{border-collapse:collapse;text-align:left;width:100%}.integration-table th,.integration-table td{white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:14px 20px}.integration-table th{letter-spacing:.06em;text-transform:uppercase;color:#737686;font-size:11px}.integration-table td:first-child{min-width:220px}.integration-table td small,.integration-catalog-item small{color:#737686;margin-top:4px;display:block}.integration-catalog{flex-direction:column;width:min(100%,620px);max-height:min(720px,100vh - 40px);display:flex}.integration-catalog-list{margin:12px -12px -12px;padding:0 12px;overflow:auto}.integration-catalog-item{border-top:1px solid #f1f5f9;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.integration-catalog-item.is-disabled{opacity:.55}.catalog-status{color:#737686;font-size:12px}.integration-settings{max-width:560px}.field-help{color:#737686;font-size:12px}.form-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.form-actions .primary{margin-top:0}.integration-status-attention{color:#943700;background:#ffdbcd}.invoice-toolbar{border-bottom:1px solid #f1f5f9;grid-template-columns:1.4fr repeat(4,minmax(110px,1fr)) auto;gap:8px;padding:16px;display:grid}.invoice-toolbar input,.invoice-toolbar select,.invoice-details textarea{background:#fff;border:1px solid #c3c6d7;border-radius:8px;height:40px;padding:0 10px}.pagination{border-top:1px solid #f1f5f9;justify-content:center;align-items:center;gap:16px;padding:14px;display:flex}.invoice-details textarea{resize:vertical;width:100%;height:88px;padding:10px}@media (width<=900px){.invoice-toolbar{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.invoice-toolbar{grid-template-columns:1fr}.pagination{justify-content:space-between}}.item-actions{justify-content:flex-end;gap:6px;display:flex}.invoice-item-form{grid-template-columns:1fr 140px auto;gap:8px;padding:16px 0;display:grid}.invoice-item-form input{border:1px solid #c3c6d7;border-radius:8px;height:40px;padding:0 10px}@media (width<=640px){.invoice-item-form{grid-template-columns:1fr}}[data-invoice-route=new] .page-body>.member-list,[data-invoice-route=new] .page-body>.invoice-list-panel,[data-invoice-route=edit] .page-body>.member-list,[data-invoice-route=edit] .page-body>.invoice-list-panel,[data-invoice-route=details] .page-body>.member-list,[data-invoice-route=details] .page-body>.invoice-list-panel,[data-invoice-route=details] .page-body>.form-panel:not(.invoice-details){display:none}.invoice-create-page{width:100%;max-width:none;padding-top:32px}.invoice-create-panel{max-width:none;padding:24px}.invoice-create-form{gap:24px;display:grid}.invoice-create-form>.muted{margin:0}.invoice-create-top-grid{grid-template-columns:minmax(220px,1fr) minmax(320px,2fr);gap:0 16px;display:grid}.invoice-create-top-grid label{margin:0 0 16px}.invoice-create-top-grid .invoice-requisites{grid-area:2/1/auto/2}.invoice-create-top-grid textarea,.invoice-create-form textarea{resize:vertical;min-height:88px;font:inherit;color:#0b1c30;background:#fff;border:1px solid #c3c6d7;border-radius:8px;padding:10px 12px}.invoice-create-top-grid label:last-child{grid-area:2/2;align-self:start}.invoice-create-section{border-top:1px solid #e2e8f0;padding-top:20px}.invoice-create-section h3{margin:0 0 6px}.invoice-create-section>.muted{margin:0 0 16px}.payment-method-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.payment-method{color:#434655;text-align:left;background:#f8f9ff;border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;justify-content:center;align-items:flex-start;height:60px;padding:0 14px;display:flex}.payment-method small{color:#737686;margin-top:4px}.payment-method.is-disabled{opacity:.68;cursor:not-allowed}.integration-link{color:#004ac6;margin-top:14px;font-weight:700;display:inline-block}.invoice-section-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.invoice-section-heading h3{margin:0}.invoice-section-heading select{background:#fff;border:1px solid #c3c6d7;border-radius:8px;height:40px;padding:0 10px}.invoice-items-header,.invoice-item-row{grid-template-columns:minmax(0,1fr) 100px 140px 140px 36px;align-items:center;gap:10px;display:grid}.invoice-items-header{color:#737686;letter-spacing:.06em;text-transform:uppercase;padding:0 10px 8px;font-size:11px;font-weight:700}.invoice-item-row{border-top:1px solid #f1f5f9;padding:12px 0}.invoice-item-row label{margin:0}.invoice-item-row input{width:100%;height:40px}.invoice-item-row output{font-variant-numeric:tabular-nums;padding:0 10px}.remove-invoice-item{color:#ba1a1a;background:0 0;border:0;font-size:20px}.add-invoice-item{margin-top:12px}.custom-amount-grid{grid-template-columns:repeat(2,minmax(180px,280px));gap:16px;display:grid}.invoice-create-summary{border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:flex-end;gap:32px;padding-top:20px;display:flex}.invoice-create-summary>div{text-align:right;gap:4px;display:grid}.invoice-create-summary span{color:#737686}.invoice-create-summary strong{font-size:24px}.invoice-create-summary label{min-width:180px;margin:0}.invoice-create-form .form-actions{margin-top:0}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=720px){.invoice-create-page{padding:20px 16px}.invoice-create-panel{padding:16px}.invoice-create-top-grid{grid-template-columns:1fr}.invoice-create-top-grid .invoice-requisites,.invoice-create-top-grid label:last-child{grid-area:auto/1}.payment-method-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-items-header{display:none}.invoice-item-row{grid-template-columns:1fr;gap:8px;padding:16px 0}.invoice-item-row label,.invoice-item-row output{grid-template-columns:110px minmax(0,1fr);align-items:center;gap:8px;display:grid}.invoice-item-row label:before,.invoice-item-row output:before{content:attr(data-label);color:#737686;font-size:12px}.invoice-item-row .remove-invoice-item{justify-self:end}.custom-amount-grid{grid-template-columns:1fr}.invoice-create-summary{justify-content:stretch;gap:16px;display:grid}.invoice-create-summary>div{text-align:left}.invoice-create-summary label{min-width:0}.invoice-create-form .form-actions{justify-content:stretch}.invoice-create-form .form-actions button{flex:1}}.invoice-create-top-grid{grid-template-columns:1fr}.invoice-create-first-row{grid-template-columns:minmax(220px,1fr) minmax(320px,2fr);gap:0 16px;display:grid}.invoice-create-second-row{grid-template-columns:minmax(0,1fr) 160px;align-items:start;gap:16px;display:grid}.invoice-create-first-row label,.invoice-create-second-row label{margin:0 0 16px}.invoice-create-first-row label:last-child,.invoice-create-second-row .invoice-requisites,.invoice-create-second-row label:last-child{grid-area:auto;align-self:stretch}.invoice-create-top-grid textarea{width:100%;display:block}.payment-method.is-configured{color:#003ea8;background:#eff4ff;border-color:#2563eb}@media (width<=720px){.invoice-create-first-row,.invoice-create-second-row{grid-template-columns:1fr}.invoice-create-top-grid .invoice-requisites,.invoice-create-top-grid label:last-child{grid-area:auto}}.invoice-create-first-row{grid-template-columns:minmax(220px,1fr) minmax(320px,2fr) 160px}.invoice-create-second-row{grid-template-columns:1fr}@media (width<=720px){.invoice-create-first-row{grid-template-columns:1fr}}.invoice-section-heading{display:block}.invoice-policy-field{gap:7px;width:min(100%,420px);margin:0;font-weight:650;display:grid}.invoice-policy-field select{background:#fff;border:1px solid #c3c6d7;border-radius:8px;width:100%;height:40px;padding:0 10px}.invoice-details{max-width:none}.invoice-details-actions{justify-content:flex-end;gap:10px;margin-bottom:24px;display:flex}.invoice-details-form{gap:24px;display:grid}.invoice-details-form-header{border-bottom:1px solid #e2e8f0;padding-bottom:20px}.invoice-details-form-header h3{margin:0 0 10px}.invoice-readonly-grid{pointer-events:none}.invoice-readonly-field{gap:7px;min-height:40px;display:grid}.invoice-readonly-field>span,.invoice-readonly-value:before{color:#737686;font-size:12px;font-weight:650}.invoice-readonly-field>strong{color:#0b1c30;white-space:pre-wrap;background:#f8f9ff;border:1px solid #c3c6d7;border-radius:8px;min-height:40px;padding:10px 12px;font-weight:500;display:block}.invoice-readonly-payment-methods{pointer-events:none}.invoice-readonly-payment-methods .payment-method{height:60px}.invoice-readonly-items{display:grid}.invoice-readonly-items .invoice-item-row{grid-template-columns:minmax(0,1fr) 100px 140px 140px 36px}.invoice-readonly-value{font-variant-numeric:tabular-nums;min-width:0;padding:10px}.invoice-readonly-value:before{display:none}.invoice-details-metadata{border-top:1px solid #e2e8f0;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding-top:20px;display:grid}.invoice-details-metadata .invoice-readonly-field>strong{background:#fff}@media (width<=720px){.invoice-details-actions{flex-wrap:wrap;justify-content:stretch}.invoice-details-actions button{flex:1}.invoice-readonly-items .invoice-item-row{grid-template-columns:1fr;gap:8px;padding:16px 0}.invoice-readonly-value{grid-template-columns:110px minmax(0,1fr);gap:8px;padding:0;display:grid}.invoice-readonly-value:before{content:attr(data-label);display:block}.invoice-details-metadata{grid-template-columns:1fr}}.secondary{color:#0b1c30;background:#fff;border:1px solid #c3c6d7;border-radius:8px;min-height:40px;padding:0 14px;font-weight:650;transition:background .15s,border-color .15s,box-shadow .15s}.secondary:hover:not(:disabled){background:#eff4ff;border-color:#2563eb}.secondary:focus-visible,.primary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:0;outline:2px solid #2563eb}.secondary:disabled,.primary:disabled,input:disabled,textarea:disabled,select:disabled{color:#737686;cursor:not-allowed;opacity:.65;background:#f1f5f9;border-color:#c3c6d7}.primary{min-height:40px}.form-panel select,.form-panel textarea,.form-panel input,.currency-form input,.currency-form select,.currency-form textarea{color:#0b1c30;background:#fff;border:1px solid #c3c6d7;border-radius:8px;width:100%;height:40px;padding:0 10px}.currency-table-wrap{padding:0;overflow-x:auto}.currency-table{border-collapse:collapse;text-align:left;width:100%}.currency-table th,.currency-table td{white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:14px 20px}.currency-table th{letter-spacing:.06em;text-transform:uppercase;color:#737686;font-size:11px}.currency-table small{color:#737686;margin-top:4px;display:block}.currency-table small span{display:inline}.currency-form{max-width:620px}.page-body:has(>.invoice-list-panel){width:100%;max-width:none;padding-left:32px;padding-right:32px}.invoice-list-panel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.invoice-list-panel .invoice-toolbar{border-bottom:1px solid #e2e8f0}.invoice-list-rows{display:grid}.invoice-list-row{border-bottom:1px solid #f1f5f9;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:24px;min-height:76px;padding:16px 20px;display:grid}.invoice-list-row:last-child{border-bottom:0}.invoice-list-main{min-width:0}.invoice-list-main strong{letter-spacing:-.01em;font-size:15px;display:block}.invoice-list-main small{color:#737686;font-variant-numeric:tabular-nums;margin-top:5px;display:block}.invoice-status{border:1px solid;border-radius:999px;justify-content:center;align-items:center;min-width:108px;padding:5px 10px;font-size:12px;font-weight:700;line-height:18px;display:inline-flex}.invoice-status-draft{color:#7d4e00;background:#fff4cc;border-color:#e8bd51}.invoice-status-open{color:#005144;background:#d9f8ee;border-color:#70cdb7}.invoice-status-paid{color:#003ea8;background:#e5eeff;border-color:#8db0f2}.invoice-status-expired{color:#943700;background:#ffede6;border-color:#e5a381}.invoice-status-cancelled{color:#5f6370;background:#f1f5f9;border-color:#b9bdc9}.invoice-list-actions{align-items:center;gap:8px;display:flex}.invoice-action{color:#434655;background:#fff;border:1px solid #c3c6d7;border-radius:50%;place-items:center;width:36px;height:36px;padding:0;transition:background .15s,border-color .15s,color .15s;display:grid}.invoice-action:hover{color:#004ac6;background:#eff4ff;border-color:#2563eb}.invoice-action:focus-visible{outline-offset:2px;outline:2px solid #2563eb}.invoice-action svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.invoice-action-danger{color:#ba1a1a}.invoice-action-danger:hover{color:#93000a;background:#ffdad6;border-color:#ba1a1a}@media (width<=720px){.page-body:has(>.invoice-list-panel){padding-left:16px;padding-right:16px}.invoice-list-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:14px 16px}.invoice-status{grid-area:1/2;min-width:auto}.invoice-list-actions{grid-column:1/-1;justify-content:flex-end}.invoice-toolbar{grid-template-columns:1fr}.invoice-list-panel .invoice-toolbar{padding:12px}}
