@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-opsz-normal-CfYZpDVp.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-opsz-normal-BFQXbQ-f.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-opsz-normal-BmPQvyvo.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-opsz-normal-BM0NlUE_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-opsz-normal-Ci9T9ieq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-opsz-normal-DpK-iCPk.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-opsz-normal-BwkfbSeq.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-200:#bfdbfe;--blue-300:#93c5fd;--blue-400:#60a5fa;--blue-500:#3b82f6;--blue-600:#2563eb;--blue-700:#1d4ed8;--color-canvas:var(--lightningcss-light,#f3f4f6)var(--lightningcss-dark,#08080a);--color-bg:var(--lightningcss-light,#fff)var(--lightningcss-dark,#0e0f12);--color-surface:var(--lightningcss-light,#fff)var(--lightningcss-dark,#141519);--color-surface-muted:var(--lightningcss-light,#f8f9fa)var(--lightningcss-dark,#18191e);--color-surface-hover:var(--lightningcss-light,#f5f6f8)var(--lightningcss-dark,#1c1d23);--color-surface-raised:var(--lightningcss-light,#fff)var(--lightningcss-dark,#25262d);--color-input-bg:var(--lightningcss-light,#fff)var(--lightningcss-dark,#101115);--color-hover-overlay:var(--lightningcss-light,#0f11150d)var(--lightningcss-dark,#ffffff0f);--color-border:var(--lightningcss-light,#e5e7eb)var(--lightningcss-dark,#23242a);--color-border-subtle:var(--lightningcss-light,#eff0f2)var(--lightningcss-dark,#1c1d22);--color-border-strong:var(--lightningcss-light,#d6d9de)var(--lightningcss-dark,#2e2f36);--color-border-hover:var(--lightningcss-light,#bfc3ca)var(--lightningcss-dark,#43444d);--color-text:var(--lightningcss-light,#0f1115)var(--lightningcss-dark,#ececef);--color-label:var(--lightningcss-light,#363a42)var(--lightningcss-dark,#c6c7ce);--color-text-muted:var(--lightningcss-light,#5f646e)var(--lightningcss-dark,#9a9ba5);--color-text-subtle:var(--lightningcss-light,#8b909a)var(--lightningcss-dark,#6c6d77);--color-primary:var(--lightningcss-light,var(--blue-600))var(--lightningcss-dark,var(--blue-400));--color-primary-hover:var(--lightningcss-light,var(--blue-700))var(--lightningcss-dark,var(--blue-300));--color-primary-bg:var(--blue-600);--color-primary-bg-hover:var(--lightningcss-light,var(--blue-700))var(--lightningcss-dark,var(--blue-500));--color-accent-soft:var(--lightningcss-light,#f6f9ff)var(--lightningcss-dark,#3b82f60f);--color-accent-tint:var(--lightningcss-light,var(--blue-50))var(--lightningcss-dark,#3b82f624);--color-accent-border:var(--lightningcss-light,var(--blue-200))var(--lightningcss-dark,#60a5fa40);--color-accent-border-strong:var(--lightningcss-light,var(--blue-300))var(--lightningcss-dark,#60a5fa73);--color-accent-text:var(--lightningcss-light,var(--blue-700))var(--lightningcss-dark,var(--blue-300));--color-danger:var(--lightningcss-light,#c42121)var(--lightningcss-dark,#f87171);--color-danger-border:var(--lightningcss-light,#fbd0d0)var(--lightningcss-dark,#f871714d);--color-danger-border-strong:var(--lightningcss-light,#f8a5a5)var(--lightningcss-dark,#f8717180);--color-danger-soft:var(--lightningcss-light,#fef3f3)var(--lightningcss-dark,#f871711a);--color-success:var(--lightningcss-light,#047857)var(--lightningcss-dark,#34d399);--color-success-border:var(--lightningcss-light,#bdeedb)var(--lightningcss-dark,#34d39947);--color-success-soft:var(--lightningcss-light,#effcf6)var(--lightningcss-dark,#34d3991a);--color-warning:var(--lightningcss-light,#b45309)var(--lightningcss-dark,#fbbf24);--color-warning-border:var(--lightningcss-light,#fbe3a6)var(--lightningcss-dark,#fbbf244d);--color-warning-soft:var(--lightningcss-light,#fffaeb)var(--lightningcss-dark,#fbbf241a);--color-neutral:var(--lightningcss-light,#4b5260)var(--lightningcss-dark,#a3a5b0);--color-neutral-border:var(--lightningcss-light,#e3e5e9)var(--lightningcss-dark,#a1a3b038);--color-neutral-soft:var(--lightningcss-light,#f3f4f6)var(--lightningcss-dark,#a1a3b01a);--color-sent:var(--lightningcss-light,#0e7490)var(--lightningcss-dark,#67e8f9);--color-sent-border:var(--lightningcss-light,#b8eef7)var(--lightningcss-dark,#22d3ee47);--color-sent-soft:var(--lightningcss-light,#effcfe)var(--lightningcss-dark,#22d3ee1a);--color-overdue-mark:var(--lightningcss-light,#f87171)var(--lightningcss-dark,#ef4444);--color-overdue-row:var(--lightningcss-light,#fffbfb)var(--lightningcss-dark,#ef44440a);--color-overdue-row-hover:var(--lightningcss-light,#fef4f4)var(--lightningcss-dark,#ef444414);--color-grid-dot:var(--lightningcss-light,#0f111517)var(--lightningcss-dark,#ffffff12);--color-glow:var(--lightningcss-light,#2563eb1f)var(--lightningcss-dark,#3b82f62e);--radius-sm:6px;--radius:8px;--radius-lg:12px;--radius-xl:16px;--shadow-xs:0 1px 2px var(--lightningcss-light,#0f11150d)var(--lightningcss-dark,#0006);--shadow:0 1px 2px var(--lightningcss-light,#0f11150a)var(--lightningcss-dark,#0000004d), 0 4px 16px -6px var(--lightningcss-light,#0f111514)var(--lightningcss-dark,#00000080);--shadow-lg:0 1px 2px var(--lightningcss-light,#0f11150a)var(--lightningcss-dark,#0000004d), 0 24px 56px -20px var(--lightningcss-light,#0f111538)var(--lightningcss-dark,#000000b3);--ring:0 0 0 3px var(--lightningcss-light,#2563eb33)var(--lightningcss-dark,#60a5fa4d);--sidebar-width:240px;--sheet-gap:8px;--ease:cubic-bezier(.2, 0, 0, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-family:Inter Variable,Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{background:var(--color-canvas);color:var(--color-text);margin:0;font-size:.875rem}::selection{background:var(--color-accent-tint)}h1,h2,h3{color:var(--color-text);line-height:1.25}h1{letter-spacing:-.025em;margin:0;font-size:1.5rem;font-weight:600}h2{letter-spacing:-.01em;margin:0 0 1rem;font-size:.9375rem;font-weight:600}p{margin:0 0 .75rem}a{color:var(--color-primary);transition:color .12s var(--ease);text-decoration:none}a:hover{color:var(--color-primary-hover)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.icon{flex:none}button,.button-link{height:34px;font:inherit;white-space:nowrap;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius);box-shadow:var(--shadow-xs);cursor:pointer;transition:background-color .12s var(--ease), border-color .12s var(--ease), color .12s var(--ease), box-shadow .12s var(--ease), transform .12s var(--ease);justify-content:center;align-items:center;gap:.4375rem;padding:0 .75rem;font-size:.8125rem;font-weight:500;display:inline-flex}button .icon,.button-link .icon{width:16px;height:16px;color:var(--color-text-muted);transition:color .12s var(--ease)}button:hover,.button-link:hover{color:var(--color-text);background:var(--color-surface-hover);border-color:var(--color-border-hover)}button:hover .icon,.button-link:hover .icon{color:currentColor}button:active:not(:disabled),.button-link:active{transform:scale(.98)}button:focus-visible,.button-link:focus-visible{box-shadow:var(--ring);outline:none}button[type=submit],.button-primary{color:#fff;background:var(--color-primary-bg);border-color:var(--color-primary-bg);box-shadow:0 1px 2px #1d4ed84d,inset 0 1px #ffffff24}button[type=submit] .icon,.button-primary .icon{color:currentColor}button[type=submit]:hover,.button-primary:hover{color:#fff;background:var(--color-primary-bg-hover);border-color:var(--color-primary-bg-hover)}button[type=submit]:focus-visible,.button-primary:focus-visible{box-shadow:var(--ring), inset 0 1px 0 #ffffff24}.button-danger,.button-danger .icon{color:var(--color-danger)}.button-danger:hover{color:var(--color-danger);background:var(--color-danger-soft);border-color:var(--color-danger-border-strong)}.button-ghost{box-shadow:none;background:0 0;border-color:#0000}.button-ghost:hover{background:var(--color-hover-overlay);border-color:#0000}.button-dashed{color:var(--color-text-muted);border:1px dashed var(--color-border-strong);box-shadow:none;background:0 0}.button-dashed:hover{color:var(--color-accent-text);background:var(--color-accent-soft);border-color:var(--color-accent-border-strong)}button.button-secondary[type=submit]{color:var(--color-text);background:var(--color-surface);border-color:var(--color-border-strong);box-shadow:var(--shadow-xs)}button.button-secondary[type=submit]:hover{background:var(--color-surface-hover);border-color:var(--color-border-hover)}.button-small{border-radius:var(--radius-sm);gap:.3125rem;height:28px;padding:0 .5rem;font-size:.78125rem}.button-small .icon{width:14px;height:14px}.icon-button{width:30px;height:30px;padding:0}button:disabled{opacity:.5;cursor:not-allowed}input,select,textarea{width:100%;height:36px;font:inherit;color:var(--color-text);background-color:var(--color-input-bg);border:1px solid var(--color-border-strong);border-radius:var(--radius);box-shadow:var(--shadow-xs);transition:border-color .12s var(--ease), box-shadow .12s var(--ease), background-color .12s var(--ease);padding:0 .75rem;font-size:.875rem;font-weight:400}textarea{resize:vertical;height:auto;min-height:84px;padding:.5rem .75rem;line-height:1.5}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238b909a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m7 15 5 5 5-5'/%3E%3Cpath d='m7 9 5-5 5 5'/%3E%3C/svg%3E");background-position:right .625rem center;background-repeat:no-repeat;background-size:14px;padding-right:2rem}input:hover,select:hover,textarea:hover{border-color:var(--color-border-hover)}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:var(--ring);outline:none}input::placeholder,textarea::placeholder{color:var(--color-text-subtle)}input:user-invalid{border-color:var(--color-danger-border-strong);box-shadow:0 0 0 3px var(--color-danger-soft)}input:disabled,select:disabled,textarea:disabled{color:var(--color-text-muted);background-color:var(--color-surface-muted);box-shadow:none;cursor:not-allowed}input[type=file]{height:auto;box-shadow:none;color:var(--color-text-muted);border-style:dashed;padding:.3125rem;font-size:.8125rem}input[type=file]::file-selector-button{height:28px;font:inherit;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);cursor:pointer;margin-right:.75rem;padding:0 .625rem;font-weight:500}label{color:var(--color-label);flex-direction:column;gap:.375rem;font-size:.8125rem;font-weight:500;display:flex}.checkbox-field{color:var(--color-text);cursor:pointer;flex-direction:row;align-items:center;gap:.5rem;font-size:.875rem;font-weight:400}.checkbox-field input[type=checkbox]{width:16px;height:16px;box-shadow:none;accent-color:var(--color-primary-bg);cursor:pointer;flex:none;margin:0;padding:0}.checkbox-field:has(input:disabled){color:var(--color-text-subtle);cursor:not-allowed}fieldset{border:0;min-width:0;margin:0;padding:0}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);background:var(--color-canvas);min-height:100vh;display:grid}.sidebar{flex-direction:column;gap:1.5rem;height:100vh;padding:1rem .75rem .75rem;display:flex;position:sticky;top:0}.brand{color:var(--color-text);letter-spacing:-.015em;align-items:center;gap:.625rem;padding:.25rem .5rem;font-size:.9375rem;font-weight:600;display:flex}.brand-mark{border-radius:8px;flex:none;box-shadow:0 1px 2px #1d4ed859}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.nav-link{border-radius:var(--radius);height:34px;color:var(--color-text-muted);transition:background-color .12s var(--ease), color .12s var(--ease), box-shadow .12s var(--ease);align-items:center;gap:.625rem;padding:0 .625rem;font-weight:500;display:flex}.nav-link .icon{width:16px;height:16px;color:var(--color-text-subtle);transition:color .12s var(--ease)}.nav-link:hover{color:var(--color-text);background:var(--color-hover-overlay)}.nav-link.active{color:var(--color-text);background:var(--color-surface-raised);box-shadow:0 0 0 1px var(--color-border), var(--shadow-xs)}.nav-link.active .icon{color:var(--color-primary)}.sidebar-footer{flex-direction:column;gap:2px;margin-top:auto;display:flex}.sidebar .locale-select{flex-direction:row;align-items:center;position:relative}.sidebar .locale-select .icon{width:16px;height:16px;color:var(--color-text-subtle);pointer-events:none;position:absolute;left:.625rem}.sidebar .locale-select>span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sidebar select{height:34px;color:var(--color-text-muted);box-shadow:none;background-color:#0000;border-color:#0000;padding-left:2.125rem;font-weight:500}.sidebar select:hover{color:var(--color-text);background-color:var(--color-hover-overlay);border-color:#0000}.sidebar select:focus{color:var(--color-text);box-shadow:var(--ring);border-color:#0000}.sidebar select option{color:var(--color-text);background:var(--color-surface)}.company-switch{min-width:0;margin:-.75rem 0 0;padding:0 .5rem}.company-name{text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted);font-size:.8125rem;font-weight:500;overflow:hidden}.sidebar .company-select select,.sidebar .company-select select:hover{width:100%;color:var(--color-text);background-color:var(--color-surface);border-color:var(--color-border);padding-left:.625rem}.user-chip{border-top:1px solid var(--color-border);min-width:0;color:var(--color-text);align-items:center;gap:.625rem;margin-top:.5rem;padding:.625rem .25rem 0 .5rem;font-size:.8125rem;font-weight:500;display:flex}.user-chip .user-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.user-chip .sidebar-account{margin-left:auto}.user-chip .sidebar-account+.sidebar-logout{margin-left:-.375rem}.avatar{color:#fff;background:linear-gradient(135deg, var(--blue-400), var(--blue-700));border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:.75rem;font-weight:600;display:grid;box-shadow:inset 0 0 0 1px #ffffff26}.app-content{min-width:0;min-height:calc(100vh - 2 * var(--sheet-gap));margin:var(--sheet-gap) var(--sheet-gap) var(--sheet-gap) 0;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xs);padding:2rem 2.5rem 3rem}.page{max-width:1120px;margin:0 auto}.page>h1{margin-bottom:1.5rem}.back-link{border-radius:var(--radius-sm);color:var(--color-text-muted);align-items:center;gap:.25rem;margin:0 0 .75rem -.25rem;padding:.125rem .375rem .125rem .125rem;font-size:.8125rem;font-weight:500;display:inline-flex}.back-link .icon{width:16px;height:16px}.back-link:hover{color:var(--color-text);background:var(--color-hover-overlay)}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 1.5rem;margin-bottom:1.5rem;display:flex}.page-title{flex-wrap:wrap;align-items:center;gap:.625rem;display:flex}.page-subtitle{color:var(--color-text-muted);margin:.25rem 0 0}.page-actions{flex-wrap:wrap;gap:.5rem;display:flex}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);margin-bottom:1.25rem;padding:1.25rem 1.5rem 1.5rem}.form-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem;margin-bottom:1.25rem;display:grid}.full-width-field{grid-column:1/-1}form>label,fieldset>label{margin-bottom:1rem}.form-section-title{border-top:1px solid var(--color-border);margin:1.75rem -1.5rem 1rem;padding:1.25rem 1.5rem 0}.send-panel{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-top:1.5rem;padding:1.125rem 1.25rem .5rem}.send-panel h2{margin-bottom:.25rem}.send-panel .form-grid{margin:1rem 0}.send-panel>.checkbox-field,.send-panel>.hint{margin-bottom:.75rem}.form-actions{flex-wrap:wrap;gap:.5rem;margin-top:1.25rem;display:flex}.panel>.form-actions:last-child,.panel>fieldset:last-child>.form-actions:last-child{background:var(--color-surface-muted);border-top:1px solid var(--color-border);border-radius:0 0 var(--radius-lg) var(--radius-lg);margin:1.5rem -1.5rem -1.5rem;padding:.875rem 1.5rem}.form-error,.form-warning,.form-success{border-radius:var(--radius);border:1px solid;margin:0 0 1rem;padding:.625rem .875rem;font-size:.8125rem;font-weight:500}.form-error{color:var(--color-danger);background:var(--color-danger-soft);border-color:var(--color-danger-border)}.form-warning{color:var(--color-warning);background:var(--color-warning-soft);border-color:var(--color-warning-border)}.form-success{color:var(--color-success);background:var(--color-success-soft);border-color:var(--color-success-border)}.hint{color:var(--color-text-muted);font-size:.8125rem}.logo-field{margin-bottom:1.25rem}.logo-field-label{color:var(--color-label);margin-bottom:.375rem;font-size:.8125rem;font-weight:500;display:block}.logo-field-body{background:var(--color-surface-muted);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:1rem;padding:1rem;display:flex}.logo-field-body input[type=file]{background:var(--color-surface);flex:260px;width:auto}.logo-preview{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:#fff;width:auto;max-width:200px;max-height:64px;padding:.375rem}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.segmented{background:var(--color-surface-muted);border:1px solid var(--color-border);scrollbar-width:none;border-radius:10px;gap:2px;max-width:100%;padding:3px;display:inline-flex;overflow-x:auto}.segmented button{height:28px;color:var(--color-text-muted);box-shadow:none;background:0 0;border-color:#0000;border-radius:7px;padding:0 .75rem}.segmented button:hover{color:var(--color-text);background:var(--color-hover-overlay);border-color:#0000}.segmented button[aria-pressed=true]{color:var(--color-text);background:var(--color-surface-raised);box-shadow:0 0 0 1px var(--color-border), var(--shadow-xs)}.segmented button:active:not(:disabled){transform:none}.memberships{flex-direction:column;gap:.375rem;display:flex}.membership-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.membership-row>span{min-width:8rem}.membership-row select{width:auto}.segmented a{height:28px;color:var(--color-text-muted);border-radius:7px;align-items:center;padding:0 .75rem;font-weight:500;display:inline-flex}.segmented a:hover{color:var(--color-text);background:var(--color-hover-overlay)}.segmented a[aria-current=page]{color:var(--color-text);background:var(--color-surface-raised);box-shadow:0 0 0 1px var(--color-border), var(--shadow-xs)}.data-table{border-collapse:separate;border-spacing:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-xs);margin-bottom:1.5rem;overflow:hidden}.data-table th{text-align:left;white-space:nowrap;height:38px;color:var(--color-text-muted);background:var(--color-surface-muted);border-bottom:1px solid var(--color-border);padding:0 1rem;font-size:.75rem;font-weight:500}.data-table td{vertical-align:middle;border-bottom:1px solid var(--color-border-subtle);height:48px;padding:.5rem 1rem}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr{transition:background-color .12s var(--ease)}.data-table tbody tr:hover{background:var(--color-surface-hover)}.data-table td a{color:var(--color-text);white-space:nowrap;text-underline-offset:3px;transition:color .12s var(--ease), text-decoration-color .12s var(--ease);font-weight:500;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.data-table td a:hover{color:var(--color-primary);text-decoration-color:currentColor}.data-table .nowrap{white-space:nowrap}.data-table .num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.data-table .empty-cell{text-align:center;height:auto;color:var(--color-text-muted);padding:3rem 1rem}.data-table tbody tr:has(.empty-cell):hover{background:0 0}.panel .data-table{box-shadow:none;margin-bottom:0}.panel>.data-table:last-child{border-radius:0 0 var(--radius-lg) var(--radius-lg);border-width:1px 0 0;width:calc(100% + 3rem);margin:0 -1.5rem -1.5rem}.panel>.data-table:last-child :is(th,td):first-child{padding-left:1.5rem}.panel>.data-table:last-child :is(th,td):last-child{padding-right:1.5rem}.item-table{margin-bottom:.75rem}.item-table td{height:auto;padding:.375rem}.item-table th:first-child,.item-table td:first-child{width:32%;padding-left:.75rem}.item-table th:last-child,.item-table td:last-child{padding-right:.75rem}.item-table input{background-color:var(--color-surface-muted);min-width:72px;height:32px;box-shadow:none;border-color:#0000;padding:0 .5rem}.item-table input:hover{border-color:var(--color-border-strong)}.item-table input:focus{background-color:var(--color-input-bg);border-color:var(--color-primary)}.item-table tbody tr:hover{background:0 0}.item-table .button-danger:not(:hover){color:var(--color-text-subtle)}.item-table .button-danger:not(:hover) .icon{color:currentColor}.table-actions{justify-content:flex-end;gap:.375rem;display:flex}@media (hover:hover){.data-table .table-actions{opacity:0;transition:opacity .12s var(--ease)}.data-table tr:is(:hover,:focus-within) .table-actions{opacity:1}}.row-overdue{background:var(--color-overdue-row)}.row-overdue td:first-child{box-shadow:inset 2px 0 0 var(--color-overdue-mark)}.data-table tbody tr.row-overdue:hover{background:var(--color-overdue-row-hover)}.row-inactive td:not(:last-child){color:var(--color-text-subtle)}.count-pill{min-width:20px;height:20px;color:var(--color-warning);background:var(--color-warning-soft);border:1px solid var(--color-warning-border);border-radius:999px;place-items:center;padding:0 .375rem;font-size:.71875rem;font-weight:600;display:inline-grid}.totals-summary{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-variant-numeric:tabular-nums;width:min(100%,340px);margin:0 0 1.5rem auto;padding:.5rem 1.25rem}.totals-row{color:var(--color-text-muted);justify-content:space-between;gap:1rem;padding:.3125rem 0;display:flex}.totals-row>:last-child{color:var(--color-text);white-space:nowrap;font-weight:500}.totals-row.total{border-top:1px solid var(--color-border);color:var(--color-text);margin-top:.375rem;padding-top:.625rem;font-size:1rem;font-weight:600}.totals-row.total>:last-child{letter-spacing:-.01em;font-weight:650}.detail-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:1.25rem;display:grid}.detail-aside{position:sticky;top:1.5rem}.detail-aside .totals-summary{background:var(--color-surface);width:100%;box-shadow:var(--shadow-xs);margin:0;padding:0 1.25rem .625rem;overflow:hidden}.balance-hero{background:radial-gradient(90% 140% at 100% 0%, var(--color-glow), transparent 70%), var(--color-accent-soft);border-bottom:1px solid var(--color-border);margin:0 -1.25rem .5rem;padding:1.125rem 1.25rem 1.25rem}.balance-hero .balance-label{color:var(--color-text-muted);font-size:.8125rem;font-weight:500;display:block}.balance-hero .balance-value{letter-spacing:-.03em;color:var(--color-text);margin-top:.25rem;font-size:1.875rem;font-weight:650;line-height:1.15;display:block}.meta-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1.125rem 1.5rem;margin:0;display:grid}.meta-grid dt{color:var(--color-text-subtle);margin-bottom:.1875rem;font-size:.75rem;font-weight:500}.meta-grid dd{overflow-wrap:anywhere;margin:0;font-weight:500}.meta-grid .meta-wide{grid-column:1/-1}.detail-secondary{grid-template-columns:repeat(auto-fit,minmax(420px,1fr));align-items:start;gap:0 1.25rem;display:grid}.overdue-days{color:var(--color-danger);font-size:.8125rem;font-weight:500}.badge{white-space:nowrap;height:22px;color:var(--color-neutral);background:var(--color-neutral-soft);border:1px solid var(--color-neutral-border);border-radius:999px;align-items:center;gap:.375rem;padding:0 .5rem;font-size:.75rem;font-weight:500;line-height:1;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge-issued{color:var(--color-accent-text);background:var(--color-accent-tint);border-color:var(--color-accent-border)}.badge-sent{color:var(--color-sent);background:var(--color-sent-soft);border-color:var(--color-sent-border)}.badge-paid,.badge-success{color:var(--color-success);background:var(--color-success-soft);border-color:var(--color-success-border)}.badge-cancelled,.badge-muted{color:var(--color-text-subtle);background:var(--color-surface-muted)}.badge-overdue{color:var(--color-danger);background:var(--color-danger-soft);border-color:var(--color-danger-border)}.timeline{margin:0;padding:0;list-style:none}.timeline li{color:var(--color-text-muted);padding:0 0 1.125rem 1.5rem;font-size:.8125rem;position:relative}.timeline li:before{content:"";background:var(--color-primary);width:8px;height:8px;box-shadow:0 0 0 3px var(--color-accent-tint);border-radius:50%;position:absolute;top:.3125rem;left:2px}.timeline li:after{content:"";background:var(--color-border-strong);width:1px;position:absolute;top:1.125rem;bottom:.125rem;left:5.5px}.timeline li:last-child{padding-bottom:0}.timeline li:last-child:after{display:none}.timeline time{color:var(--color-text-subtle);font-variant-numeric:tabular-nums;font-size:.75rem;display:block}.timeline strong{color:var(--color-text);font-size:.875rem;font-weight:500}.timeline-details{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:fit-content;max-width:100%;margin-top:.375rem;padding:.3125rem .5rem}.login-page{isolation:isolate;background:radial-gradient(60% 50% at 50% 0%, var(--color-glow), transparent 70%), var(--color-canvas);place-items:center;min-height:100vh;padding:1.5rem;display:grid;position:relative}.login-page:before{content:"";z-index:-1;background-image:radial-gradient(var(--color-grid-dot) 1px, transparent 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(60% 55% at 50% 45%,#000 20%,#0000 100%);mask-image:radial-gradient(60% 55% at 50% 45%,#000 20%,#0000 100%)}.login-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:min(100%,380px);box-shadow:var(--shadow-lg);flex-direction:column;gap:1rem;padding:2rem;display:flex}.login-brand{text-align:center;flex-direction:column;align-items:center;gap:.875rem;margin-bottom:.5rem;display:flex}.login-brand h1{font-size:1.25rem}.login-brand p{color:var(--color-text-muted);margin:.25rem 0 0}.login-form input{height:38px}.login-form button[type=submit]{width:100%;height:38px;margin-top:.25rem;font-size:.875rem}.login-form>label,.login-form .form-error,.login-form .form-warning,.login-form .form-success,.login-form>p{margin:0}.login-form>button[type=button]{width:100%;height:38px;font-size:.875rem}.login-form .checkbox-field{align-items:flex-start;line-height:1.45}.login-form .checkbox-field input[type=checkbox]{height:16px;margin-top:.1rem}.login-links{color:var(--color-text-muted);text-align:center;flex-wrap:wrap;justify-content:center;gap:.375rem 1rem;font-size:.875rem;display:flex}.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<=1100px){.detail-grid{grid-template-columns:minmax(0,1fr)}.detail-aside{position:static}.detail-secondary{grid-template-columns:minmax(0,1fr)}}@media (width<=900px){.app-shell{background:var(--color-bg);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr)}.sidebar{z-index:10;background:color-mix(in srgb, var(--color-canvas) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);flex-flow:wrap;align-items:center;gap:.5rem .75rem;height:auto;padding:.625rem 1rem .5rem}.brand{padding:0}.sidebar-nav{scrollbar-width:none;flex-direction:row;order:3;width:100%;overflow-x:auto}.nav-link{white-space:nowrap;height:32px}.sidebar-footer{flex-direction:row;align-items:center;gap:.125rem;margin-left:auto}.sidebar .locale-select{border-radius:var(--radius);justify-content:center;width:32px;height:32px}.sidebar .locale-select:hover{background:var(--color-hover-overlay)}.sidebar .locale-select:focus-within{box-shadow:var(--ring)}.sidebar .locale-select .icon{color:var(--color-text-muted);position:static}.sidebar select{opacity:0;height:100%;padding:0;position:absolute;inset:0}.user-chip{border-top:0;margin:0;padding:0}.company-switch{order:2;width:100%;margin:0;padding:0}.sidebar .company-select select{opacity:1;height:32px;padding:0 .625rem;position:static}.user-chip .avatar,.user-chip .user-name{display:none}.app-content{min-height:0;box-shadow:none;border:0;border-radius:0;margin:0;padding:1.5rem 1rem 2.5rem}}@media (width<=720px){h1{font-size:1.375rem}.data-table{display:block;position:relative;overflow-x:auto}.detail-secondary{grid-template-columns:minmax(0,1fr)}.panel{padding:1rem 1rem 1.25rem}.panel>.form-actions:last-child,.panel>fieldset:last-child>.form-actions:last-child{margin:1.25rem -1rem -1.25rem;padding:.75rem 1rem}.form-section-title{margin-inline:-1rem;padding-inline:1rem}.panel>.data-table:last-child{width:calc(100% + 2rem);margin:0 -1rem -1.25rem}.panel>.data-table:last-child :is(th,td):first-child{padding-left:1rem}.panel>.data-table:last-child :is(th,td):last-child{padding-right:1rem}.data-table :is(th,td){white-space:nowrap}}
