.App{background:var(--app-bg);min-height:100vh;color:var(--text);padding:20px}.auth-card{background:var(--surface);border-radius:10px;flex-direction:column;gap:16px;max-width:420px;margin:0 auto;padding:32px;display:flex;box-shadow:0 10px 30px #00000014}.auth-toggle{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.auth-toggle button{border:1px solid var(--border);background:var(--surface-muted);cursor:pointer;border-radius:8px;padding:10px;font-weight:600;transition:all .2s}.auth-toggle button.active{color:#fff;background:#76b3d0;border-color:#76b3d0}.auth-form .form-group{flex-direction:column;gap:6px;display:flex}.auth-form label{color:var(--text-soft);font-size:14px}.auth-form input{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:6px;padding:10px}.auth-form input.error{background:#fff6f5;border-color:#d93025}.auth-reset-request{flex-direction:column;gap:10px;display:flex}.auth-reset-toggle{color:#2f6f8f;cursor:pointer;background:0 0;border:none;align-self:flex-end;padding:0;font-size:13px;font-weight:700}.auth-reset-toggle:hover{color:#1f4f68}.auth-reset-request-panel{border:1px solid var(--border);background:var(--surface-muted);border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex}.auth-reset-request-button{align-self:flex-start}.auth-reset-subtitle{color:var(--text-soft);margin:0;font-size:14px;line-height:1.5}.auth-reset-error,.auth-reset-success{border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.4}.auth-reset-error{color:#b91c1c;background:#ef444414;border:1px solid #ef444459}.auth-reset-success{color:#15803d;background:#22c55e14;border:1px solid #22c55e59}select,select option,select optgroup{font-family:inherit}select option,select optgroup{background:var(--surface);color:var(--text)}select option:checked{background:color-mix(in srgb, var(--surface-strong) 18%, var(--surface));color:var(--text-strong);font-weight:600}select option:disabled,select optgroup:disabled{color:var(--text-disabled)}.custom-select{width:100%;min-width:0;position:relative}.custom-select-trigger{border:1px solid var(--border);background:var(--surface);width:100%;min-height:36px;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;transition:border-color .16s,box-shadow .16s,background-color .16s;display:inline-flex}.custom-select-trigger:hover:not(:disabled){border-color:color-mix(in srgb, var(--border) 55%, var(--surface-strong))}.custom-select-trigger:focus-visible{border-color:var(--surface-strong);outline:none;box-shadow:0 0 0 3px #6366f11f}.custom-select-trigger:disabled{cursor:not-allowed;color:var(--text-disabled);background:var(--surface-muted)}.custom-select-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.custom-select-chevron{color:var(--text-muted);flex-shrink:0;align-items:center;font-size:11px;line-height:1;transition:transform .16s,color .16s;display:inline-flex}.custom-select-chevron.open{color:var(--text);transform:rotate(180deg)}.custom-select-menu{z-index:1200;border:1px solid color-mix(in srgb, var(--border) 88%, var(--surface-strong));background:var(--surface);border-radius:10px;max-height:220px;padding:4px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 8px 20px #0206171f}.custom-select-option{background:var(--surface);width:100%;color:var(--text);text-align:left;font:inherit;cursor:pointer;border:none;border-radius:6px;padding:7px 9px;font-size:.94rem;transition:background-color .14s,color .14s}.custom-select-option.is-highlighted,.custom-select-option:hover:not(:disabled){background:color-mix(in srgb, var(--surface-hover) 70%, var(--surface))}.custom-select-option.is-selected{background:color-mix(in srgb, var(--surface-strong) 10%, var(--surface));color:var(--text-strong);font-weight:500}.custom-select-option:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--surface-strong) 30%, transparent);outline:none}.custom-select-option.is-disabled,.custom-select-option:disabled{color:var(--text-disabled);cursor:not-allowed}.auth-form .hint{color:var(--text-soft);margin-top:4px;font-size:12px}.auth-submit{width:100%;margin-top:6px}.auth-submit.btn-dark{color:#fff;box-shadow:none;background:#76b3d0;border:1px solid #6097b3;border-radius:999px;min-height:44px;font-weight:700}.auth-submit.btn-dark:hover:not(:disabled){box-shadow:none;background:#86bcd6;border-color:#649db9}.auth-submit.btn-dark:focus-visible{box-shadow:0 0 0 3px #76b3d04d}.auth-message{color:var(--text-subtle);margin-top:8px;font-size:13px}.auth-bar{background:var(--surface);border-radius:8px;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto 12px;padding:10px 16px;display:flex;box-shadow:0 4px 12px #0000000d}.link-btn{color:var(--link);cursor:pointer;background:0 0;border:none;font-weight:600}.shell{grid-template-columns:260px 1fr;align-items:flex-start;gap:20px;width:100%;max-width:none;margin:0;display:grid}.shell.layout-sidebar{grid-template-columns:260px 1fr;grid-auto-flow:column}.shell.layout-sidebar .sidebar,.shell.layout-sidebar .content{grid-row:1}.shell.layout-sidebar.sidebar-right{grid-template-columns:1fr 260px}.shell.layout-sidebar.sidebar-right .sidebar{grid-column:2}.shell.layout-sidebar.sidebar-right .content{grid-column:1}.shell.layout-header{grid-template-rows:auto 1fr;grid-template-columns:1fr}.shell.layout-header .sidebar{z-index:25;grid-area:1/1;align-items:center;gap:14px;height:auto;display:flex;position:sticky;top:0;overflow-x:auto}.shell.layout-header .content{grid-area:2/1}.shell.layout-header .sidebar.header-mode{height:auto;padding:12px 16px;position:sticky}.shell.layout-header .sidebar.header-mode nav{align-items:center;gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.shell.layout-header .sidebar.header-mode .brand,.shell.layout-header .sidebar.header-mode .primary-btn{white-space:nowrap}.shell.layout-header .sidebar.header-mode .nav-group{align-items:center;gap:8px;margin-top:0;display:flex}.shell.layout-header .sidebar.header-mode .nav-label{display:none}.shell.layout-header .sidebar.header-mode nav a{white-space:nowrap;margin-bottom:0}.shell.layout-header .sidebar.header-mode .nav-submenu{display:none}.shell.layout-drawer{grid-template-columns:1fr}.shell.layout-drawer .sidebar{z-index:30;width:78%;max-width:320px;height:auto;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-105%)}.shell.layout-drawer.sidebar-right .sidebar{left:auto;right:0;transform:translate(105%)}.shell.layout-drawer .sidebar.open,.shell.layout-drawer.sidebar-right .sidebar.open{transform:translate(0)}.shell.layout-drawer .content{width:100%;padding:0 8px 12px}.sidebar{background:var(--surface);border-radius:16px;flex-direction:column;gap:14px;height:calc(100vh - 32px);padding:18px;display:flex;position:sticky;top:16px;overflow-y:auto;box-shadow:0 10px 30px #0000000d}.brand{letter-spacing:.02em;font-size:18px;font-weight:700}.sidebar-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.sidebar-theme-toggle{border:1px solid var(--border);background:var(--surface-alt);width:34px;height:34px;color:var(--text);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:border-color .16s,background-color .16s,transform .12s;display:inline-flex}.sidebar-theme-toggle:hover{border-color:var(--surface-strong);background:var(--surface-hover)}.sidebar-theme-toggle:active{transform:translateY(1px)}.sidebar-theme-toggle:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--surface-strong) 24%, transparent);outline:none}.primary-btn{color:#fff;cursor:pointer;background:#76b3d0;border:1px solid #6097b3;border-radius:999px;min-height:38px;padding:8px 16px;font-weight:700;transition:background-color .16s,border-color .16s,box-shadow .16s;box-shadow:0 2px 7px #102c491f}.primary-btn:hover{background:#86bcd6;border-color:#649db9}.primary-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #76b3d047}.sidebar .primary-btn{color:#fff;background:#76b3d0}.sidebar .primary-btn:hover{background:#689eb7}.sidebar .primary-btn:focus-visible{box-shadow:0 0 0 3px #76b3d047}.nav-group{margin-top:10px}.nav-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:12px}.sidebar nav a{color:var(--text);cursor:pointer;border-radius:10px;margin-bottom:4px;padding:10px;text-decoration:none;transition:background .15s,color .15s;display:block}.sidebar nav a:hover{background:var(--surface-hover-alt)}.sidebar nav a.active{color:#fff;background:#76b3d0}.nav-submenu{border-left:1px solid var(--border);margin:2px 0 8px 12px;padding-left:8px}.nav-submenu a{margin-bottom:2px;padding:7px 8px;font-size:13px}.desktop-menu-btn{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:8px 10px}.sidebar-footer{flex-direction:column;gap:8px;margin-top:auto;display:flex}.sidebar-user{border:1px solid var(--border);background:var(--surface-alt);border-radius:12px;flex-direction:column;gap:8px;padding:10px;display:flex}.sidebar-user-name{color:var(--text-strong);word-break:break-word;font-weight:700;line-height:1.2}.sidebar-user-actions{grid-template-columns:1fr 1fr;gap:6px;display:grid}.sidebar-user-actions .ghost{width:100%;padding:8px 10px}.sidebar-guide-btn{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text-soft);cursor:pointer;border-radius:10px;min-height:36px;font-weight:600;transition:border-color .16s,color .16s,background-color .16s}.sidebar-guide-btn:hover{border-color:var(--surface-strong);color:var(--text);background:var(--surface-hover)}.sidebar-guide-btn:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--surface-strong) 26%, transparent);outline:none}.system-guide-layer{z-index:2500;pointer-events:none;position:fixed;inset:0}.system-guide-backdrop{pointer-events:none;background:#0811231f;position:absolute;inset:0}.system-guide-highlight{pointer-events:none;border:2px solid #9ac7dc;border-radius:12px;position:fixed;box-shadow:0 0 0 4px #76b3d038,0 10px 24px #0811232e}.system-guide-card{background:var(--surface);border:1px solid color-mix(in srgb, var(--border) 78%, var(--surface-strong));z-index:2501;pointer-events:auto;border-radius:14px;width:min(360px,100vw - 28px);padding:14px 14px 12px;position:fixed;box-shadow:0 18px 46px #09132547}.system-guide-card:after{content:"";background:var(--surface);border-right:1px solid color-mix(in srgb, var(--border) 78%, var(--surface-strong));border-bottom:1px solid color-mix(in srgb, var(--border) 78%, var(--surface-strong));width:12px;height:12px;position:absolute;transform:rotate(45deg)}.system-guide-card.placement-center:after{display:none}.system-guide-card.placement-bottom:after{margin-left:-6px;top:-7px;left:50%;transform:rotate(225deg)}.system-guide-card.placement-top:after{margin-left:-6px;bottom:-7px;left:50%;transform:rotate(45deg)}.system-guide-card.placement-right:after{margin-top:-6px;top:50%;left:-7px;transform:rotate(135deg)}.system-guide-card.placement-left:after{margin-top:-6px;top:50%;right:-7px;transform:rotate(-45deg)}.system-guide-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.system-guide-step-count{color:var(--text-muted);letter-spacing:.04em;font-size:12px;font-weight:700}.system-guide-close{border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:8px;width:26px;height:26px;font-size:16px;line-height:1}.system-guide-card h3{margin:6px 0 7px;font-size:21px;line-height:1.2}.system-guide-card p{color:var(--text-soft);white-space:pre-line;margin:0;font-size:14px;line-height:1.45}.system-guide-actions{justify-content:space-between;align-items:center;gap:8px;margin-top:12px;display:flex}.system-guide-actions-right{align-items:center;gap:8px;display:flex}.user-name{font-weight:600}.content{flex-direction:column;gap:16px;width:100%;min-width:0;display:flex}.content-menu-toggle-wrap{display:flex}.content-menu-toggle{border:1px solid var(--border);background:var(--surface);border-radius:12px;padding:8px 10px}.topbar{background:var(--surface);border-radius:16px;align-items:center;gap:16px;padding:14px 16px;display:flex;box-shadow:0 10px 30px #0000000d}.topbar .desktop-menu-btn{margin-right:6px}.mobile-header{align-items:center;gap:12px;width:100%;display:none}.mobile-title{letter-spacing:.02em;font-size:16px;font-weight:700}.mobile-actions{gap:8px;margin-left:auto;display:flex}.search{position:relative}.search .search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search input{border:1px solid var(--border);background:var(--surface-alt);border-radius:12px;width:100%;padding:10px 12px 10px 36px}.top-actions{align-items:center;gap:12px;margin-left:auto;display:flex}.ghost{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:12px;padding:10px 14px;font-weight:600}[data-theme=dark] .primary-btn{color:#fff;background:#76b3d0;border:1px solid #6097b3;box-shadow:0 2px 7px #102c491f}[data-theme=dark] .primary-btn:hover{background:#86bcd6;border-color:#649db9;box-shadow:0 2px 7px #102c491f}[data-theme=dark] .primary-btn:focus-visible{box-shadow:0 0 0 3px #76b3d04d}[data-theme=dark] .sidebar .primary-btn{color:#fff;background:#76b3d0;border:1px solid #5383b4;box-shadow:0 2px 7px #102c491f}[data-theme=dark] .sidebar .primary-btn:hover{background:#86bcd6;box-shadow:0 2px 7px #102c491f}[data-theme=dark] .sidebar .primary-btn:focus-visible{box-shadow:0 0 0 3px #76b3d057}[data-theme=dark] .ghost{background:color-mix(in srgb, var(--surface) 84%, var(--surface-muted));border-color:color-mix(in srgb, var(--border) 86%, #9fb5d1);color:var(--text)}[data-theme=dark] .ghost:hover{background:color-mix(in srgb, var(--surface-hover) 86%, var(--surface));border-color:color-mix(in srgb, var(--border-soft) 82%, #b9cbe4)}[data-theme=dark] .sidebar,[data-theme=dark] .topbar,[data-theme=dark] .card,[data-theme=dark] .settings-form,[data-theme=dark] .create-client-form{border-color:color-mix(in srgb, var(--border) 88%, #7c98bc);box-shadow:0 16px 34px #02081473}[data-theme=dark] .create-client-hero{border-color:color-mix(in srgb, var(--border) 88%, #86a5ca);background:linear-gradient(135deg, color-mix(in srgb, var(--surface) 92%, #0f1c31), color-mix(in srgb, var(--surface-alt) 90%, #0b1424))}.top-profile{border:1px solid var(--border);background:var(--surface-alt);cursor:pointer;border-radius:14px;align-items:center;gap:10px;padding:6px 10px;display:flex;position:relative}.profile-meta{flex-direction:column;align-items:flex-start;gap:2px;display:flex}.profile-name{font-weight:600;line-height:1.1}.icon-btn{cursor:pointer;color:var(--text-strong);background:0 0;border:none;place-items:center;font-size:18px;display:grid}.icon{line-height:1;display:inline-block}.profile-menu{background:var(--surface);border:1px solid var(--border);z-index:10;border-radius:12px;min-width:160px;padding:8px;display:none;position:absolute;top:110%;right:0;box-shadow:0 10px 30px #00000014}.profile-menu button{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:10px}.profile-menu button:hover{background:var(--surface-hover)}.top-profile.is-open .profile-menu{display:block}.card{background:var(--surface);border-radius:16px;padding:18px;box-shadow:0 10px 30px #0000000d}.card-header{justify-content:flex-start;align-items:center;margin-bottom:12px;display:flex}.card-header-main{flex-direction:column;align-items:flex-start;gap:10px;min-width:0;display:flex}.back-nav-btn{white-space:nowrap;border-color:color-mix(in srgb, var(--surface-strong) 38%, var(--border));background:color-mix(in srgb, #76b3d0 14%, var(--surface));color:var(--text-strong);align-items:center;gap:6px;margin-bottom:2px;padding:8px 12px;font-weight:700;display:inline-flex;box-shadow:0 2px 10px #0f172a14}.back-nav-btn:hover{background:color-mix(in srgb, #76b3d0 22%, var(--surface));border-color:color-mix(in srgb, #76b3d0 50%, var(--border))}.back-nav-icon{background:color-mix(in srgb, #76b3d0 22%, var(--surface));width:18px;height:18px;color:color-mix(in srgb, var(--surface-strong) 72%, #0f172a);border-radius:999px;place-items:center;display:inline-grid}.back-nav-icon-svg{display:block}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:12px}.pill{background:var(--surface-strong);color:#fff;cursor:pointer;border:none;border-radius:999px;padding:10px 14px;font-weight:600}.sent-history .table{flex-direction:column;gap:6px;display:flex}.sent-history{min-width:0;container:sent-history-layout/inline-size}.sent-history .table-header,.sent-history .table-row{background:var(--surface);border:1px solid var(--border);border-radius:10px;grid-template-columns:130px 120px 165px minmax(180px,.9fr) 105px 160px 120px minmax(140px,.7fr);align-items:center;gap:8px;padding:10px 12px;display:grid}.sent-history .table-header{color:#fff;background:#76b3d0;font-weight:700}.sent-history .table-header>:nth-child(7),.sent-history .table-header>:last-child{text-align:right;justify-self:end}.history-stats-actions{align-items:center;gap:8px;display:flex}.history-toolbar-icon{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.history-toolbar-icon.is-active{border-color:color-mix(in srgb, var(--primary) 35%, var(--border));color:var(--primary)}.history-toolbar-icon.is-loading svg{animation:1s linear infinite spin}.history-filters{border:1px solid var(--border);background:var(--surface);border-radius:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:12px 0 16px;padding:12px;display:grid}.history-filters .filter-field{flex-direction:column;gap:6px;display:flex}.history-filters .filter-field.filter-field-from{grid-column:1/span 1;max-width:260px}.history-filters .filter-field.filter-field-to{grid-column:2/span 1;max-width:260px}.history-filters label{color:var(--text-muted);letter-spacing:.02em;font-size:12px}.history-filters input,.history-filters select,.history-filters .custom-select-trigger{border:1px solid var(--border);background:var(--surface-alt);color:var(--text);font:inherit;border-radius:10px;width:100%;min-height:40px;padding:8px 10px;font-size:15px;line-height:1.2}.history-filters .filter-actions{grid-column:1/-1;justify-content:flex-end;gap:8px;display:flex}.sent-history .table-header .table-sort-button{color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:6px;padding:0;transition:color .15s;display:inline-flex}.sent-history .table-header .table-sort-button:hover{color:#f6faff}.sent-history .table-header .sort-icon{opacity:.5;transition:opacity .15s;display:inline-flex}.sent-history .table-header .sort-icon.active{opacity:1}.sent-history .table-row{align-items:center;box-shadow:0 6px 16px #0000000a}.sent-history .summary-row{cursor:pointer;transition:border-color .15s,box-shadow .15s}.sent-history .summary-row:hover{border-color:var(--primary-light)}.sent-history .summary-row.expanded{border-color:color-mix(in srgb, var(--primary) 45%, var(--border));box-shadow:0 8px 18px #0f172a14}.sent-history .details-row{box-shadow:none;border-color:color-mix(in srgb, var(--primary) 25%, var(--border));background:color-mix(in srgb, var(--surface-alt) 88%, white);margin-top:-2px}.sent-history .details-content{grid-column:1/-1;justify-content:space-between;align-items:stretch;gap:14px;padding:6px 2px;display:flex}.sent-history .details-grid{flex:auto;grid-template-columns:repeat(3,minmax(220px,1fr));gap:10px;display:grid}.sent-history .detail-card{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:10px 12px}.sent-history .detail-card-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-bottom:8px;font-size:.8rem}.sent-history .detail-list{flex-direction:column;gap:6px;display:flex}.sent-history .detail-item{justify-content:space-between;align-items:center;gap:10px;display:flex}.sent-history .detail-item>span{color:var(--text-muted);font-size:.86rem}.sent-history .detail-item>strong{color:var(--text);text-align:right;word-break:break-word;font-size:.9rem}.sent-history .details-actions{flex-wrap:wrap;gap:8px;display:flex}.sent-history .details-actions .ghost{justify-content:center;align-items:center;gap:6px;min-width:88px;padding:6px 10px;display:inline-flex}.sent-history .details-payment{flex-direction:column;align-items:flex-start;gap:6px;min-width:250px;display:flex}.sent-history .details-side{flex-direction:column;flex:0 0 280px;gap:10px;display:flex}.sent-history .details-payment .status-select{width:100%}.sent-history .payment-detail-placeholder{color:var(--text-muted);align-items:center;min-height:34px;font-size:.9rem;display:inline-flex}.sent-history .month-section{margin-bottom:32px}.sent-history .month-divider{align-items:center;margin-top:8px;margin-bottom:16px;display:flex}.sent-history .month-divider:before,.sent-history .month-divider:after{content:"";background:linear-gradient(to right, var(--border), var(--border-soft));flex:1;height:2px}.sent-history .month-divider:after{background:linear-gradient(to left, var(--border), var(--border-soft))}.sent-history .month-label{color:var(--text-strong);flex-direction:column;align-items:center;gap:4px;padding:0 20px;display:flex}.sent-history .month-title{text-transform:uppercase;letter-spacing:.05em;font-size:1.1rem;font-weight:700}.sent-history .month-totals{color:var(--text-subtle);text-transform:none;letter-spacing:.02em;font-size:.85rem}[data-theme=dark] .sent-history .month-divider:before,[data-theme=dark] .sent-history .month-divider:after{background:linear-gradient(to right, var(--border), var(--primary-light))}[data-theme=dark] .sent-history .month-divider:after{background:linear-gradient(to left, var(--border), var(--primary-light))}[data-theme=dark] .sent-history .month-label{color:var(--primary-light)}[data-theme=dark] .sent-history .table-header,[data-theme=dark] .sent-history .table-row{background:color-mix(in srgb, var(--surface) 88%, #0b1424);border-color:color-mix(in srgb, var(--border-soft) 84%, #8ea7c9)}[data-theme=dark] .sent-history .table-header{color:#f8fbff;background:#76b3d0}[data-theme=dark] .sent-history .summary-row:hover{border-color:color-mix(in srgb, var(--primary-light) 72%, var(--border-soft));box-shadow:0 8px 18px #02081461}[data-theme=dark] .sent-history .summary-row.expanded{border-color:color-mix(in srgb, var(--primary-light) 64%, var(--border));box-shadow:0 10px 22px #02081470}[data-theme=dark] .sent-history .details-row{border-color:color-mix(in srgb, var(--primary-light) 32%, var(--border));background:color-mix(in srgb, var(--surface-alt) 84%, #0a1322)}[data-theme=dark] .sent-history .detail-card{background:color-mix(in srgb, var(--surface) 86%, #0a1322);border-color:color-mix(in srgb, var(--border-soft) 82%, #89a4c7)}[data-theme=dark] .history-filters,[data-theme=dark] .history-stats .stat-card,[data-theme=dark] .history-charts .chart-card{border-color:color-mix(in srgb, var(--border-soft) 82%, #8ea8ca);background:color-mix(in srgb, var(--surface) 88%, #0b1424)}[data-theme=dark] .history-toolbar-icon{background:color-mix(in srgb, var(--surface) 84%, #0b1424);border-color:color-mix(in srgb, var(--border-soft) 82%, #8ea9cb);color:var(--text)}[data-theme=dark] .history-toolbar-icon:hover{border-color:color-mix(in srgb, var(--primary-light) 54%, var(--border-soft));background:color-mix(in srgb, var(--surface-hover) 86%, #0b1526)}[data-theme=dark] .history-action-pill{background:color-mix(in srgb, var(--surface) 82%, #0a1424);border-color:color-mix(in srgb, var(--border-soft) 84%, #88a3c7);box-shadow:0 4px 12px #02081457}[data-theme=dark] .history-action-pill--send{color:#5af0a0;border-color:color-mix(in srgb, #34d399 56%, var(--border-soft))}[data-theme=dark] .history-action-pill--edit{color:#8ec6ff;border-color:color-mix(in srgb, #60a5fa 56%, var(--border-soft))}[data-theme=dark] .sent-history .payment-summary-badge.unpaid{color:#ffd9d5;background:#562a25;border-color:#ec7162}[data-theme=dark] .sent-history .payment-summary-badge.partial{color:#ffe7c8;background:#583e1c;border-color:#feba55}[data-theme=dark] .sent-history .payment-summary-badge.paid{color:#dcf7ca;background:#3b4528;border-color:#c7cc7d}.sent-history p{color:var(--text-subtle);margin:0}.history-actions{justify-content:flex-end;align-items:center;gap:6px;width:100%;display:flex}.history-edit-btn{cursor:pointer;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.history-action-pill{--action-color:var(--text-soft);border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--action-color);border-radius:999px;justify-content:center;align-items:center;gap:6px;font-weight:600;transition:border-color .2s,box-shadow .2s,transform .12s,color .2s;display:inline-flex;box-shadow:0 2px 6px #102c491f}.history-action-pill:hover:not(:disabled){border-color:color-mix(in oklab, var(--action-color) 38%, var(--border));box-shadow:0 4px 10px #102c4924}.history-action-pill:active:not(:disabled){box-shadow:0 3px 8px #102c4924}.history-action-pill:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.history-action-pill--icon{width:36px;min-width:36px;padding:0}.history-action-pill--send{--action-color:#1f9f58;min-width:108px;padding:8px 14px}.history-action-pill--edit{--action-color:#1f7fc0}.sent-history .actions-empty{color:var(--text-muted)}.export-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10020;background:#080c148c;place-items:center;display:grid;position:fixed;inset:0}.export-modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:12px;width:min(920px,96vw);max-height:85vh;padding:18px;display:flex;overflow:hidden;box-shadow:0 18px 40px #0000004d}.export-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.export-header h3{margin:0;font-size:1.1rem}.export-summary{color:var(--text-soft);margin:0}.export-controls{justify-content:space-between;align-items:center;gap:12px;display:flex}.export-check{align-items:center;gap:8px;font-size:.95rem;display:inline-flex}.export-switch{color:var(--text);border:1px solid var(--border);background:var(--surface-alt);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:10px;padding:7px 11px;font-size:.94rem;transition:border-color .2s,background .2s,box-shadow .2s,transform .15s;display:inline-flex}.export-switch:hover{border-color:color-mix(in oklab, var(--primary) 40%, var(--border));background:color-mix(in oklab, var(--surface-alt) 84%, var(--primary) 16%)}.export-switch input{opacity:0;width:0;height:0;position:absolute}.export-switch-slider{background:color-mix(in oklab, var(--surface-muted) 86%, #fff 14%);border:1px solid var(--border);border-radius:999px;flex-shrink:0;width:44px;height:24px;transition:background .2s,border-color .2s,box-shadow .2s;position:relative}.export-switch-slider:before{content:"";background:linear-gradient(#fff 0%,#f3f6fa 100%);border-radius:999px;width:18px;height:18px;transition:transform .2s,box-shadow .2s;position:absolute;top:2px;left:2px;box-shadow:0 2px 6px #00000038}.export-switch input:checked+.export-switch-slider{background:linear-gradient(135deg, color-mix(in oklab, var(--primary) 88%, #6ca7ff 12%) 0%, var(--primary) 100%);border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab, var(--primary) 26%, transparent)}.export-switch input:checked+.export-switch-slider:before{transform:translate(20px);box-shadow:0 2px 7px #00000040}.export-switch input:focus-visible+.export-switch-slider{box-shadow:0 0 0 3px color-mix(in oklab, var(--primary) 30%, transparent)}.export-switch.active{border-color:color-mix(in oklab, var(--primary) 48%, var(--border));background:color-mix(in oklab, var(--surface-alt) 72%, var(--primary) 28%)}.export-switch-text{font-weight:500;line-height:1.2}.export-selected-count{color:color-mix(in oklab, var(--text-soft) 82%, var(--primary) 18%);margin:0;font-size:.92rem}.export-format{align-items:center;gap:8px;font-size:.95rem;display:inline-flex}.export-search{flex:1;justify-content:center;display:flex}.export-search input{border:1px solid var(--border);background:var(--surface-alt);width:min(360px,100%);color:var(--text);border-radius:10px;padding:6px 10px}.export-format select,.export-format .custom-select-trigger{border:1px solid var(--border);background:var(--surface-alt);color:var(--text);border-radius:10px;padding:6px 10px}.export-list{border:1px solid var(--border);background:var(--surface-alt);border-radius:12px;max-height:360px;overflow:auto}.export-row{border-bottom:1px solid var(--border);grid-template-columns:32px 1fr 1.4fr .8fr .8fr;align-items:center;gap:10px;min-width:600px;padding:8px 12px;display:grid}.export-selectable-row{cursor:pointer}.export-selectable-row:hover{background:var(--surface-muted)}.export-selectable-row input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary)}.export-row:last-child{border-bottom:none}.export-header-row{background:var(--surface-strong);color:#fff;z-index:1;font-weight:600;position:sticky;top:0}.export-sort-button{color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:6px;padding:0;display:inline-flex}.export-sort-button .sort-icon{opacity:.7}.export-empty{color:var(--text-subtle);margin:0}.export-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.export-actions-inline{gap:8px;display:inline-flex}.import-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10030;background:#080c148c;place-items:center;display:grid;position:fixed;inset:0}.import-modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:12px;width:min(720px,94vw);max-height:80vh;padding:18px;display:flex;overflow:hidden;box-shadow:0 18px 40px #0000004d}.import-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.import-header h3{margin:0;font-size:1.1rem}.import-summary{color:var(--text-soft);margin:0}.import-errors-title{font-weight:600}.import-preview-controls{justify-content:space-between;align-items:center;gap:12px;display:flex}.import-check{align-items:center;gap:8px;font-size:.95rem;display:inline-flex}.import-preview-list{border:1px solid var(--border);background:var(--surface-alt);border-radius:12px;max-height:320px;overflow:auto}.import-preview-row{border-bottom:1px solid var(--border);grid-template-columns:32px 1fr 1.4fr .8fr .8fr;align-items:center;gap:10px;min-width:600px;padding:8px 12px;display:grid}.import-preview-row:last-child{border-bottom:none}.import-preview-header{background:var(--surface-strong);color:#fff;z-index:1;font-weight:600;position:sticky;top:0}.import-actions{justify-content:flex-end;gap:10px;display:flex}.import-empty{color:var(--text-subtle);margin:0}.import-errors{border:1px solid var(--border);background:var(--surface-alt);border-radius:12px;max-height:320px;overflow:auto}.import-error-row{border-bottom:1px solid var(--border);grid-template-columns:120px 1fr;align-items:start;gap:12px;padding:10px 12px;font-size:14px;display:grid}.import-error-row:last-child{border-bottom:none}.import-error-row-header{background:var(--surface-strong);color:#fff;z-index:1;font-weight:600;position:sticky;top:0}.import-error-row-index{color:var(--text-subtle);font-weight:600}.import-error-row-reason{color:var(--text);white-space:normal;overflow-wrap:anywhere}.status-confirm{z-index:10000;background:var(--surface);border:1px solid var(--border);border-radius:12px;max-width:260px;padding:12px;position:fixed;box-shadow:0 12px 30px #0f172a2e}.idle-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10050;background:#080c1499;place-items:center;display:grid;position:fixed;inset:0}.idle-modal{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:16px;width:min(420px,92vw);padding:20px;box-shadow:0 18px 40px #00000059}.idle-title{color:var(--text);margin-bottom:14px;font-size:1rem;font-weight:700}.idle-countdown{color:var(--text-soft);margin-bottom:14px;font-size:.92rem;font-weight:600}.idle-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.idle-actions .primary-btn{color:#fff;background:#76b3d0}.idle-actions .primary-btn:hover{background:#689eb7}.idle-actions .primary-btn:focus-visible{box-shadow:0 0 0 3px #76b3d047}.status-confirm-title{color:var(--text);margin-bottom:10px;font-size:.95rem;line-height:1.4}.status-confirm-actions{justify-content:flex-end;gap:8px;display:flex}.status-confirm-actions .ghost,.status-confirm-actions .primary{border-radius:10px;padding:6px 10px;font-size:.85rem}.status-confirm-actions .primary{background:var(--surface-strong);color:#fff;border:none}.payment-modal{background:var(--surface);border:1px solid var(--border);border-radius:16px;width:min(600px,94vw);overflow:hidden;box-shadow:0 16px 36px #0f172a3d}.payment-modal-header{padding:20px 22px 10px}.payment-modal-header h3{margin:0;font-size:1.2rem}.payment-modal-body{gap:12px;padding:0 22px 14px;display:grid}.payment-modal-body .filter-field{gap:6px;display:grid}.payment-modal-body .filter-field label{color:var(--text-muted);font-size:.92rem;font-weight:600}.payment-modal-body .custom-select,.payment-modal-body .custom-select-trigger,.payment-modal-body .payment-modal-input{width:100%}.payment-modal-body .custom-select-trigger,.payment-modal-body .payment-modal-input{border:1px solid var(--border);background:var(--surface);min-height:46px;color:var(--text);border-radius:12px;padding:11px 13px;font-size:1rem}.payment-modal-body .payment-modal-input:focus{outline:2px solid color-mix(in srgb, var(--primary) 35%, transparent);outline-offset:1px}.payment-modal-body .payment-modal-date-picker{width:100%}.payment-modal-actions{border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface) 84%, var(--surface-alt) 16%);justify-content:flex-end;gap:10px;padding:14px 22px 18px;display:flex}.history-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:12px;display:grid}.stat-card{background:var(--surface);border:2px solid var(--border);opacity:0;border-radius:12px;padding:10px 12px;animation:.8s forwards statCardIn;transform:translateY(8px)}.stat-card:first-child{animation-delay:50ms}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.15s}.stat-label{color:var(--text-muted);margin-bottom:4px;font-size:12px}.stat-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.stat-number{color:var(--text);font-size:18px;font-weight:700}.stat-caption{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px}.stat-card.unpaid{border-color:#76b3d0}.stat-card.partial{border-color:#feba55}.stat-card.paid{border-color:#76b3d0}.status-select{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:10px;padding:5px 8px;font-weight:600}.status-select.unpaid{border-color:#ec7162}.status-select.partial{border-color:#feba55}.status-select.paid{border-color:#c7cc7d}.paid-amount{align-items:center;gap:6px;margin-top:6px;display:flex}.paid-amount input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:8px;padding:6px 8px;font-weight:600}.paid-amount-currency{color:var(--text-muted);font-size:12px}.paid-amount-display{color:var(--text-muted);margin-top:4px;font-size:12px;display:block}.invoice-payments-list{gap:6px;margin-bottom:8px;display:grid}.invoice-payments-row{border:1px solid var(--border);background:var(--surface-alt);border-radius:8px;grid-template-columns:1fr 1fr auto auto;align-items:center;gap:8px;padding:6px 8px;font-size:12px;display:grid}.invoice-payments-delete{border:1px solid var(--border);background:var(--surface);color:#d34b4b;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.invoice-payments-delete:disabled{opacity:.5;cursor:not-allowed}.details-payment-actions{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.history-stats-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.history-stats-title{color:var(--text);font-weight:700}.stats-toggle{border-radius:999px;padding:6px 12px}.history-charts{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin-bottom:16px;display:grid}.chart-card{background:var(--surface);border:1px solid var(--border);opacity:0;border-radius:14px;padding:12px;animation:.6s forwards chartCardIn;transform:translateY(10px);box-shadow:0 8px 16px #0f172a0f}.chart-card:nth-child(2){animation-delay:80ms}.chart-title{color:var(--text);margin-bottom:10px;font-weight:700}.chart-bars{gap:10px;display:grid}.chart-row{grid-template-columns:120px 1fr auto;align-items:center;gap:8px;display:grid}.chart-label{color:var(--text-muted);font-size:12px}.chart-bar-track{background:var(--input-bg-strong);border-radius:999px;height:10px;overflow:hidden}.chart-bar{transform-origin:0;border-radius:999px;height:100%;animation:.78s forwards chartBarGrow;transform:scaleX(0)}.chart-bar.unpaid{background:#ec7162}.chart-bar.partial{background:#feba55}.chart-bar.paid{background:#c7cc7d}.chart-bar.total{background:#60a5fa}.chart-bar.net{background:#a78bfa}.chart-bar.vat{background:#f59e0b}.chart-value{color:var(--text);text-align:right;flex-direction:column;gap:2px;font-size:12px;font-weight:600;display:flex}.donut{opacity:0;--donut-reveal:0deg;width:160px;height:160px;-webkit-mask:conic-gradient(#000 var(--donut-reveal), transparent 0);-webkit-mask:conic-gradient(#000 var(--donut-reveal), transparent 0);mask:conic-gradient(#000 var(--donut-reveal), transparent 0);border-radius:50%;margin:4px auto 12px;animation:.65s forwards donutIn,.9s forwards donutReveal;position:relative;transform:scale(.92)rotate(-35deg)}.donut:after{content:"";background:var(--surface);box-shadow:inset 0 0 0 1px var(--border);border-radius:50%;position:absolute;inset:18px}.donut-legend{color:var(--text-subtle);gap:6px;font-size:12px;display:grid}.legend-item{align-items:center;gap:8px;display:flex}.legend-item span{border-radius:999px;width:10px;height:10px;display:inline-block}.legend-item.unpaid span{background:#ec7162}.legend-item.partial span{background:#feba55}.legend-item.paid span{background:#c7cc7d}@keyframes statCardIn{to{opacity:1;transform:translateY(0)}}@keyframes chartCardIn{to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes chartBarGrow{to{transform:scaleX(1)}}@keyframes donutIn{to{opacity:1;transform:scale(1)rotate(0)}}@property --donut-reveal{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes donutReveal{to{--donut-reveal:360deg}}@media (prefers-reduced-motion:reduce){.stat-card,.chart-card,.chart-bar,.donut{opacity:1;animation:none;transform:none;-webkit-mask:none;mask:none}}.sent-history .cell{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.sent-history .payment-cell{gap:8px}.sent-history .payment-cell .status-select{width:100%;max-width:170px}.sent-history .payment-placeholder{width:100%;max-width:100%;min-height:40px;color:var(--text-muted);box-sizing:border-box;align-items:center;padding:6px 8px;display:inline-flex}.sent-history .payment-summary-badge{border:1px solid var(--border);border-radius:999px;align-items:center;min-height:34px;padding:4px 10px;font-size:.86rem;font-weight:600;display:inline-flex}.sent-history .payment-summary-badge.unpaid{color:#8f261d;background:#fdedeb;border-color:#ec7162}.sent-history .payment-summary-badge.partial{color:#8a4b08;background:#fff4e4;border-color:#feba55}.sent-history .payment-summary-badge.paid{color:#2f6d1f;background:#f7f8ed;border-color:#c7cc7d}.sent-history .payment-cell .paid-amount{max-width:260px;margin-top:0}.sent-history .amount-cell{text-align:right;align-items:flex-end}.sent-history .cell-label{color:var(--text-muted);font-size:12px;display:none}.sent-history .expander-cell{flex-direction:row;gap:6px}.sent-history .row-chevron{color:var(--text-muted);font-size:.9rem;line-height:1;transition:transform .2s;transform:rotate(-90deg)}.sent-history .row-chevron.open{transform:rotate(0)}.mobile-menu-btn,.sidebar-backdrop{display:none}.shell.layout-drawer .sidebar-backdrop{z-index:20;background:#00000059;display:block;position:fixed;inset:0}.mobile-search{background:var(--surface);border-radius:14px;padding:10px 12px;box-shadow:0 10px 24px #00000014}.mobile-search input{border:1px solid var(--border);background:var(--surface-alt);border-radius:12px;width:100%;padding:10px 12px}.impersonation-banner{border:1px solid color-mix(in oklab, var(--warning) 45%, var(--border));background:color-mix(in oklab, var(--warning) 14%, var(--surface));border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin:10px 0;padding:8px 12px;display:flex}.admin-page{gap:12px;display:grid}.admin-toolbar{align-items:center;gap:10px;display:flex}.admin-toolbar input{border:1px solid var(--border);background:var(--surface-muted);color:var(--text);border-radius:10px;flex:1;padding:8px 10px}.admin-grid{grid-template-columns:minmax(260px,320px) 1fr;gap:12px;display:grid}.admin-list,.admin-details{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:10px}.admin-list{gap:8px;max-height:70vh;display:grid;overflow:auto}.admin-list-item{border:1px solid var(--border-soft);background:var(--surface-muted);text-align:left;cursor:pointer;border-radius:10px;gap:4px;padding:8px 10px;display:grid}.admin-list-item.active{border-color:var(--primary);background:color-mix(in oklab, var(--primary) 18%, var(--surface-muted))}.admin-list-main{gap:2px;display:grid}.admin-list-main strong{align-items:center;gap:6px;display:inline-flex}.admin-list-main span{color:var(--text-soft);font-size:12px}.admin-badge{border:1px solid color-mix(in oklab, var(--primary) 45%, var(--border));background:color-mix(in oklab, var(--primary) 12%, var(--surface));color:var(--text);border-radius:999px;align-items:center;padding:4px 7px;font-size:10px;font-weight:700;line-height:1;display:inline-flex}.admin-list-meta{color:var(--text-soft);justify-content:space-between;font-size:12px;display:flex}.admin-details{gap:12px;display:grid}.admin-details-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.admin-details-header h3{margin:0}.admin-details-header p{color:var(--text-soft);margin:2px 0 0}.admin-details-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-danger{border-color:color-mix(in oklab, var(--danger) 45%, var(--border));color:var(--danger)}.admin-danger:hover{background:color-mix(in oklab, var(--danger) 12%, var(--surface))}.admin-edit-panel{border:1px solid var(--border-soft);background:var(--surface-muted);border-radius:12px;gap:10px;padding:10px;display:grid}.admin-edit-panel h4{margin:0}.admin-edit-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 10px;display:grid}.admin-edit-grid label{color:var(--text-soft);gap:4px;font-size:12px;display:grid}.admin-edit-grid input,.admin-edit-grid select,.admin-edit-grid .custom-select-trigger{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:10px;padding:8px 10px}.admin-edit-checkbox{align-items:center;gap:8px;padding-top:18px;display:inline-flex!important}.admin-edit-actions{justify-content:flex-end;gap:8px;display:flex}.admin-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;display:grid}.admin-detail-grid>div{gap:2px;display:grid}.admin-detail-grid span{color:var(--text-soft);font-size:12px}.admin-detail-grid strong{color:var(--text)}.admin-contact-list{gap:8px;display:grid}.admin-contact-title{font-weight:700}.admin-contact-item{border:1px solid var(--border-soft);background:var(--surface-muted);border-radius:10px;gap:2px;padding:8px;display:grid}.admin-contact-item span{color:var(--text-soft);font-size:12px}.admin-contact-empty{color:var(--text-soft);font-size:13px}.admin-email-log,.admin-email-log-list{gap:8px;display:grid}.admin-email-log-item{border:1px solid var(--border-soft);background:var(--surface-muted);border-radius:10px;gap:4px;padding:10px;display:grid}.admin-email-log-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.admin-email-log-meta{color:var(--text-soft);word-break:break-word;font-size:12px}@media (width<=1100px){.admin-grid{grid-template-columns:1fr}.admin-list{max-height:40vh}.admin-edit-grid,.admin-detail-grid{grid-template-columns:1fr}}.profile-drawer{background:var(--surface);border-radius:16px;flex-direction:column;gap:8px;padding:12px;display:flex;box-shadow:0 12px 28px #0000001a}.profile-drawer .ghost{text-align:left;justify-content:flex-start;align-items:center;gap:8px;width:100%;display:inline-flex}.profile-drawer-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.settings-page{grid-template-columns:minmax(180px,220px) 1fr;gap:18px;display:grid}.settings-section{flex-direction:column;gap:6px;display:flex}.settings-nav{background:var(--surface-muted);border:1px solid var(--border-soft);border-radius:14px;flex-direction:column;align-self:start;gap:8px;padding:12px;display:flex;position:sticky;top:16px}.settings-nav-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft);margin-bottom:4px;font-size:12px}.settings-nav-item{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;padding:8px 10px;font-weight:600}.settings-nav-item.active{border-color:var(--text);background:var(--surface);box-shadow:0 6px 14px #0f172a14}.settings-content{flex-direction:column;gap:16px;display:flex}.settings-title{color:var(--text);font-size:16px;font-weight:700}.settings-subtitle{color:var(--text-soft);font-size:13px}.settings-form{border:1px solid var(--border);background:var(--surface);border-radius:16px;gap:14px;max-width:100%;margin-top:8px;padding:16px;display:grid}.settings-current-email{background:var(--surface-muted);border:1px solid var(--border-soft);border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.settings-current-email-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft);font-size:11px}.settings-current-email-value{color:var(--text);word-break:break-all;font-size:14px;font-weight:600}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-width:0;display:grid}.company-setup-page{width:100%}.company-setup-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.company-setup-grid .settings-form{border-color:var(--border);background:linear-gradient(#fff 0%,#f8fbff 100%);box-shadow:0 10px 24px #0f172a14}[data-theme=dark] .company-setup-grid .settings-form{background:linear-gradient(#1c2436e6,#121a28f2);border-color:#66779959;box-shadow:0 16px 30px #080c1640}.settings-table{gap:10px;padding-bottom:6px;display:grid;overflow-x:auto}.invoice-number-rules-table{padding-bottom:0;overflow:visible}.settings-table-row{grid-template-columns:1.2fr 1.1fr .8fr .8fr 1.1fr 1.2fr;align-items:center;gap:10px;min-width:720px;display:grid}.settings-table-row>span{overflow-wrap:anywhere;line-height:1.35}.settings-table-cell{min-width:0}.settings-table-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.settings-table-row input{border:1px solid var(--border-soft);color:var(--text);background:var(--surface-muted);border-radius:10px;width:100%;padding:8px 10px;font-size:14px}.settings-table-actions{align-items:center;gap:8px;display:flex}.invoice-number-rules-create{border:1px solid color-mix(in oklab, var(--border) 84%, transparent);background:linear-gradient(180deg, color-mix(in oklab, var(--surface) 94%, #fff 6%), color-mix(in oklab, var(--surface-muted) 88%, var(--surface))), color-mix(in oklab, var(--surface-muted) 82%, var(--surface));border-radius:16px;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:16px;padding:12px;display:flex}.invoice-number-rules-create-field{flex:1;gap:6px;min-width:min(360px,100%);display:grid}.invoice-number-rules-create-field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:12px;font-weight:600}.invoice-number-rules-create-hint{color:var(--text-soft);margin:-2px 0 2px;font-size:12px}.invoice-number-rules-create-field .custom-select{width:100%}.invoice-number-rules-create-field .custom-select-trigger{border:1px solid var(--border-soft);background:var(--surface-muted);min-width:0;min-height:40px;color:var(--text);border-radius:12px;width:100%;padding:8px 12px}.invoice-number-rules-create-field .custom-select-trigger:focus-visible{outline:2px solid color-mix(in oklab, var(--primary) 40%, transparent);outline-offset:1px;border-color:color-mix(in oklab, var(--primary) 45%, var(--border))}.invoice-number-create-btn,.invoice-number-remove-btn{min-height:40px;padding:0 16px;font-size:13px;font-weight:600}.invoice-number-remove-wrap{display:inline-flex;position:relative}.invoice-number-remove-wrap .invoice-number-remove-btn{align-items:center;gap:6px;display:inline-flex}.invoice-number-remove-wrap.has-tooltip{cursor:help;outline:none}.invoice-number-remove-tooltip{z-index:40;color:#f8fafc;letter-spacing:.01em;opacity:0;pointer-events:none;background:linear-gradient(#111827 0%,#0f172a 100%);border:1px solid oklab(23.0644% -.00374161 -.0395025);border-radius:10px;width:max-content;max-width:320px;padding:8px 10px;font-size:12px;line-height:1.35;transition:opacity .14s,transform .14s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-4px);box-shadow:0 10px 24px #02061752}.invoice-number-remove-tooltip:before{content:"";background:#111827;border-top:1px solid oklab(23.0644% -.00374161 -.0395025);border-left:1px solid oklab(23.0644% -.00374161 -.0395025);width:10px;height:10px;position:absolute;top:-6px;right:14px;transform:rotate(45deg)}.invoice-number-remove-wrap.has-tooltip:hover .invoice-number-remove-tooltip,.invoice-number-remove-wrap.has-tooltip:focus-within .invoice-number-remove-tooltip,.invoice-number-remove-wrap.has-tooltip:focus-visible .invoice-number-remove-tooltip{opacity:1;transform:translateY(0)}.invoice-number-lock-badge{background:color-mix(in oklab, var(--surface-muted) 68%, #f8fafc);width:18px;height:18px;color:color-mix(in oklab, var(--text-soft) 80%, #475569);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.invoice-number-create-btn{border-radius:12px}.invoice-number-remove-btn:hover{border-color:color-mix(in oklab, var(--primary) 45%, var(--border))}.invoice-number-remove-btn.locked{border-style:dashed}.invoice-number-remove-btn.locked:disabled{opacity:.7;color:var(--text-soft);border-color:color-mix(in oklab, var(--border) 82%, transparent);background:color-mix(in oklab, var(--surface-muted) 85%, var(--surface))}.invoice-number-rules-header,.invoice-number-rules-row{grid-template-columns:1.2fr 1fr .8fr .8fr 1fr 1fr .8fr}.invoice-number-rules-row{border:1px solid color-mix(in oklab, var(--border-soft) 92%, transparent);background:color-mix(in oklab, var(--surface) 92%, var(--surface-muted));border-radius:12px;padding:10px 12px}.invoice-number-type-chip{border:1px solid color-mix(in oklab, var(--border-soft) 70%, transparent);background:color-mix(in oklab, var(--surface-muted) 84%, var(--surface));min-height:28px;color:var(--text-strong);border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.invoice-number-type-invoice{background:color-mix(in oklab, var(--surface-muted) 72%, #dbeafe);border-color:color-mix(in oklab, var(--border-soft) 55%, #93c5fd)}.invoice-number-type-credit{background:color-mix(in oklab, var(--surface-muted) 74%, #fef3c7);border-color:color-mix(in oklab, var(--border-soft) 55%, #fcd34d)}.invoice-number-type-advance{background:color-mix(in oklab, var(--surface-muted) 74%, #dcfce7);border-color:color-mix(in oklab, var(--border-soft) 55%, #86efac)}.no-spin::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.no-spin::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-spin{-moz-appearance:textfield}.settings-preview{color:var(--text-strong);font-weight:600}.invoice-number-preview-chip{border:1px solid color-mix(in oklab, var(--border) 82%, transparent);background:color-mix(in oklab, var(--surface-muted) 75%, var(--surface));letter-spacing:.02em;border-radius:8px;align-items:center;min-height:28px;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;display:inline-flex}.settings-field{color:var(--text-subtle);flex-direction:column;gap:6px;min-width:0;font-size:12px;display:flex}.settings-field-label{align-items:center;gap:6px;min-width:0;display:inline-flex}.settings-help-wrap{align-items:center;display:inline-flex;position:relative}.settings-help-icon{width:18px;height:18px;color:var(--text-muted);cursor:help;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0;display:inline-flex}.settings-help-icon:hover,.settings-help-icon:focus-visible{color:var(--text);outline:none}.settings-help-tooltip{background:color-mix(in srgb, var(--surface) 96%, #0f172a);border:1px solid var(--border-soft);width:min(260px,70vw);color:var(--text);opacity:0;pointer-events:none;visibility:hidden;z-index:20;border-radius:12px;padding:10px 12px;font-size:12px;line-height:1.45;transition:opacity .18s,transform .18s,visibility .18s;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 10px 30px #0f172a29}.settings-help-tooltip:after{content:"";background:inherit;border-right:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);width:10px;height:10px;position:absolute;top:100%;left:50%;transform:translate(-50%)rotate(45deg)}.settings-help-wrap:hover .settings-help-tooltip,.settings-help-wrap:focus-within .settings-help-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}.settings-field-full{grid-column:1/-1}.settings-field input:not([type=checkbox]),.settings-field input[type=text],.settings-field input[type=email],.settings-field input[type=password],.settings-field input[type=number],.settings-field select,.settings-field .custom-select-trigger{border:1px solid var(--border-soft);color:var(--text);background:var(--surface-muted);border-radius:10px;width:100%;min-width:0;padding:8px 10px;font-size:14px}.settings-field input:disabled,.settings-field select:disabled,.settings-field .custom-select-trigger:disabled{background:var(--surface-disabled);color:var(--text-disabled);cursor:not-allowed}.settings-field.checkbox input:disabled{cursor:not-allowed}.settings-field.checkbox{border:1px solid var(--border-soft);background:var(--surface-muted);border-radius:10px;flex-direction:row;justify-content:space-between;align-items:center;padding:8px 10px}.settings-field.checkbox.disabled{background:var(--surface-disabled);color:var(--text-disabled);opacity:.75}.settings-field.checkbox.disabled input{cursor:not-allowed}.settings-rate-input-wrap{position:relative}.settings-rate-input-wrap input{padding-right:28px}.settings-rate-input-suffix{color:var(--text-soft);pointer-events:none;font-size:13px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.settings-switch-field{border:1px solid var(--border-soft);background:var(--surface-muted);border-radius:10px;flex-direction:row;justify-content:space-between;align-items:center;padding:8px 10px}.settings-switch-field.disabled{background:var(--surface-disabled);color:var(--text-disabled);opacity:.75}.settings-switch-field.disabled .product-switch-slider{cursor:not-allowed}.vat-rates-editor .settings-switch-field{background:var(--surface);border-color:color-mix(in srgb, var(--border-soft) 88%, var(--surface-strong));min-height:46px}.settings-switch-control{align-items:center;gap:10px;display:inline-flex}.settings-switch-state{font-size:12px;font-weight:600;line-height:1}.settings-switch-state.is-on{color:#159947}.settings-switch-state.is-off{color:var(--text-soft)}.vat-rates-default-switch{background:var(--surface)}.vat-rates-default-switch .settings-switch-control{margin-left:12px}.settings-actions{flex-wrap:wrap;gap:10px;display:flex}.invoice-logo-settings-card{border:1px solid var(--border-soft);background:linear-gradient(180deg, color-mix(in oklab, var(--surface) 95%, #fff 5%), color-mix(in oklab, var(--surface-muted) 90%, var(--surface)));border-radius:16px;grid-template-columns:116px minmax(0,1fr);align-items:stretch;gap:14px;padding:14px;display:grid}.invoice-logo-settings-preview{border:1px dashed color-mix(in oklab, var(--border-soft) 86%, transparent);background:radial-gradient(circle at top right, color-mix(in oklab, var(--primary) 14%, transparent), transparent 58%), color-mix(in oklab, var(--surface-muted) 82%, var(--surface));border-radius:14px;justify-content:center;align-items:center;min-height:96px;padding:10px;display:flex;overflow:hidden}.invoice-logo-settings-preview img{object-fit:contain;max-width:100%;max-height:72px;display:block}.invoice-logo-settings-empty{text-align:center;color:var(--text-soft);font-size:12px;line-height:1.4}.invoice-logo-settings-meta{align-content:center;gap:8px;min-width:0;display:grid}.invoice-logo-settings-name{color:var(--text-strong);overflow-wrap:anywhere;font-size:13px;font-weight:600}.invoice-logo-settings-actions{flex-wrap:wrap;gap:8px;display:flex}.invoice-logo-settings-input{display:none}.invoice-theme-preview-grid{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.invoice-theme-preview-card{border:1px solid var(--border-soft);background:linear-gradient(180deg, color-mix(in oklab, var(--surface) 96%, #fff 4%), color-mix(in oklab, var(--surface-muted) 88%, var(--surface)));text-align:left;cursor:pointer;border-radius:18px;gap:10px;padding:12px;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;position:relative}.invoice-theme-preview-card:hover:not(:disabled){border-color:color-mix(in oklab, var(--primary) 48%, var(--border-soft));transform:translateY(-1px);box-shadow:0 16px 28px #0f172a14}.invoice-theme-preview-card.active{border-color:color-mix(in oklab, var(--primary) 84%, var(--border-soft));background:linear-gradient(180deg, color-mix(in oklab, var(--primary) 8%, var(--surface)), color-mix(in oklab, var(--primary) 4%, var(--surface-muted)));box-shadow:0 0 0 4px color-mix(in oklab, var(--primary) 18%, transparent), 0 20px 34px #0f172a1f}.invoice-theme-preview-card:disabled{cursor:default;opacity:.72}.invoice-theme-preview-sheet{border:1px solid color-mix(in oklab, var(--border-soft) 85%, transparent);border-radius:14px;align-content:start;gap:10px;min-height:170px;padding:12px;display:grid;position:relative;overflow:hidden}.invoice-theme-preview-card.active .invoice-theme-preview-sheet{border-color:color-mix(in oklab, var(--primary) 52%, var(--border-soft))}.invoice-theme-preview-badge{z-index:2;background:var(--primary);color:#fff;letter-spacing:.01em;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:700;position:absolute;top:10px;right:10px;box-shadow:0 10px 20px #0f172a2e}.invoice-theme-preview-card.tone-light .invoice-theme-preview-sheet{background:#f8fbff}.invoice-theme-preview-card.tone-dark .invoice-theme-preview-sheet{background:#1a2233}.invoice-theme-preview-card.tone-printer .invoice-theme-preview-sheet{background:#fff}.invoice-theme-preview-topbar{z-index:1;justify-content:space-between;align-items:flex-start;gap:10px;display:flex;position:relative}.invoice-theme-preview-title-block{gap:6px;width:58%;display:grid}.invoice-theme-preview-title-line,.invoice-theme-preview-subtitle-line,.invoice-theme-preview-panel-title,.invoice-theme-preview-panel-line,.invoice-theme-preview-table-header span,.invoice-theme-preview-table-row span,.invoice-theme-preview-summary{border-radius:999px;display:block}.invoice-theme-preview-title-line{width:100%;height:9px}.invoice-theme-preview-subtitle-line{width:55%;height:5px}.invoice-theme-preview-logo{letter-spacing:.05em;font-size:13px;font-weight:800}.invoice-theme-preview-wave{z-index:1;border-radius:999px;height:18px;position:relative}.invoice-theme-preview-panels{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid;position:relative}.invoice-theme-preview-panel{border-radius:12px;gap:6px;padding:8px;display:grid}.invoice-theme-preview-panel-title{width:48%;height:6px}.invoice-theme-preview-panel-line{width:100%;height:4px}.invoice-theme-preview-panel-line.short{width:68%}.invoice-theme-preview-table{z-index:1;gap:6px;display:grid;position:relative}.invoice-theme-preview-table-header,.invoice-theme-preview-table-row{grid-template-columns:1.6fr .55fr .7fr;gap:6px;display:grid}.invoice-theme-preview-table-header span{height:8px}.invoice-theme-preview-table-row span{height:6px}.invoice-theme-preview-summary{z-index:1;border-radius:10px;width:40%;height:28px;margin-left:auto;position:relative}.invoice-theme-preview-caption{gap:3px;display:grid}.invoice-theme-preview-caption strong{color:var(--text-strong);font-size:13px}.invoice-theme-preview-card.tone-light .invoice-theme-preview-title-line,.invoice-theme-preview-card.tone-light .invoice-theme-preview-subtitle-line,.invoice-theme-preview-card.tone-light .invoice-theme-preview-logo{color:#0f172a;background:#0f172a}.invoice-theme-preview-card.tone-light .invoice-theme-preview-wave{background:linear-gradient(90deg,#75d3de8c,#76b3d080)}.invoice-theme-preview-card.tone-light .invoice-theme-preview-panel{background:#fffffff0;border:1px solid #94a3b847}.invoice-theme-preview-card.tone-light .invoice-theme-preview-panel-title,.invoice-theme-preview-card.tone-light .invoice-theme-preview-panel-line,.invoice-theme-preview-card.tone-light .invoice-theme-preview-table-row span{background:#0f172a40}.invoice-theme-preview-card.tone-light .invoice-theme-preview-table-header span{background:#76b3d0}.invoice-theme-preview-card.tone-light .invoice-theme-preview-summary{background:#76b3d029;border:1px solid #76b3d042}.invoice-theme-preview-card.tone-dark .invoice-theme-preview-title-line,.invoice-theme-preview-card.tone-dark .invoice-theme-preview-subtitle-line,.invoice-theme-preview-card.tone-dark .invoice-theme-preview-logo{color:#f8fafc;background:#f8fafc}.invoice-theme-preview-card.tone-dark .invoice-theme-preview-wave{background:linear-gradient(90deg,#4299e15c,#76b3d052)}.invoice-theme-preview-card.tone-dark .invoice-theme-preview-panel{background:#243047f5;border:1px solid #60739152}.invoice-theme-preview-card.tone-dark .invoice-theme-preview-panel-title,.invoice-theme-preview-card.tone-dark .invoice-theme-preview-panel-line,.invoice-theme-preview-card.tone-dark .invoice-theme-preview-table-row span{background:#f8fafc42}.invoice-theme-preview-card.tone-dark .invoice-theme-preview-table-header span{background:#31405a}.invoice-theme-preview-card.tone-dark .invoice-theme-preview-summary{background:#f3f7fb1a;border:1px solid #6073914d}.invoice-theme-preview-card.tone-printer .invoice-theme-preview-title-line,.invoice-theme-preview-card.tone-printer .invoice-theme-preview-subtitle-line,.invoice-theme-preview-card.tone-printer .invoice-theme-preview-logo{color:#111827;background:#111827}.invoice-theme-preview-card.tone-printer .invoice-theme-preview-wave{background:linear-gradient(90deg,#d1d5dbe6,#f3f4f6f2)}.invoice-theme-preview-card.tone-printer .invoice-theme-preview-panel{background:#fff;border:1px solid #d1d5db}.invoice-theme-preview-card.tone-printer .invoice-theme-preview-panel-title,.invoice-theme-preview-card.tone-printer .invoice-theme-preview-panel-line,.invoice-theme-preview-card.tone-printer .invoice-theme-preview-table-row span{background:#11182738}.invoice-theme-preview-card.tone-printer .invoice-theme-preview-table-row{border-bottom:1px dashed #9ca3af;padding-bottom:4px}.invoice-theme-preview-card.tone-printer .invoice-theme-preview-table-header span{background:#d1d5db}.invoice-theme-preview-card.tone-printer .invoice-theme-preview-summary{background:#f9fafb;border:1px solid #d1d5db}.vat-selection-hint{margin-top:6px;display:inline-block}.settings-message{border-radius:10px;margin-top:12px;padding:12px 16px;font-size:14px}.settings-message.success{color:#86efac;background:#86efac1a;border:1px solid #86efac4d}.settings-message.error{color:#fca5a5;background:#fca5a51a;border:1px solid #fca5a54d}.settings-info{background:var(--surface-muted);border:1px solid var(--border-soft);color:var(--text-subtle);border-radius:10px;margin-top:8px;padding:12px 16px;font-size:13px;line-height:1.6}.settings-info code{background:var(--surface);color:var(--primary);border-radius:4px;padding:2px 6px;font-family:Courier New,monospace;font-size:12px}.vat-catalog-info{margin-bottom:2px}.vat-catalog-selected{border-left:3px solid var(--primary)}.vat-rates-form{gap:14px}.vat-rates-panel{border:1px solid var(--border-soft);background:var(--surface);border-radius:14px;flex-direction:column;gap:12px;padding:14px;display:flex}.vat-rates-editor{border-color:color-mix(in srgb, var(--border-soft) 82%, var(--surface-strong));background:var(--surface);box-shadow:inset 0 1px #ffffffb3}.vat-rates-panel-title{color:var(--text);font-size:14px;font-weight:700}.vat-rates-panel-subtitle{color:var(--text-subtle);font-size:12px}.vat-rates-editor-grid{border:1px solid var(--border-soft);background:var(--surface-muted);border-radius:12px;gap:12px;padding:12px}.vat-rates-editor-grid .settings-field>span{color:var(--text-soft);letter-spacing:.02em;font-size:12px}.vat-rates-editor-grid .settings-field input,.vat-rates-editor-grid .settings-field .settings-rate-input-wrap input{background:var(--surface);border-color:color-mix(in srgb, var(--border-soft) 88%, var(--surface-strong));min-height:40px}.vat-rate-code-input{color:var(--text-soft);letter-spacing:.01em;font-size:13px;font-weight:600}.vat-rates-editable-note{color:var(--text-soft);font-size:11px;font-weight:600}.vat-rates-actions{border-top:1px solid var(--border-soft);justify-content:flex-end;margin-top:4px;padding-top:12px}.vat-rates-actions .primary-btn,.vat-rates-actions .ghost{border-radius:12px;min-height:40px}.vat-rates-actions .ghost{background:var(--surface-muted)}.settings-info ul{margin:0;padding:0;list-style-type:disc}.settings-info li{margin-bottom:4px}.settings-help{color:var(--text-soft);font-size:12px}.company-contacts{border:1px solid var(--border-soft);background:var(--surface-muted);border-radius:14px;gap:10px;padding:12px;display:grid}.company-contacts-header{align-items:flex-start;gap:10px;display:flex}.company-contacts-title{color:var(--text);font-weight:700}.company-contacts-subtitle{color:var(--text-soft);margin-top:2px;font-size:12px}.company-contacts-add-cta{border:1px solid color-mix(in srgb, var(--accent) 55%, var(--border));background:color-mix(in srgb, var(--surface) 85%, var(--surface-hover));width:auto;max-width:100%;min-height:32px;color:color-mix(in srgb, var(--text) 86%, var(--accent));white-space:nowrap;border-radius:10px;justify-content:flex-start;place-self:flex-start start;align-items:center;gap:6px;padding:6px 10px;font-weight:600;display:inline-flex;box-shadow:0 1px #0f172a0f}.company-contacts-add-cta:hover{border-color:color-mix(in srgb, var(--accent) 72%, var(--border));background:color-mix(in srgb, var(--surface-hover) 88%, var(--surface));box-shadow:0 2px 8px #0f172a1a}.company-contacts-add-cta:focus-visible{outline:none;box-shadow:0 0 0 3px #00c85324}.company-contacts-empty{color:var(--text-soft);border:1px dashed var(--border);background:var(--surface);border-radius:10px;padding:10px;font-size:13px}.company-contacts-list{gap:10px;display:grid}.company-contact-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;gap:10px;padding:10px;display:grid}.company-contact-card-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.settings-placeholder{background:var(--surface-muted);border:1px dashed var(--border-dashed);border-radius:12px;flex-direction:column;gap:8px;padding:12px;display:flex}.settings-placeholder-title{color:var(--text);font-weight:600}.settings-placeholder-text{color:var(--text-soft);font-size:13px}.settings-email-log{flex-direction:column;gap:10px;margin-top:16px;display:flex}.settings-email-log-empty{color:var(--text-soft);border:1px dashed var(--border-dashed);background:var(--surface-muted);border-radius:12px;padding:12px;font-size:13px}.settings-email-log-list{flex-direction:column;gap:10px;display:flex}.settings-email-log-item{border:1px solid var(--border);background:var(--surface-muted);border-radius:12px;flex-direction:column;gap:6px;padding:12px;display:flex}.settings-email-log-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.settings-email-log-meta{color:var(--text-soft);word-break:break-word;font-size:13px}.settings-email-log-status{text-transform:uppercase;font-size:12px;font-weight:700}.settings-email-log-status.status-sent{color:#15803d}.settings-email-log-status.status-failed{color:#b91c1c}.settings-email-log-status.status-skipped{color:#9a6700}.settings-email-log-error{color:#b91c1c;font-size:13px}.settings-loading{color:var(--text-soft);font-size:14px}.settings-mobile-menu{flex-direction:column;gap:10px;display:flex}.settings-mobile-back{align-self:flex-start;margin-bottom:8px}.dashboard{flex-direction:column;gap:18px;min-width:0;display:flex}.dashboard-showcase{grid-template-columns:1.4fr 1fr;gap:12px;display:grid}.dashboard-mock-card{background:color-mix(in oklab, var(--surface) 92%, white);border:1px solid var(--border);border-radius:16px;padding:18px;box-shadow:0 14px 36px #0f172a12}.dashboard-revenue-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.dashboard-revenue-eyebrow{letter-spacing:.12em;color:var(--text-muted);font-size:12px;font-weight:700}.dashboard-revenue-share{color:var(--text);align-items:center;gap:8px;font-size:44px;font-weight:700;line-height:1;display:flex}.dashboard-revenue-share svg{width:18px;height:18px;color:var(--text-soft)}.dashboard-revenue-legend{color:var(--text-soft);justify-content:flex-end;gap:16px;margin:0 0 10px;font-size:12px;display:flex}.dashboard-revenue-legend span{align-items:center;gap:6px;display:inline-flex}.dashboard-mock-line-chart{background:color-mix(in oklab, var(--surface) 94%, white);border:1px solid var(--border-soft);border-radius:14px;height:232px;position:relative;overflow:hidden}.dashboard-mock-grid{background-image:linear-gradient(to bottom, color-mix(in oklab, var(--border) 58%, transparent) 1px, transparent 1px), linear-gradient(to right, color-mix(in oklab, var(--border) 35%, transparent) 1px, transparent 1px);background-size:100% 16.66%,7.14% 100%;position:absolute;inset:0}.dashboard-mock-line-chart canvas{z-index:1;box-sizing:border-box;width:100%;height:100%;padding:6px 8px 10px;position:relative}.dot{border-radius:999px;width:8px;height:8px;display:inline-block}.dot.revenue{background:#4e6df4}.dot.trips{background:#8e63e6}.dashboard-overview-content{grid-template-columns:1.15fr 1fr;align-items:center;gap:14px;margin-top:8px;display:grid}.dashboard-overview-gauge-wrap{padding-top:6px}.dashboard-overview-gauge{width:min(100%,280px);height:155px;margin:0 auto;position:relative}.dashboard-overview-svg{width:100%;height:100%}.overview-track{fill:none;stroke:color-mix(in oklab, var(--border) 72%, #edf1ff);stroke-width:17px;stroke-linecap:round}.overview-arc{fill:none;stroke-width:17px;stroke-linecap:round}.dashboard-overview-gauge-inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex;position:absolute;top:62%;left:50%;transform:translate(-50%,-50%)}.dashboard-overview-gauge-inner span{color:var(--text-muted);font-size:12px}.dashboard-overview-gauge-inner strong{color:var(--text);font-size:40px;line-height:1}.dashboard-overview-gauge-inner small{color:#22a05a;font-size:12px;font-weight:600}.dashboard-overview-breakdown{gap:12px;display:grid}.overview-row{align-items:center;gap:10px;display:flex}.overview-color{border-radius:999px;align-self:stretch;width:5px}.overview-color.paid{background:#6f7dff}.overview-color.unpaid{background:#9f74ff}.overview-color.partial{background:#f2b266}.overview-meta{gap:2px;display:grid}.overview-meta small{color:var(--text-soft);font-size:12px}.overview-meta strong{color:var(--text);font-size:30px;line-height:1.05}.dashboard-mock-overview h3{margin:2px 0 0;font-size:18px}.dashboard-controls{border:1px solid var(--border);background:var(--surface);border-radius:14px;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:12px;min-width:0;padding:12px;display:grid}.dashboard-controls .control-field{flex-direction:column;grid-column:span 4;gap:6px;min-width:0;display:flex}.dashboard-controls .control-field-period{grid-column:span 3}.dashboard-controls .control-field-range{grid-column:span 5}.dashboard-controls .control-field-client{grid-column:span 4}.dashboard-controls label{color:var(--text-muted);letter-spacing:.02em;font-size:12px}.dashboard-controls input,.dashboard-controls select,.dashboard-controls .custom-select-trigger{border:1px solid var(--border);background:var(--surface-alt);color:var(--text);border-radius:10px;padding:8px 10px}.dashboard-controls .control-inline{flex-wrap:nowrap;align-items:center;gap:8px;min-width:0;display:flex}.dashboard-controls .control-inline>*{min-width:0}.dashboard-controls .control-inline .custom-select{flex:auto}.dashboard-controls .control-inline-field{flex-direction:column;flex:1 1 0;gap:0;min-width:0;display:flex;position:relative}.dashboard-controls .control-sub-label{color:var(--text-muted);letter-spacing:.02em;font-size:11px;line-height:1;position:absolute;top:-16px;left:0}.dashboard-controls .control-inline-field-year{padding-top:0}.dashboard-controls .control-inline input{flex:auto;max-width:none}.dashboard-controls .year-input{width:108px;min-width:96px;flex:0 0 108px!important}.dashboard-controls .date-input{flex:140px;min-width:0}.dashboard-controls .date-separator{color:var(--text-muted);font-weight:600}.dashboard-selected-client{text-align:right;flex-direction:column;grid-column:1/-1;justify-content:center;justify-self:end;min-width:0;min-height:34px;margin-left:0;display:flex}.dashboard-selected-client.is-empty{display:none}.dashboard-kpis{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.dashboard-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:8px;padding:14px;display:flex;box-shadow:0 12px 30px #0f172a0f}.dashboard-card.primary{background:#76b3d0;border:none}.dashboard-card.warning{border-color:color-mix(in srgb, #ec7162 58%, var(--border));background:color-mix(in srgb, #ec7162 16%, var(--surface))}.dashboard-card .card-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:12px}.dashboard-card.primary .card-label{color:#ffffffbf}.dashboard-card .card-value{color:var(--text);font-size:24px;font-weight:700}.dashboard-card.primary .card-value{color:#fff}.dashboard-card .card-subtle{color:var(--text-subtle);font-size:12px}.dashboard-card.primary .card-subtle{color:#ffffffb3}.dashboard-charts{grid-template-columns:2fr 1fr;gap:12px;min-width:0;display:grid}.dashboard-panel{background:var(--surface);border:1px solid var(--border);border-radius:16px;min-width:0;padding:16px}.dashboard-panel h3{margin:0;font-size:18px}.panel-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.chart-wrap{min-width:0;height:380px}.chart-wrap.compact{height:320px}.dashboard-status-legend{flex-direction:column;gap:8px;margin-top:10px;display:flex}.dashboard-status-legend-item{border:1px solid var(--border);background:var(--surface-alt);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.dashboard-status-legend-label{color:var(--text);align-items:center;gap:8px;min-width:0;font-size:13px;display:inline-flex}.dashboard-status-legend-dot{border-radius:999px;flex:none;width:10px;height:10px}.dashboard-status-legend-value{color:var(--text);white-space:nowrap;font-size:13px;font-weight:700}.top-clients{flex-direction:column;gap:10px;display:flex}.top-client-row{border:1px solid var(--border);background:var(--surface-alt);border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.client-name{color:var(--text);font-weight:600}.client-email{color:var(--text-muted);font-size:12px}.client-metrics{text-align:right}.client-total{color:var(--text);font-weight:600}.client-count{color:var(--text-muted);font-size:12px}.error-state{color:#ef4444;background:#ef44441a;border:1px solid #ef444459;border-radius:12px;padding:12px;font-size:13px}@media (width<=1024px){.shell,.dashboard-showcase,.dashboard-charts{grid-template-columns:1fr}.dashboard-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-controls .control-field-period,.dashboard-controls .control-field-range,.dashboard-controls .control-field-client{grid-column:span 1}.dashboard-selected-client{text-align:left;grid-column:1/-1;justify-self:start}.dashboard-controls .control-inline{flex-wrap:wrap}.chart-wrap{height:320px}.chart-wrap.compact{height:300px}}@media (width<=1380px){.sent-history .table-header{display:none}.sent-history .table-row{grid-template-columns:1fr;gap:10px;padding:14px 12px}.sent-history .summary-row{cursor:default}.sent-history .row-chevron{display:none}.sent-history .details-content{flex-direction:column;align-items:flex-start}.sent-history .details-grid{grid-template-columns:1fr;width:100%}.sent-history .details-side{flex:auto;width:100%}.sent-history .details-payment{width:100%;min-width:0}.sent-history .details-payment .status-select{width:100%;max-width:none}.sent-history .cell-label{display:block}.history-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.history-actions .history-action-pill--send{flex:auto}.sent-history .amount-cell{text-align:left;align-items:flex-start}}@container sent-history-layout (width<=1160px){.sent-history .table-header{display:none}.sent-history .table-row{grid-template-columns:1fr;gap:10px;padding:14px 12px}.sent-history .summary-row{cursor:default}.sent-history .row-chevron{display:none}.sent-history .details-content{flex-direction:column;align-items:flex-start}.sent-history .details-grid{grid-template-columns:1fr;width:100%}.sent-history .details-side{flex:auto;width:100%}.sent-history .details-payment{width:100%;min-width:0}.sent-history .details-payment .status-select{width:100%;max-width:none}.sent-history .cell-label{display:block}.history-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.history-actions .history-action-pill--send{flex:auto}.sent-history .amount-cell{text-align:left;align-items:flex-start}}@media (width<=768px){.shell{flex-direction:column;gap:12px;padding:0;display:flex}.settings-nav{-webkit-overflow-scrolling:touch;background:0 0;border:none;border-radius:0;flex-direction:row;gap:6px;padding:0 2px 8px;overflow-x:auto}.settings-nav-title{display:none}.settings-nav-item{border:1px solid var(--border);background:var(--surface);box-shadow:none;white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:12px}.settings-nav-item.active{background:var(--surface-strong);color:#fff;border-color:var(--surface-strong);box-shadow:none}.settings-mobile-menu .settings-nav-item{text-align:left;border-radius:12px;width:100%;padding:10px 12px;font-size:14px}.dashboard-selected-client{text-align:left;margin-left:0}.dashboard-controls{grid-template-columns:1fr}.dashboard-controls .control-field-period,.dashboard-controls .control-field-range,.dashboard-controls .control-field-client{grid-column:span 1}.dashboard-overview-content{grid-template-columns:1fr}.dashboard-revenue-share{font-size:34px}.dashboard-overview-gauge{max-width:240px}.chart-wrap{height:300px}.chart-wrap.compact{height:280px}.overview-meta strong{font-size:22px}.sidebar{background:var(--surface);z-index:30;width:78%;max-width:320px;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-105%);box-shadow:0 10px 30px #0000001f}.sidebar.open{transform:translate(0)}.sidebar nav{padding-bottom:40px}.sidebar nav a{width:100%}.primary-btn{text-align:center;width:100%}.brand{width:100%;margin-bottom:12px}.sidebar-backdrop{z-index:20;background:#00000059;display:block;position:fixed;inset:0}.content{width:100%;padding:0 8px 12px}.lang-switch{justify-content:flex-start;margin:0 8px 12px}.topbar{flex-direction:column;align-items:stretch;gap:10px}.mobile-menu-btn{border:1px solid var(--border);background:var(--surface);border-radius:12px;place-items:center;padding:8px 10px;display:inline-grid}.top-actions,.search{display:none}.mobile-header{display:flex}.ghost{flex:auto}.card{padding:12px}.sent-history .table-header{display:none}.sent-history .table-row{grid-template-columns:1fr;gap:10px;padding:14px 12px}.sent-history .summary-row{cursor:default}.sent-history .row-chevron{display:none}.sent-history .details-content{flex-direction:column;align-items:flex-start}.sent-history .details-grid{grid-template-columns:1fr;width:100%}.sent-history .details-side{flex:auto;width:100%}.sent-history .details-payment{width:100%;min-width:0}.sent-history .details-payment .status-select{width:100%}.sent-history .cell-label{display:block}.history-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.history-actions .history-action-pill--send{flex:auto}.impersonation-banner{flex-direction:column;align-items:flex-start}.admin-grid{grid-template-columns:1fr}.admin-details-header,.admin-details-actions{flex-direction:column;align-items:flex-start}.admin-detail-grid{grid-template-columns:1fr}.export-modal{width:min(560px,92vw);padding:14px}.export-controls{flex-direction:column;align-items:flex-start}.export-switch{width:100%}.export-search{justify-content:flex-start;width:100%}.export-search input{width:100%}.export-actions{flex-direction:column;align-items:stretch}.import-preview-controls{flex-direction:column;align-items:flex-start}.import-actions{flex-direction:column;align-items:stretch}.import-actions .pill,.import-actions .ghost{width:100%}.import-modal{width:min(560px,92vw);padding:14px}.export-actions .export-format{justify-content:space-between;width:100%}.export-actions .pill,.export-actions .ghost{width:100%}.history-charts{grid-template-columns:1fr}.chart-row{grid-template-columns:1fr;gap:6px}.chart-value{justify-self:start}.settings-grid{grid-template-columns:1fr}.company-contacts-header,.company-contact-card-header{flex-direction:column;align-items:flex-start}.vat-rates-shell,.settings-page{grid-template-columns:1fr}.settings-nav{position:static}.company-setup-grid{grid-template-columns:1fr}}@media (width<=720px){.invoice-number-rules-create{align-items:stretch}.invoice-number-rules-create-hint{margin-top:0}.invoice-number-rules-create-field .custom-select,.invoice-number-rules-create-field .custom-select-trigger,.invoice-number-create-btn{width:100%}.settings-table-row{min-width:640px}.company-setup-grid .settings-form{padding:14px}.settings-table{overflow:visible}.settings-table-row{border:1px solid var(--border-soft);background:var(--surface-muted);border-radius:12px;grid-template-columns:1fr;gap:8px;min-width:0;padding:10px 12px}.settings-table-header{display:none}.settings-table-cell{grid-template-columns:minmax(120px,40%) 1fr;align-items:center;gap:8px;display:grid}.settings-table-cell:before{content:attr(data-label);text-transform:uppercase;letter-spacing:.05em;color:var(--text-soft);font-size:11px}.settings-table-cell input{width:100%}}.page-container{width:100%;min-width:0;max-width:1400px;margin:0 auto;padding:20px}.page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-header h1{color:var(--text);margin:0;font-size:32px;font-weight:700}.search-bar{gap:12px;width:100%;max-width:760px;margin-bottom:24px;display:flex}.search-input-wrap{flex:1;position:relative}.search-input-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-bar input{border:1px solid var(--border);background:var(--surface);width:50%;color:var(--text);border-radius:8px;padding:10px 14px;font-size:15px}.search-input-wrap input{padding-left:40px}.search-btn-icon{justify-content:center;align-items:center;width:42px;height:42px;padding:0;display:inline-flex}.search-bar input:focus{border-color:var(--surface-strong);outline:none;box-shadow:0 0 0 3px #6366f11a}.loading-state,.empty-state{text-align:center;color:var(--text-soft);padding:60px 20px}.empty-state{background:var(--surface);border:2px dashed var(--border);border-radius:12px}.empty-state p{margin-bottom:20px;font-size:16px}.products-stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin:14px 0 16px;display:grid}.products-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.products-stat-label{color:var(--text-soft);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.products-stat-value{color:var(--text);margin-top:6px;font-size:20px;font-weight:700}.clients-table{background:var(--surface);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.clients-table table{border-collapse:collapse;width:100%}.clients-table thead{background:var(--surface-muted);border-bottom:1px solid var(--border)}.clients-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-soft);padding:14px 16px;font-size:13px;font-weight:600}.products-sort-button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;display:inline-flex}.products-sort-icon{opacity:.4;font-size:10px;line-height:1}.products-sort-icon.active{opacity:.9}.clients-table td{border-bottom:1px solid var(--border);color:var(--text);padding:14px 16px}.clients-table tbody tr:last-child td{border-bottom:none}.clients-table tbody tr:hover{background:var(--surface-hover)}.clients-form-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:20px;box-shadow:0 1px 3px #0000001a}.clients-form-panel-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.clients-form-panel-header h2{color:var(--text);margin:0;font-size:24px;font-weight:700}.create-client-page{flex-direction:column;gap:18px;display:flex}.create-client-hero{border:1px solid var(--border);background:linear-gradient(135deg, var(--surface) 0%, var(--surface-alt) 100%);border-radius:14px;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px;display:flex}.create-client-hero h3{color:var(--text);margin:4px 0 6px;font-size:28px;line-height:1.1}.create-client-hero p{color:var(--text-soft);max-width:680px;margin:0}.create-client-hero-actions{flex-wrap:wrap;gap:10px;display:flex}.create-client-form{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;box-shadow:0 10px 24px #0f172a14}.create-client-form .form-section{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--surface-alt) 70%, var(--surface));border-radius:12px;margin-bottom:18px;padding:16px}.actions-cell{white-space:nowrap;text-align:right;vertical-align:middle}.btn-icon{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:32px;height:32px;color:var(--text-muted);border-radius:9px;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.actions-cell .btn-icon+.btn-icon{margin-left:8px}.btn-icon:hover{background:var(--surface-muted);color:var(--text);border-color:color-mix(in srgb, var(--primary) 25%, var(--border))}.btn-icon.danger{color:#fff;background:#b91c1c;border-color:#b91c1c}.btn-icon.danger:hover{color:#fff;background:#dc2626;border-color:#dc2626}[data-theme=dark] .btn-icon{background:color-mix(in srgb, var(--surface) 86%, #0a1324);border-color:color-mix(in srgb, var(--border-soft) 86%, #8aa4c7);color:color-mix(in srgb, var(--text-muted) 88%, #d7e5f8)}[data-theme=dark] .btn-icon:hover{background:color-mix(in srgb, var(--surface-hover) 82%, #0b1526);border-color:color-mix(in srgb, var(--primary) 34%, var(--border-soft));color:#f8fbff}[data-theme=dark] .btn-icon.danger,[data-theme=dark] .btn-icon.danger:hover{color:#fff;background:#b91c1c;border-color:#b91c1c}[data-theme=dark] .btn-icon.danger:hover{background:#dc2626;border-color:#dc2626;box-shadow:0 0 0 2px #dc26263d}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-content{background:var(--surface);border-radius:12px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.product-modal-content{border:1px solid var(--border);background:radial-gradient(circle at top right, color-mix(in srgb, var(--primary) 10%, transparent), transparent 42%), linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, #fff), var(--surface));max-width:860px;box-shadow:0 24px 50px #0f172a47}.product-modal-content .modal-header{border-bottom-color:var(--border-soft)}.product-modal-content .modal-header h2{color:var(--text-strong)}.product-modal-content .client-form{padding-top:18px}.product-modal-content .form-section{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--surface-alt) 72%, var(--surface));border-radius:12px;margin-bottom:18px;padding:14px}.product-modal-content .form-group label{color:var(--text-subtle);font-weight:600}.product-modal-content .form-group input,.product-modal-content .form-group textarea,.product-modal-content .form-group select,.product-modal-content .form-group .custom-select-trigger{background:var(--input-bg);border-color:var(--border-soft)}.product-modal-content .form-group input::placeholder,.product-modal-content .form-group textarea::placeholder{color:var(--text-muted)}.product-modal-content .form-group input:focus,.product-modal-content .form-group textarea:focus,.product-modal-content .form-group select:focus,.product-modal-content .form-group .custom-select-trigger:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 24%, transparent)}.product-modal-content .modal-footer{border-top-color:var(--border-soft)}[data-theme=dark] .product-modal-content{border-color:color-mix(in srgb, var(--border-soft) 84%, #8ea8cb);background:radial-gradient(circle at top right, #60a5fa29, transparent 44%), linear-gradient(180deg, color-mix(in srgb, var(--surface) 90%, #0a1322), color-mix(in srgb, var(--surface-alt) 88%, #09111e));box-shadow:0 26px 54px #0208148f}[data-theme=dark] .product-modal-content .form-section{border-color:color-mix(in srgb, var(--border-soft) 84%, #8da6c8);background:color-mix(in srgb, var(--surface) 84%, #0a1424)}[data-theme=dark] .product-modal-content .form-group input,[data-theme=dark] .product-modal-content .form-group textarea,[data-theme=dark] .product-modal-content .form-group select,[data-theme=dark] .product-modal-content .form-group .custom-select-trigger{background:color-mix(in srgb, var(--surface) 78%, #091321);border-color:color-mix(in srgb, var(--border-soft) 84%, #8aa4c7)}[data-theme=dark] .product-modal-content .form-group input::placeholder,[data-theme=dark] .product-modal-content .form-group textarea::placeholder{color:color-mix(in srgb, var(--text-soft) 82%, #d4e3f8)}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{color:var(--text);margin:0;font-size:24px;font-weight:700}.modal-close{color:var(--text-soft);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:32px;transition:background .2s;display:flex}.modal-close:hover{background:var(--surface-muted)}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:12px;padding:20px 24px;display:flex}.client-form{padding:24px}.form-section h3{color:var(--text);border-bottom:1px solid var(--border);margin:0 0 16px;padding-bottom:8px;font-size:16px;font-weight:600}.form-row{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px;display:grid}.form-row:last-child{margin-bottom:0}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:var(--text-soft);font-size:14px;font-weight:500}.create-client-form .form-group label{color:var(--text-subtle);font-weight:600}.form-group input,.form-group textarea,.form-group select,.form-group .custom-select-trigger{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:10px 12px;font-family:inherit;font-size:15px}.create-client-form .form-group input,.create-client-form .form-group textarea,.create-client-form .form-group select,.create-client-form .form-group .custom-select-trigger{background:var(--input-bg);border-color:var(--border-soft);transition:border-color .16s,background-color .16s,box-shadow .16s;box-shadow:inset 0 1px #94a3b814}.create-client-form .form-group input::placeholder,.create-client-form .form-group textarea::placeholder{color:var(--text-muted)}.create-client-form .form-group input:hover,.create-client-form .form-group textarea:hover,.create-client-form .form-group select:hover,.create-client-form .form-group .custom-select-trigger:hover{border-color:color-mix(in srgb, var(--primary) 38%, var(--border-soft))}.create-client-form .form-group input:focus,.create-client-form .form-group textarea:focus,.create-client-form .form-group select:focus,.create-client-form .form-group .custom-select-trigger:focus-visible{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 24%, transparent);background:color-mix(in srgb, var(--input-bg) 84%, var(--surface))}.create-client-form .entity-switch{border:1px solid color-mix(in srgb, var(--border-soft) 88%, var(--primary));background:color-mix(in srgb, var(--input-bg) 74%, var(--surface))}[data-theme=dark] .create-client-form{border-color:color-mix(in srgb, var(--border) 90%, #7c98bc);box-shadow:0 18px 34px #02081480}[data-theme=dark] .create-client-form .form-section{border-color:color-mix(in srgb, var(--border) 86%, #7f99ba);background:color-mix(in srgb, var(--surface-alt) 82%, #0b1524)}[data-theme=dark] .create-client-form .form-group input,[data-theme=dark] .create-client-form .form-group textarea,[data-theme=dark] .create-client-form .form-group select,[data-theme=dark] .create-client-form .form-group .custom-select-trigger{background:color-mix(in srgb, var(--surface) 76%, #091322);border-color:color-mix(in srgb, var(--border-soft) 84%, #8da5c3);color:var(--text);box-shadow:inset 0 1px #94a3b81f}[data-theme=dark] .create-client-form .form-group input::placeholder,[data-theme=dark] .create-client-form .form-group textarea::placeholder{color:color-mix(in srgb, var(--text-soft) 84%, #d6e4f7)}[data-theme=dark] .create-client-form .form-group input:focus,[data-theme=dark] .create-client-form .form-group textarea:focus,[data-theme=dark] .create-client-form .form-group select:focus,[data-theme=dark] .create-client-form .form-group .custom-select-trigger:focus-visible{border-color:color-mix(in srgb, var(--primary) 66%, #b8d3ff);background:color-mix(in srgb, var(--surface) 74%, #0b1829);box-shadow:0 0 0 3px #60a5fa42,inset 0 1px #bfdbfe1f}.form-group input.readonly-input{background:var(--surface-muted);color:var(--text-soft);cursor:not-allowed}.form-group textarea{resize:vertical;min-height:80px}.unit-selector-row{grid-template-columns:1fr;align-items:stretch;gap:10px;display:grid}.unit-switch-row{color:var(--text-soft);flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:12px;min-width:0;font-size:13px;display:flex}.unit-switch-row>span{line-height:1.2}.product-switch{flex-shrink:0;justify-content:center;align-items:center;width:46px;height:24px;line-height:0;display:inline-flex;position:relative}.product-switch input{opacity:0;width:0;height:0}.product-switch-slider{cursor:pointer;background:color-mix(in srgb, var(--surface-muted) 70%, var(--border));border:1px solid color-mix(in srgb, var(--border) 82%, transparent);border-radius:999px;transition:background-color .2s;position:absolute;inset:0}.product-switch-slider:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0003}.product-switch input:checked+.product-switch-slider{background:linear-gradient(135deg,#76b3d0,#6ca7c4);border-color:#76b3d0}.product-switch input:checked+.product-switch-slider:before{transform:translate(22px)}.unit-custom-input{min-height:36px;margin-top:0}.product-active-row{grid-template-columns:1fr}.product-active-group{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;max-width:320px}.product-active-label{color:var(--text-subtle);margin:0;font-weight:600}.product-active-group .product-switch{margin-left:auto}.dropdown-input-wrapper{align-items:center;gap:8px;display:flex;position:relative}.invoice-form .form-group-chooser{box-shadow:none;background:0 0;border:0;border-radius:0;margin-bottom:18px;padding:0}.invoice-form .form-group-chooser:focus-within{box-shadow:none;border-color:#0000}.invoice-form .form-group-chooser .chooser-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.invoice-form .form-group-chooser>label,.invoice-form .form-group-chooser .chooser-row label{color:var(--text-subtle);align-items:center;margin:0;font-size:14px;font-weight:700;line-height:1.25;display:inline-flex}.invoice-form .form-group-chooser .chooser-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:inline-flex}.invoice-form .form-group-chooser .chooser-action-btn{border:1px solid var(--border);background:var(--surface);min-height:36px;color:var(--text-soft);cursor:pointer;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:700;line-height:1;transition:background-color .18s,color .18s,border-color .18s,box-shadow .18s,transform .12s;box-shadow:0 2px 7px #102c491f}.invoice-form .form-group-chooser .chooser-action-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #76b3d038,0 2px 7px #102c491f}.invoice-form .form-group-chooser .chooser-action-btn:hover:not(:disabled){box-shadow:0 4px 10px #102c4924}.invoice-form .form-group-chooser .chooser-action-btn-primary{background:color-mix(in srgb, #76b3d0 12%, var(--surface));border-color:color-mix(in srgb, #76b3d0 46%, var(--border));color:color-mix(in srgb, var(--surface-strong) 78%, #0f172a)}.invoice-form .form-group-chooser .chooser-action-btn-primary:hover{background:color-mix(in srgb, #76b3d0 20%, var(--surface));border-color:color-mix(in srgb, #76b3d0 58%, var(--border))}.invoice-form .form-group-chooser .chooser-action-btn-ghost{background:color-mix(in srgb, var(--surface) 92%, var(--surface-muted));border-color:color-mix(in srgb, var(--border) 96%, transparent);color:var(--text-subtle)}.invoice-form .form-group-chooser .chooser-action-btn-ghost:hover{background:color-mix(in srgb, var(--surface-hover) 74%, var(--surface));border-color:color-mix(in srgb, var(--border) 75%, var(--surface-strong));color:var(--text)}[data-theme=dark] .invoice-form .form-group-chooser .chooser-action-btn{box-shadow:0 2px 7px #02081433}[data-theme=dark] .invoice-form .form-group-chooser .chooser-action-btn:focus-visible{box-shadow:0 0 0 3px #76b3d042}[data-theme=dark] .invoice-form .form-group-chooser .chooser-action-btn-primary{color:#fff;background:#76b3d0;border-color:#6097b3;box-shadow:0 2px 7px #02081433}[data-theme=dark] .invoice-form .form-group-chooser .chooser-action-btn-primary:hover{background:#86bcd6;border-color:#649db9}.invoice-form .form-group-chooser .chooser-tag{border:1px solid color-mix(in srgb, var(--accent) 26%, var(--border));background:color-mix(in srgb, var(--accent) 10%, var(--surface));min-height:20px;color:color-mix(in srgb, var(--accent) 72%, var(--text));letter-spacing:.01em;white-space:nowrap;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.invoice-form .form-group-chooser .dropdown-input-wrapper{border:1px solid color-mix(in srgb, var(--border) 85%, transparent);background:color-mix(in srgb, var(--surface) 95%, var(--surface-muted));border-radius:999px;padding:0;transition:border-color .2s,box-shadow .2s,background-color .2s}.invoice-form .form-group-chooser .dropdown-input-wrapper:focus-within{border-color:color-mix(in srgb, var(--accent) 38%, var(--border));box-shadow:0 0 0 3px #00c8531f}.invoice-form .form-group-chooser .dropdown-input-wrapper input{background:0 0;min-height:44px;box-shadow:none!important;border:0!important}.dropdown-input-wrapper input{flex:1;padding-right:40px!important}.dropdown-input-wrapper input:not(:disabled){cursor:text}.dropdown-chevron{pointer-events:none;color:var(--text-muted);z-index:1;transition:transform .2s,color .2s;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.dropdown-input-wrapper input:focus+.dropdown-chevron,.dropdown-input-wrapper:hover input:not(:disabled)+.dropdown-chevron{color:var(--text)}.dropdown-input-wrapper input:disabled+.dropdown-chevron{display:none}.dropdown-input-wrapper .btn-secondary{white-space:nowrap;flex-shrink:0}.selected-indicator{color:#28a745;margin-top:4px;font-size:.875rem;display:block}.selected-indicator-reserved{min-height:21px;line-height:1.3}.selected-indicator-reserved.is-empty{visibility:hidden}[data-theme=dark] .selected-indicator{color:#4ade80}.dropdown-menu{background:color-mix(in srgb, var(--surface) 92%, var(--surface-alt));border:1px solid color-mix(in srgb, var(--border) 88%, var(--surface-strong));z-index:1000;border-radius:10px;max-height:220px;margin-top:4px;padding:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 18px #0206171f}[data-theme=dark] .dropdown-menu{box-shadow:0 4px 12px #0006}.dropdown-item{text-align:left;cursor:pointer;border-bottom:1px solid color-mix(in srgb, var(--border-soft) 58%, transparent);border-radius:6px;width:100%;padding:8px 10px;transition:background-color .16s,border-color .16s;display:block}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:color-mix(in srgb, var(--surface-hover) 82%, var(--surface));border-bottom-color:color-mix(in srgb, var(--border) 70%, transparent)}.dropdown-item:focus-visible{background-color:color-mix(in srgb, var(--surface-hover) 82%, var(--surface));box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--surface-strong) 30%, transparent);outline:none}.dropdown-item-title{color:var(--text);margin-bottom:2px;font-size:.97rem;font-weight:500}.dropdown-item-details{color:var(--text-muted);font-size:.82rem}.dropdown-empty{text-align:center;color:var(--text-muted);padding:12px;font-size:.875rem}.status-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.status-unpaid{color:#8f261d;background-color:#fcebe9}[data-theme=dark] .status-unpaid{color:#ffd9d5;background-color:#562a25}.status-partial{color:#8a4b08;background-color:#fff4e4}[data-theme=dark] .status-partial{color:#ffe7c8;background-color:#583e1c}.status-paid{color:#2f6d1f;background-color:#f7f8ed}[data-theme=dark] .status-paid{color:#dcf7ca;background-color:#3b4528}@media (width<=768px){.page-header{flex-direction:column;align-items:flex-start;gap:16px}.clients-table{overflow-x:auto}.clients-table table{min-width:600px}.modal-content{max-height:95vh}.form-row{grid-template-columns:1fr}.create-client-hero{flex-direction:column;align-items:stretch}.create-client-hero h3{font-size:24px}.unit-selector-row{grid-template-columns:1fr;gap:10px}.dropdown-menu{max-height:200px}.dropdown-input-wrapper .btn-secondary{font-size:.875rem;padding:6px 12px!important}}@media (width<=480px){.dropdown-input-wrapper{flex-direction:column;align-items:stretch}.dropdown-input-wrapper .btn-secondary{width:100%;padding:8px 16px!important}.dropdown-menu{max-height:180px}}.toast{z-index:9999;white-space:pre-line;border-radius:12px;align-items:flex-start;gap:12px;max-width:360px;padding:14px 16px;animation:.2s ease-out toast-in;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 12px 30px #0f172a2e}.toast.info{color:#f8fafc;background:#0f172a}.toast.success{color:#f0fdf4;background:#0b4d2b}.toast.error{color:#fef2f2;background:#7f1d1d}.toast-message{flex:1;font-size:.95rem;line-height:1.4}.toast-close{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:1.2rem;line-height:1}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.toast{max-width:none;top:16px;left:16px;right:16px}}.flatpickr-calendar{opacity:0;text-align:center;visibility:hidden;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;direction:ltr;background:#fff;border:0;border-radius:5px;width:307.875px;padding:0;font-size:14px;line-height:24px;animation:none;display:none;position:absolute;box-shadow:1px 0 #e6e6e6,-1px 0 #e6e6e6,0 1px #e6e6e6,0 -1px #e6e6e6,0 3px 13px #00000014}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;visibility:visible;max-height:640px}.flatpickr-calendar.open{z-index:99999;display:inline-block}.flatpickr-calendar.animate.open{animation:.3s cubic-bezier(.23,1,.32,1) fpFadeInDown}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px)}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7){-webkit-box-shadow:none!important;box-shadow:none!important}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1){box-shadow:-2px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.hasTime .flatpickr-time{border-top:1px solid #e6e6e6;height:40px}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{pointer-events:none;content:"";border:solid #0000;width:0;height:0;display:block;position:absolute;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.arrowRight:before,.flatpickr-calendar.rightMost:after,.flatpickr-calendar.arrowRight:after{left:auto;right:22px}.flatpickr-calendar.arrowCenter:before,.flatpickr-calendar.arrowCenter:after{left:50%;right:50%}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{display:inline-block;position:relative}.flatpickr-months{display:flex}.flatpickr-months .flatpickr-month{color:#000000e6;fill:#000000e6;text-align:center;-webkit-user-select:none;user-select:none;background:0 0;flex:1;height:34px;line-height:1;position:relative;overflow:hidden}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{-webkit-user-select:none;user-select:none;cursor:pointer;z-index:3;color:#000000e6;fill:#000000e6;height:34px;padding:10px;text-decoration:none;position:absolute;top:0}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0}.flatpickr-months .flatpickr-prev-month:hover,.flatpickr-months .flatpickr-next-month:hover{color:#959ea9}.flatpickr-months .flatpickr-prev-month:hover svg,.flatpickr-months .flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{fill:inherit;transition:fill .1s}.numInputWrapper{height:auto;position:relative}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper input::-ms-clear{display:none}.numInputWrapper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.numInputWrapper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.numInputWrapper span{opacity:0;cursor:pointer;box-sizing:border-box;border:1px solid #39393926;width:14px;height:50%;padding:0 4px 0 2px;line-height:50%;position:absolute;right:0}.numInputWrapper span:hover{background:#0000001a}.numInputWrapper span:active{background:#0003}.numInputWrapper span:after{content:"";display:block;position:absolute}.numInputWrapper span.arrowUp{border-bottom:0;top:0}.numInputWrapper span.arrowUp:after{border-bottom:4px solid #39393999;border-left:4px solid #0000;border-right:4px solid #0000;top:26%}.numInputWrapper span.arrowDown{top:50%}.numInputWrapper span.arrowDown:after{border-top:4px solid #39393999;border-left:4px solid #0000;border-right:4px solid #0000;top:40%}.numInputWrapper span svg{width:inherit;height:auto}.numInputWrapper span svg path{fill:#00000080}.numInputWrapper:hover{background:#0000000d}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;color:inherit;text-align:center;width:75%;height:34px;padding:7.48px 0 0;font-weight:300;line-height:1;display:inline-block;position:absolute;left:12.5%;transform:translate(0,0)}.flatpickr-current-month span.cur-month{color:inherit;margin-left:.5ch;padding:0;font-family:inherit;font-weight:700;display:inline-block}.flatpickr-current-month span.cur-month:hover{background:#0000000d}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch�;display:inline-block}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:#000000e6}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:#000000e6}.flatpickr-current-month input.cur-year{box-sizing:border-box;color:inherit;cursor:text;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:auto;vertical-align:initial;appearance:textfield;background:0 0;border:0;border-radius:0;margin:0;padding:0 0 0 .5ch;display:inline-block}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{color:#00000080;pointer-events:none;background:0 0;font-size:100%}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;box-sizing:border-box;color:inherit;cursor:pointer;font-size:inherit;height:auto;font-family:inherit;font-weight:300;line-height:inherit;vertical-align:initial;background:0 0;border:none;border-radius:0;outline:none;width:auto;margin:-1px 0 0;padding:0 0 0 .5ch;position:relative}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:#0000000d}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:#0000;outline:none;padding:0}.flatpickr-weekdays{text-align:center;background:0 0;align-items:center;width:100%;height:28px;display:flex;overflow:hidden}.flatpickr-weekdays .flatpickr-weekdaycontainer{flex:1;display:flex}span.flatpickr-weekday{cursor:default;color:#0000008a;text-align:center;background:0 0;flex:1;margin:0;font-size:90%;font-weight:bolder;line-height:1;display:block}.dayContainer,.flatpickr-weeks{padding:1px 0 0}.flatpickr-days{align-items:flex-start;width:307.875px;display:flex;position:relative;overflow:hidden}.flatpickr-days:focus{outline:0}.dayContainer{text-align:left;box-sizing:border-box;opacity:1;outline:0;flex-wrap:wrap;justify-content:space-around;width:307.875px;min-width:307.875px;max-width:307.875px;padding:0;display:flex;transform:translate(0,0)}.dayContainer+.dayContainer{box-shadow:-1px 0 #e6e6e6}.flatpickr-day{box-sizing:border-box;color:#393939;cursor:pointer;text-align:center;background:0 0;border:1px solid #0000;border-radius:150px;flex-basis:14.2857%;justify-content:center;width:14.2857%;max-width:39px;height:39px;margin:0;font-weight:400;line-height:39px;display:inline-block;position:relative}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;background:#e6e6e6;border-color:#e6e6e6;outline:0}.flatpickr-day.today{border-color:#959ea9}.flatpickr-day.today:hover,.flatpickr-day.today:focus{color:#fff;background:#959ea9;border-color:#959ea9}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{-webkit-box-shadow:none;box-shadow:none;color:#fff;background:#569ff7;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.startRange.startRange+.endRange:not(:nth-child(7n+1)),.flatpickr-day.endRange.startRange+.endRange:not(:nth-child(7n+1)){box-shadow:-10px 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;box-shadow:-5px 0 #e6e6e6,5px 0 #e6e6e6}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:#3939394d;cursor:default;background:0 0;border-color:#0000}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:#3939391a}.flatpickr-day.week.selected{border-radius:0;box-shadow:-5px 0 #569ff7,5px 0 #569ff7}.flatpickr-day.hidden{visibility:hidden}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{float:left}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;box-shadow:1px 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{color:#3939394d;cursor:default;background:0 0;border:none;width:100%;max-width:none;display:block}.flatpickr-innerContainer{box-sizing:border-box;display:flex;overflow:hidden}.flatpickr-rContainer{box-sizing:border-box;padding:0;display:inline-block}.flatpickr-time{text-align:center;box-sizing:border-box;outline:0;height:0;max-height:40px;line-height:40px;display:flex;overflow:hidden}.flatpickr-time:after{content:"";clear:both;display:table}.flatpickr-time .numInputWrapper{float:left;flex:1;width:40%;height:40px}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{-webkit-box-shadow:none;box-shadow:none;text-align:center;height:inherit;line-height:inherit;color:#393939;box-sizing:border-box;appearance:textfield;background:0 0;border:0;border-radius:0;margin:0;padding:0;font-size:14px;position:relative}.flatpickr-time input.flatpickr-hour{font-weight:700}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{border:0;outline:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:#393939;-webkit-user-select:none;user-select:none;align-self:center;width:2%;font-weight:700}.flatpickr-time .flatpickr-am-pm{cursor:pointer;text-align:center;outline:0;width:18%;font-weight:400}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:#eee}.flatpickr-input[readonly]{cursor:pointer}@keyframes fpFadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translate(0,0)}}.invoice-form{background:var(--surface);border-radius:8px;width:100%;max-width:1200px;margin:0 auto;padding:40px;box-shadow:0 2px 4px #0000001a}h2{color:var(--text);border-bottom:2px solid var(--border-soft);margin-bottom:20px;padding-bottom:10px;font-size:20px}.field-hint{color:var(--text-muted);margin-top:6px;font-size:12px;display:inline-block}.field-hint.found{color:#15803d}.field-hint.not-found,.field-hint.error{color:#b91c1c}button.danger{color:#fff;background:#b91c1c;border:1px solid #b91c1c}button.danger:hover{background:#dc2626;border-color:#dc2626}.invoice-topbar{background:0 0;border:0;border-radius:0;gap:18px;max-width:980px;margin-bottom:28px;margin-left:auto;margin-right:auto;padding:12px 0 4px;display:grid}.invoice-topbar-main,.invoice-topbar-field{flex-direction:column;gap:8px;display:flex}.invoice-topbar-main{text-align:center;align-items:center}.invoice-toggle-row{color:var(--text-subtle);align-items:center;gap:12px;font-size:14px;font-weight:600;display:inline-flex}.invoice-toggle-row.is-disabled{opacity:.6}.entity-switch{border:1px solid color-mix(in srgb, var(--border) 84%, transparent);background:color-mix(in srgb, var(--surface-muted) 70%, var(--surface));border-radius:999px;grid-template-columns:1fr 1fr;align-items:center;gap:0;min-width:266px;padding:4px;display:inline-grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff3d}.entity-switch:before{content:"";width:calc(50% - 4px);height:calc(100% - 8px);box-shadow:none;pointer-events:none;z-index:0;background:linear-gradient(135deg,#76b3d0,#6ca7c4);border-radius:999px;transition:transform .28s cubic-bezier(.22,1,.36,1),box-shadow .28s;position:absolute;top:4px;left:4px;transform:translate(0)}.entity-switch.entity-switch-legal:before{transform:translate(100%)}.entity-switch-option{z-index:1;color:color-mix(in srgb, var(--text-muted) 88%, var(--text-subtle));letter-spacing:-.01em;cursor:pointer;opacity:.9;text-align:center;background:0 0;border:0;border-radius:999px;min-width:0;padding:9px 16px;font-size:13px;font-weight:650;transition:color .24s,opacity .24s;position:relative}.entity-switch-option:hover{color:var(--text);opacity:1}.entity-switch-option:not(.active){background:0 0}.entity-switch-option:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent), 0 10px 24px #0f172a1a;outline:none}.entity-switch-option.active{color:#fff;opacity:1;text-shadow:0 1px #00000029;transform:translateY(0)}.entity-switch-option.active:after{content:none}[data-theme=dark] .entity-switch{border-color:color-mix(in srgb, var(--border) 90%, transparent);background:color-mix(in srgb, var(--surface-muted) 78%, var(--surface));box-shadow:inset 0 1px #ffffff0f}[data-theme=dark] .entity-switch:before{box-shadow:none;background:linear-gradient(135deg,#76b3d0,#69a0bb)}[data-theme=dark] .entity-switch-option:hover{filter:none}.entity-switch:focus-within{box-shadow:inset 0 1px #ffffff3d}.invoice-topbar-main label,.invoice-topbar-field label{color:var(--text-muted);margin:0;font-size:13px;font-weight:600}.invoice-select-wrap,.readonly-field{position:relative}.invoice-title-select-wrap{width:fit-content;max-width:100%;padding:0 34px 0 0;position:relative}.invoice-title-select,.readonly-field input,.readonly-select-trigger,.topbar-date-input{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text)}.invoice-title-select{cursor:pointer;width:auto;max-width:100%;min-height:auto;color:var(--text-strong);letter-spacing:-.025em;text-align:center;text-wrap:balance;background:0 0;border:0;padding:0;font-family:inherit;font-size:clamp(22px,2.4vw,34px);font-weight:700;line-height:1.1;transition:color .2s,opacity .2s}.invoice-title-select:hover{color:color-mix(in srgb, var(--text-strong) 88%, var(--accent))}.invoice-title-select:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 40%, transparent);outline-offset:6px;border-radius:8px}.invoice-title-select:focus,.readonly-field input:focus,.readonly-select-trigger:focus,.topbar-date-input:focus{border-color:#00c853;outline:none}.title-select-chevron,.field-icon,.readonly-select-chevron{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;right:0;transform:translateY(-50%)}.title-select-chevron{width:16px;height:16px;color:color-mix(in srgb, var(--text-muted) 82%, var(--accent));opacity:.9;transition:transform .2s,color .2s,opacity .2s;right:0}.field-icon{justify-content:center;align-items:center;width:16px;height:16px;line-height:0;display:inline-flex;right:14px}.field-icon svg{display:block}.readonly-select-chevron{justify-content:center;align-items:center;width:16px;height:16px;line-height:0;transition:transform .2s;display:inline-flex;right:12px}.invoice-number-selector .field-icon{right:36px}.readonly-select-trigger.open+.field-icon+.readonly-select-chevron{transform:translateY(-50%)rotate(180deg)}.invoice-title-select-wrap:hover .title-select-chevron,.invoice-title-select:focus+.title-select-chevron,.invoice-title-select.open+.title-select-chevron{color:var(--accent);opacity:1;transform:translateY(-50%)scale(1.04)}.invoice-title-select.open+.title-select-chevron{transform:translateY(-50%)rotate(180deg)}.invoice-type-dropdown-menu{z-index:1100;border-radius:6px;width:min(420px,100vw - 40px);max-height:240px;margin-top:8px;position:absolute;top:100%;left:50%;overflow-y:auto;transform:translate(-50%)}.invoice-type-dropdown-item{border:0;border-bottom:1px solid var(--border-soft);width:100%;color:var(--text);text-align:left;cursor:pointer;font:inherit;background:0 0;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;padding:11px 12px;transition:background-color .2s;display:grid}.invoice-type-dropdown-item:last-child{border-bottom:0}.invoice-type-dropdown-item:hover,.invoice-type-dropdown-item:focus-visible{background-color:var(--surface-hover);outline:none}.invoice-type-dropdown-item.active{background-color:color-mix(in srgb, var(--surface-hover) 74%, var(--surface))}.invoice-type-dropdown-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.invoice-type-dropdown-label{color:var(--text);white-space:normal;word-break:break-word;font-size:1rem;font-weight:600;line-height:1.3}.invoice-type-dropdown-description{color:var(--text-muted);white-space:normal;word-break:break-word;font-size:.8rem;line-height:1.3}.invoice-type-dropdown-check{width:18px;height:18px;color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent);border-radius:999px;justify-content:center;align-items:center;margin-top:1px;font-size:.85rem;font-weight:700;display:inline-flex}[data-theme=dark] .invoice-type-dropdown-menu{box-shadow:0 4px 12px #0006}[data-theme=dark] .invoice-type-dropdown-check{background:color-mix(in srgb, var(--accent) 24%, transparent)}.invoice-topbar-meta{border:1px solid color-mix(in srgb, var(--border) 92%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, transparent), color-mix(in srgb, var(--surface-muted) 92%, transparent));border-radius:24px;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:min(100%,920px);margin:0 auto;padding:18px 20px;display:grid;box-shadow:0 18px 48px #0f172a14}.invoice-topbar-meta.invoice-topbar-meta-compact{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}[data-theme=dark] .invoice-topbar-meta{box-shadow:0 18px 48px #0000003d}.readonly-field input,.readonly-select-trigger,.topbar-date-input{background:color-mix(in srgb, var(--surface) 88%, var(--surface-muted));border-radius:14px;width:100%;min-height:46px;padding:0 42px 0 14px;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s}.readonly-field input{background:var(--surface-muted);color:var(--text-soft);padding-right:52px}.readonly-select-trigger{appearance:none;text-align:left;font:inherit;background:var(--surface-muted);color:var(--text-soft);cursor:pointer;border-radius:14px;justify-content:flex-start;align-items:center;padding-right:58px;display:flex}.readonly-select-trigger:disabled{cursor:default}.readonly-select-value{white-space:nowrap;text-overflow:ellipsis;width:100%;display:block;overflow:hidden}.readonly-select-menu{z-index:50;margin-top:6px}.readonly-select-item.active{background:color-mix(in srgb, var(--surface-hover) 76%, var(--surface))}.readonly-field input:focus,.readonly-select-trigger:focus,.topbar-date-input:focus,.form-group select:focus,.item-row select:focus,.form-group .custom-select-trigger:focus-visible,.item-row .custom-select-trigger:focus-visible{box-shadow:0 0 0 3px #00c8532e}.invoice-topbar-actions{justify-content:center;display:flex}.form-sections{grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px;display:grid}.form-section{margin-bottom:30px}.form-group{margin-bottom:15px}.buyer-actions-row{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:10px;margin-top:8px;display:flex}.buyer-save-btn{min-width:190px}.buyer-save-status{border:1px solid color-mix(in srgb, #10b981 36%, var(--border));background:color-mix(in srgb, #10b981 12%, var(--surface));color:color-mix(in srgb, #065f46 74%, var(--text));border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:600;line-height:1;display:inline-flex}[data-theme=dark] .buyer-save-status{background:color-mix(in srgb, #10b981 18%, var(--surface));color:color-mix(in srgb, #d1fae5 86%, var(--text))}.form-settings-panel{border:1px solid color-mix(in srgb, var(--border) 92%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 96%, transparent), color-mix(in srgb, var(--surface-muted) 84%, transparent));border-radius:18px;margin:14px 0 18px;padding:12px 14px;box-shadow:0 14px 30px #0f172a0d}.setting-switch-row{justify-content:space-between;align-items:center;gap:16px;padding:10px 4px;display:flex}.setting-switch-row+.setting-switch-row{border-top:1px solid color-mix(in srgb, var(--border) 78%, transparent)}.setting-switch-copy{min-width:0}.setting-switch-title{color:var(--text);font-size:14px;font-weight:600;line-height:1.35;display:block}[data-theme=dark] .form-settings-panel{box-shadow:0 16px 32px #0000002e}.form-group label{color:var(--text-muted);margin-bottom:6px;font-size:14px;line-height:1.35;display:block}.required-star{color:#dc2626;margin-left:4px;font-weight:700}.form-group input,.form-group textarea,.form-group select,.form-group .custom-select-trigger{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 90%, var(--surface-muted));width:100%;min-height:40px;color:var(--text);border-radius:12px;padding:9px 12px;font-size:14px;line-height:1.35;transition:border-color .2s,box-shadow .2s,background .2s}.form-group-with-hint{margin-bottom:9px}.field-hint-reserved{min-height:16px;line-height:1.2;display:block}.field-hint-reserved.is-empty{visibility:hidden}.form-group input:focus,.form-group textarea:focus,.form-group select:focus,.form-group .custom-select-trigger:focus-visible{border-color:#00c853;outline:none;box-shadow:0 0 0 3px #00c8532e}.form-group .custom-select-trigger,.item-row .custom-select-trigger,.discount-controls .custom-select-trigger{border:1px solid color-mix(in srgb, var(--border) 88%, transparent);background-color:color-mix(in srgb, var(--surface) 88%, var(--surface-muted));border-radius:12px;min-height:40px;transition:border-color .2s,box-shadow .2s,background-color .2s;box-shadow:inset 0 1px #ffffff59}[data-theme=dark] .form-group .custom-select-trigger,[data-theme=dark] .item-row .custom-select-trigger,[data-theme=dark] .discount-controls .custom-select-trigger{background-color:color-mix(in srgb, var(--surface) 82%, var(--surface-muted));box-shadow:inset 0 1px #ffffff14}.form-group .custom-select-trigger:hover,.item-row .custom-select-trigger:hover,.discount-controls .custom-select-trigger:hover{border-color:color-mix(in srgb, var(--accent) 42%, var(--border));background-color:color-mix(in srgb, var(--surface) 78%, var(--surface-hover))}.form-group select,.item-row select,.discount-controls select{appearance:none;border:1px solid color-mix(in srgb, var(--border) 88%, transparent);background-color:color-mix(in srgb, var(--surface) 88%, var(--surface-muted));background-image:linear-gradient(to left, color-mix(in srgb, var(--surface-hover) 84%, transparent) 0, color-mix(in srgb, var(--surface-hover) 84%, transparent) 38px, transparent 38px), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;background-position:right 0 center,right 11px center;background-repeat:no-repeat,no-repeat;background-size:40px 100%,16px;border-radius:12px;min-height:40px;padding-right:46px;transition:border-color .2s,box-shadow .2s,background-color .2s;box-shadow:inset 0 1px #ffffff59}@media (prefers-color-scheme:dark){.form-group select,.item-row select,.discount-controls select{--lightningcss-light: ;--lightningcss-dark:initial}}[data-theme=dark] .form-group select,[data-theme=dark] .item-row select,[data-theme=dark] .discount-controls select{background-color:color-mix(in srgb, var(--surface) 82%, var(--surface-muted));background-image:linear-gradient(to left, color-mix(in srgb, var(--surface-hover) 70%, transparent) 0, color-mix(in srgb, var(--surface-hover) 70%, transparent) 38px, transparent 38px), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e2e8f0' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");box-shadow:inset 0 1px #ffffff14}.form-group select:hover,.item-row select:hover,.discount-controls select:hover{border-color:color-mix(in srgb, var(--accent) 42%, var(--border));background-color:color-mix(in srgb, var(--surface) 78%, var(--surface-hover))}.detected-bank-field{row-gap:8px;margin-top:10px;display:grid}.detected-bank-field label{color:var(--text-muted);margin-bottom:5px;font-size:13px;display:block}.detected-bank-field input[readonly]{border:1px solid color-mix(in srgb, var(--border) 92%, transparent);background:color-mix(in srgb, var(--surface-muted) 92%, var(--surface));width:100%;color:var(--text);border-radius:12px;padding:10px;font-size:14px}.detected-bank-field input[readonly]+label{margin-top:2px}.form-group select:focus,.item-row select:focus,.discount-controls select:focus,.discount-controls .custom-select-trigger:focus-visible{border-color:#00c853;box-shadow:0 0 0 3px #00c8532e}.form-group select option,.item-row select option,.discount-controls select option{background:var(--surface);color:var(--text)}.reference-dropdown-menu{background:var(--surface);border:1px solid var(--border);z-index:30;border-radius:10px;max-height:220px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 24px #0000002e}.reference-dropdown-item{border:0;border-bottom:1px solid var(--border-soft);width:100%;color:var(--text);cursor:pointer;background:0 0;flex-direction:column;align-items:flex-start;gap:2px;padding:10px;display:flex}.reference-dropdown-item:last-child{border-bottom:0}.reference-dropdown-item:hover{background:var(--surface-hover)}.reference-dropdown-main{font-weight:600}.reference-dropdown-meta{color:var(--text-muted);font-size:12px}.reference-dropdown-empty{color:var(--text-muted);padding:10px;font-size:13px}.invoice-header{grid-template-columns:1fr 1fr 1fr;gap:15px;margin-bottom:20px;display:grid}.items-section{margin:30px 0}.items-table{-webkit-overflow-scrolling:touch;--items-grid:minmax(160px, 2fr) repeat(5, minmax(110px, 1fr)) 48px;--items-min-width:780px;padding-bottom:10px;overflow-x:visible}.items-header{grid-template-columns:var(--items-grid);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;gap:10px;margin-bottom:10px;font-size:14px;font-weight:700;display:grid}.item-row{grid-template-columns:var(--items-grid);align-items:start;gap:10px;margin-bottom:10px;display:grid;position:relative}.items-header,.item-row{min-width:var(--items-min-width)}.items-header>div,.item-row .item-field{min-width:0}.item-row .item-input{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 90%, var(--surface-muted));color:var(--text);border-radius:12px;width:100%;height:38px;padding:8px;font-size:14px;transition:border-color .2s,box-shadow .2s}.item-row .item-vat-select{height:38px;min-height:38px}.item-vat-menu{min-width:240px;max-width:320px;left:auto;right:0;overflow-x:hidden}.item-vat-option{white-space:normal;padding:8px 10px;line-height:1.3}.item-row .custom-select-trigger.item-input,.item-row .custom-select-trigger.item-product-select,.discount-controls .custom-select-trigger.discount-select{border-radius:10px;height:38px;min-height:38px;padding:6px 10px}.item-row select.item-input,.item-row select.discount-select,.item-row select.item-product-select{background-image:linear-gradient(to left, color-mix(in srgb, var(--surface-hover) 86%, transparent) 0, color-mix(in srgb, var(--surface-hover) 86%, transparent) 36px, transparent 36px), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23334155' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-position:right 0 center,right 10px center;background-repeat:no-repeat,no-repeat;background-size:38px 100%,16px;padding-right:42px}[data-theme=dark] .item-row select.item-input,[data-theme=dark] .item-row select.discount-select,[data-theme=dark] .item-row select.item-product-select{background-image:linear-gradient(to left, color-mix(in srgb, var(--surface-hover) 72%, transparent) 0, color-mix(in srgb, var(--surface-hover) 72%, transparent) 36px, transparent 36px), url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23e2e8f0' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>")}.item-row .item-product-select{height:40px;margin-bottom:0;padding:6px 42px 6px 10px;font-size:13px}.item-row .custom-select-trigger.item-product-select{height:40px;min-height:40px;font-size:13px}.item-service-inline{align-items:center;gap:8px;display:flex}.product-picker{z-index:2;flex:auto;min-width:0;position:relative}.product-picker-input-wrap{position:relative}.item-row .product-picker-input{padding-right:36px}.product-picker-chevron{width:24px;height:24px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.product-picker-chevron:hover{background:color-mix(in srgb, var(--surface-hover) 84%, transparent);color:var(--text)}.product-picker-chevron-icon{font-size:11px;line-height:1;transition:transform .16s}.product-picker-chevron-icon.open{transform:rotate(180deg)}.product-picker-menu{z-index:60;background:var(--surface);max-height:210px;top:calc(100% + 4px);left:0;right:0}.product-picker-item{text-align:left;border:0;border-bottom:1px solid color-mix(in srgb, var(--border-soft) 64%, transparent);background:var(--surface);border-radius:0;width:100%;padding:8px 10px;display:block}.product-picker-item:hover{background:color-mix(in srgb, var(--surface-hover) 70%, var(--surface))}.product-picker-item:last-child{border-bottom:0}.product-picker-menu .dropdown-item-title{margin-bottom:2px}.product-picker-menu .dropdown-item-details{font-size:12px}.item-service-inline .item-product-select,.item-service-inline .custom-select{flex:0 0 42%;min-width:160px}.item-service-inline .item-description-input{flex:auto}.product-footnote-hint{color:var(--text-muted);max-width:100%;margin-top:6px;font-size:12px;line-height:1.35}.item-row .item-product-select,.item-row .discount-select,.discount-controls.invoice-level .discount-select{border-color:color-mix(in srgb, var(--border) 86%, transparent);background-color:color-mix(in srgb, var(--surface) 90%, var(--surface-muted));box-shadow:inset 0 1px #ffffff57}.item-row .item-product-select:hover,.item-row .discount-select:hover,.discount-controls.invoice-level .discount-select:hover{border-color:color-mix(in srgb, var(--accent) 44%, var(--border));background-color:color-mix(in srgb, var(--surface) 72%, var(--surface-hover))}.item-row .item-product-select:focus,.item-row .discount-select:focus,.discount-controls.invoice-level .discount-select:focus,.discount-controls.invoice-level .discount-select:focus-visible{border-color:color-mix(in srgb, var(--accent) 64%, #00c853);outline:none;box-shadow:0 0 0 3px #00c85329}[data-theme=dark] .item-row .item-product-select,[data-theme=dark] .item-row .discount-select,[data-theme=dark] .discount-controls.invoice-level .discount-select{box-shadow:inset 0 1px #ffffff14}.item-row .item-input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #3c82ff26}@media (width<=980px){.item-service-inline{flex-direction:column;align-items:stretch}.item-service-inline .item-product-select{flex-basis:auto;min-width:0}}.discount-inputs{display:block}.discount-hint{color:var(--text-muted);background:var(--surface);border:1px solid var(--border);border-radius:999px;width:fit-content;margin-top:6px;padding:2px 8px;font-size:11px}.discount-select,.discount-value{min-width:0}.discount-single-field{border:1px solid color-mix(in srgb, var(--border) 86%, transparent);background:color-mix(in srgb, var(--surface) 90%, var(--surface-muted));border-radius:12px;align-items:stretch;width:100%;height:38px;transition:border-color .2s,box-shadow .2s,background-color .2s;display:flex;overflow:visible}.discount-single-field>.custom-select{background:0 0;border-left:0;width:54px;min-width:54px;height:100%;position:relative}.discount-value-single{width:100%;min-width:0;height:100%;color:var(--text);flex:auto;padding:0 10px;font-size:14px;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important}.discount-inline-select{justify-content:center;width:100%;min-width:54px;height:100%;min-height:100%;padding:0 6px;box-shadow:none!important;background:0 0!important;border:0!important;border-radius:0!important}.discount-inline-select .custom-select-value{text-align:center}.discount-inline-select .custom-select-chevron{font-size:10px}.discount-single-field:focus-within{border-color:color-mix(in srgb, var(--accent) 60%, #00c853);box-shadow:0 0 0 3px #00c85324}.discount-inline-select:hover{background:color-mix(in srgb, var(--surface-hover) 64%, transparent)}.discount-value-single:focus{outline:none}.discount-single-field>.custom-select .custom-select-menu{z-index:1300;left:auto;right:0}.discount-single-field>.custom-select .custom-select-trigger:focus-visible{box-shadow:none!important;border:0!important}.discount-inline-menu{min-width:90px;left:auto;right:0}.unit-field-stack{flex-direction:column;gap:6px;min-width:86px;display:flex}.item-field-unit .custom-select{max-width:98px}.item-row .item-unit-select{height:38px;min-height:38px;padding:6px 8px}.item-row .item-unit-select .custom-select-chevron{font-size:10px}.item-row .item-unit-custom-direct{height:38px;min-height:38px}.unit-custom-input{min-width:0}.remove-btn{color:#fff;cursor:pointer;background:#ff5252;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;font-size:18px;line-height:1;display:flex}.remove-btn:hover{background:#ff1744}.remove-btn:disabled{background:var(--surface-disabled);cursor:not-allowed}.add-item-btn{background:color-mix(in srgb, #76b3d0 12%, var(--surface));border:1px solid color-mix(in srgb, #76b3d0 48%, var(--border));cursor:pointer;min-height:38px;color:color-mix(in srgb, var(--surface-strong) 78%, #0f172a);border-radius:999px;margin-top:12px;margin-bottom:12px;padding:8px 16px;font-size:13px;font-weight:700;transition:background-color .18s,border-color .18s,box-shadow .18s,transform .12s;box-shadow:0 2px 7px #102c491f}.add-item-btn:hover{background:color-mix(in srgb, #76b3d0 20%, var(--surface));border-color:color-mix(in srgb, #76b3d0 58%, var(--border));box-shadow:0 4px 10px #102c4924}.add-item-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #76b3d03d,0 2px 7px #102c491f}[data-theme=dark] .add-item-btn{color:#fff;background:#76b3d0;border-color:#6097b3;box-shadow:0 2px 7px #02081433}[data-theme=dark] .add-item-btn:hover{background:#86bcd6;border-color:#649db9;box-shadow:0 2px 7px #02081433}[data-theme=dark] .add-item-btn:focus-visible{box-shadow:0 0 0 3px #76b3d047}.total-section{background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 90%, transparent), color-mix(in srgb, var(--surface-muted) 100%, transparent));border:1px solid var(--border);border-radius:18px;gap:12px;margin:28px 0 20px;padding:18px 20px;font-size:15px;display:grid}.total-row{grid-template-columns:1fr auto;align-items:center;gap:16px;font-weight:600;display:grid}.total-row.discount-row{align-items:center;font-weight:500}.invoice-discount-card{gap:12px;padding:10px 0 4px;display:grid}.invoice-discount-toggle{justify-content:space-between;align-items:center;gap:16px;font-weight:600;display:flex}.switch{filter:drop-shadow(0 6px 14px #0f172a0f);flex-shrink:0;width:46px;height:28px;display:inline-flex;position:relative}.switch input{opacity:0;cursor:pointer;position:absolute;inset:0}.switch-slider{background:color-mix(in srgb, var(--surface-disabled) 88%, var(--surface));border:1px solid color-mix(in srgb, var(--border) 86%, transparent);border-radius:999px;width:100%;height:100%;transition:background .28s,border-color .28s,box-shadow .28s,transform .28s;position:relative;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff6b,inset 0 -1px 2px #0f172a14,0 2px 8px #0f172a0d}.switch-slider:before{content:"";border-radius:inherit;opacity:.8;pointer-events:none;background:linear-gradient(#ffffff47,#0000 45%);transition:opacity .28s;position:absolute;inset:0}.switch-slider:after{content:"";background:linear-gradient(180deg, #fff, color-mix(in srgb, #fff 92%, var(--surface)));border:1px solid color-mix(in srgb, white 70%, var(--border));border-radius:50%;width:20px;height:20px;transition:transform .34s cubic-bezier(.22,1,.36,1),box-shadow .28s,background .28s;position:absolute;top:50%;left:3px;transform:translateY(-50%);box-shadow:inset 0 1px #ffffffeb,0 3px 10px #0f172a2e}.switch:hover .switch-slider{box-shadow:inset 0 1px 1px #ffffff7a,inset 0 -1px 2px #0f172a14,0 6px 14px #0f172a12}.switch input:focus-visible+.switch-slider{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent), 0 10px 22px #0f172a14}.switch input:checked+.switch-slider{background:linear-gradient(#7fb8d3f5,#73afccf2);border-color:#76b3d0c2;box-shadow:inset 0 1px 1px #ffffff3d,inset 0 -1px 2px #15344924,0 8px 18px #76b3d033}.switch input:checked+.switch-slider:before{opacity:.42}.switch input:checked+.switch-slider:after{background:linear-gradient(#fff,#f7f7f7);transform:translate(18px,-50%);box-shadow:inset 0 1px #fffffff5,0 4px 12px #0f172a29}[data-theme=dark] .switch-slider{background:color-mix(in srgb, var(--surface-disabled) 82%, #101623);box-shadow:inset 0 1px #ffffff14,inset 0 -1px 2px #0000002e,0 6px 14px #0000002e}[data-theme=dark] .switch:hover .switch-slider{box-shadow:inset 0 1px #ffffff14,0 8px 16px #00000038}[data-theme=dark] .switch input:checked+.switch-slider{box-shadow:inset 0 1px #ffffff14,inset 0 -1px 2px #0000003d,0 8px 18px #00000047}[data-theme=dark] .switch input:checked+.switch-slider:after{background:linear-gradient(#fff,#eef1f3)}.total-row.grand-total{border-top:1px dashed var(--border);color:var(--text-strong);margin-top:6px;padding-top:10px;font-size:18px}[data-theme=dark] .total-row.grand-total{color:var(--primary-light)}.discount-controls{grid-template-rows:auto auto;grid-template-columns:56px minmax(140px,220px);place-items:center start;gap:8px;display:grid}.discount-controls select,.discount-controls input{border:1px solid color-mix(in srgb, var(--border) 86%, transparent);background:color-mix(in srgb, var(--surface) 92%, var(--surface-muted));color:var(--text);border-radius:10px;height:36px;padding:6px 10px;font-size:14px}.discount-summary{color:var(--text-subtle);background:var(--surface);border:1px solid var(--border);white-space:nowrap;border-radius:999px;grid-column:1/-1;justify-self:start;align-items:center;height:32px;padding:4px 10px;font-size:12px;display:inline-flex}.discount-controls.invoice-level{grid-template-rows:auto auto;grid-template-columns:minmax(160px,220px);justify-content:end;justify-items:stretch}.invoice-discount-single-field{justify-self:end;width:min(220px,100%)}.invoice-discount-inline-select{min-width:54px}.actions{justify-content:center;align-items:center;gap:14px;margin-top:34px;display:flex}.actions .invoice-action-btn{letter-spacing:-.01em;border:1px solid #0000;border-radius:999px;min-width:190px;min-height:48px;padding:12px 22px;font-size:16px;font-weight:600;line-height:1;transition:box-shadow .18s,background-color .18s,border-color .18s,color .18s}.actions .invoice-action-btn:focus-visible{outline:none;box-shadow:0 0 0 3px #76b3d03d}.actions .invoice-action-preview{background:linear-gradient(180deg, color-mix(in srgb, var(--surface-strong) 92%, #2f3b57), var(--surface-strong));border-color:color-mix(in srgb, var(--surface-strong) 82%, #000);box-shadow:0 10px 22px #0f172a29}.actions .invoice-action-preview:hover:not(:disabled){background:linear-gradient(180deg, color-mix(in srgb, var(--surface-strong) 88%, #354467), color-mix(in srgb, var(--surface-strong) 94%, #1f2a44));border-color:color-mix(in srgb, var(--surface-strong) 72%, #0b1220);box-shadow:0 10px 22px #0f172a30}.actions .invoice-action-create{background:linear-gradient(#76b3d0,#6ca7c4);border-color:#6aa5c2;box-shadow:0 10px 22px #76b3d057}.actions .invoice-action-create:hover:not(:disabled){background:linear-gradient(#81b9d4,#6da9c6);border-color:#6ba5c1;box-shadow:0 10px 22px #76b3d066}[data-theme=dark] .actions .invoice-action-btn,[data-theme=dark] .actions .invoice-action-preview,[data-theme=dark] .actions .invoice-action-preview:hover:not(:disabled){box-shadow:none}[data-theme=dark] .actions .invoice-action-create{color:#fff;box-shadow:none;background:#76b3d0;border-color:#6097b3}[data-theme=dark] .actions .invoice-action-create:hover:not(:disabled){box-shadow:none;background:#86bcd6;border-color:#649db9}[data-theme=dark] .actions .invoice-action-btn:focus-visible{box-shadow:0 0 0 3px #76b3d047}.btn{cursor:pointer;border:none;border-radius:4px;padding:15px 30px;font-size:16px;font-weight:500;transition:all .3s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-dark{background:var(--surface-strong);color:#fff}.btn-dark:hover:not(:disabled){background:var(--surface-strong)}.btn-success{color:#fff;background:#00c853}.btn-success:hover:not(:disabled){background:#00a843}.message{text-align:center;background:var(--info-bg);color:var(--info-text);border-radius:4px;margin-top:20px;padding:15px;font-weight:500}@media (width<=1024px){.items-table{--items-min-width:0;overflow-x:auto}.items-header,.item-row{grid-template-columns:1fr}.items-header{display:none}.item-row{border:1px solid var(--border);background:var(--surface);border-radius:10px;min-width:0;padding:12px}.item-row .item-field{width:100%}.item-field:before{content:attr(data-label);color:var(--text-muted);margin-bottom:4px;font-size:12px;display:block}.item-row{gap:8px}.item-row input{width:100%}.item-row .remove-btn{border-radius:8px;width:100%;height:36px}}@media (width<=768px){.invoice-form{box-shadow:none;padding:16px}.invoice-topbar{padding:8px 0 0}.invoice-topbar-meta{grid-template-columns:1fr;padding:16px}.form-sections,.invoice-header{grid-template-columns:1fr}.items-table{--items-min-width:520px}.actions{flex-direction:column}}@media (width<=480px){.add-item-btn{text-align:center;width:100%}.total-section{font-size:15px}.total-row{grid-template-columns:1fr;align-items:flex-start}.discount-controls{grid-template-columns:1fr;justify-items:start}}.flatpickr-months .flatpickr-monthDropdown-months,.flatpickr-months .flatpickr-yearDropdown{appearance:auto;-webkit-appearance:menulist;border:1px solid var(--border);background-color:var(--surface-alt);color:var(--text);background-image:none;border-radius:8px;padding:2px 8px;font-size:.95rem;line-height:1.2}[data-theme=dark] .flatpickr-months .flatpickr-monthDropdown-months,[data-theme=dark] .flatpickr-months .flatpickr-yearDropdown{background-color:color-mix(in srgb, var(--surface) 84%, #0a1527);border-color:color-mix(in srgb, var(--border-soft) 82%, #8ea9cc);color:var(--text-strong)}.flatpickr-months .flatpickr-monthDropdown-months option,.flatpickr-months .flatpickr-yearDropdown option{background:var(--surface);color:var(--text)}[data-theme=dark] .flatpickr-months .flatpickr-monthDropdown-months option,[data-theme=dark] .flatpickr-months .flatpickr-yearDropdown option{background:color-mix(in srgb, var(--surface) 88%, #0b1424);color:var(--text)}.flatpickr-current-month .numInputWrapper,.flatpickr-current-month .numInput.cur-year,.flatpickr-current-month .arrowUp,.flatpickr-current-month .arrowDown{display:none!important}.diff-page{flex-direction:column;gap:20px;display:flex}.diff-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.diff-header h3{margin-bottom:6px;font-size:20px}.diff-header p{color:var(--text-muted);max-width:520px}.diff-support{background:var(--info-bg);color:var(--info-text);border-radius:8px;padding:8px 12px;font-size:13px}.diff-inputs{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));align-items:end;gap:16px;display:grid}.diff-upload{border:1px dashed var(--border-dashed);background:var(--surface-muted);cursor:pointer;border-radius:10px;flex-direction:column;gap:8px;padding:14px;display:flex}.diff-upload input{display:none}.diff-upload span{color:var(--text-soft);font-size:13px}.diff-upload strong{color:var(--text-strong);word-break:break-word;font-size:14px}.diff-actions{align-items:center;gap:10px;display:flex}.diff-error{color:#b42318;background:#fde8e8;border-radius:8px;padding:10px 12px;font-size:14px}[data-theme=dark] .diff-error{color:#ffb4ac;background:#b4231833}.diff-results{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.diff-summary{color:var(--text-muted);justify-content:space-between;font-size:14px;display:flex}.diff-unchanged{color:var(--text-soft)}.diff-legend{flex-wrap:wrap;gap:8px;display:flex}.diff-pill{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.diff-pill.added{color:#166534;background:#22c55e26}.diff-pill.removed{color:#991b1b;background:#ef444426}[data-theme=dark] .diff-pill.added{color:#86efac}[data-theme=dark] .diff-pill.removed{color:#fecaca}.diff-output{background:var(--surface-alt);white-space:pre-wrap;border:1px solid var(--border);border-radius:10px;max-height:420px;padding:16px;font-size:14px;line-height:1.6;overflow:auto}.diff-viewer-row{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;display:grid}.diff-viewer-card{border:1px solid var(--border);background:var(--surface-alt);border-radius:10px;flex-direction:column;gap:12px;padding:12px;display:flex}.diff-viewer-title{color:var(--text-strong);font-size:13px;font-weight:600}.diff-text-hint{color:var(--text-muted);background:var(--surface);border:1px dashed var(--border);border-radius:8px;padding:8px;font-size:12px}.diff-page-badges{flex-wrap:wrap;gap:6px;display:flex}.diff-page-pill{border-radius:999px;padding:4px 8px;font-size:12px;font-weight:600}.diff-page-pill.added{color:#166534;background:#22c55e26}.diff-page-pill.removed{color:#991b1b;background:#ef444426}.diff-page-pill.neutral{background:var(--surface);border:1px dashed var(--border);color:var(--text-muted)}[data-theme=dark] .diff-page-pill.added{color:#86efac}[data-theme=dark] .diff-page-pill.removed{color:#fecaca}.diff-pdf-viewer{border:1px solid var(--border);background:var(--surface);border-radius:10px;width:100%;height:680px}.diff-docx-viewer{background:var(--surface);border:1px solid var(--border);border-radius:8px;max-height:520px;padding:16px;font-size:14px;line-height:1.7;overflow:auto}.diff-docx-viewer p{margin-bottom:10px}.diff-changes{grid-template-columns:minmax(220px,320px) minmax(280px,1fr);gap:16px;display:grid}.diff-table-card{border:1px solid var(--border);background:var(--surface-alt);border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex}.diff-table-title{color:var(--text-strong);font-size:13px;font-weight:600}.diff-table{border-collapse:collapse;width:100%;font-size:13px}.diff-table th,.diff-table td{text-align:left;border-bottom:1px solid var(--border);padding:8px 6px}.diff-table th{color:var(--text-muted);font-weight:600}.diff-cell-added{color:#166534;font-weight:600}.diff-cell-removed{color:#991b1b;font-weight:600}[data-theme=dark] .diff-cell-added{color:#86efac}[data-theme=dark] .diff-cell-removed{color:#fecaca}.diff-diff-pane{flex-direction:column;display:flex}.diff-part.added{color:#14532d;background:#22c55e33;border-radius:4px}.diff-part.removed{color:#7f1d1d;background:#ef444433;border-radius:4px;text-decoration:line-through}[data-theme=dark] .diff-part.added{color:#bbf7d0}[data-theme=dark] .diff-part.removed{color:#fecaca}@media (width<=720px){.diff-header{align-items:flex-start}.diff-actions{justify-content:flex-start}.diff-changes{grid-template-columns:1fr}}*{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f5f5;--app-bg:#f5f7fa;--primary:#2563eb;--primary-light:#93c5fd;--accent:#22c55e;--surface:#fff;--surface-alt:#f7f8fb;--surface-muted:#f8fafc;--surface-hover:#f3f4f6;--surface-hover-alt:#f4f6f9;--surface-disabled:#e2e8f0;--surface-strong:#0f172a;--border:#e5e7eb;--border-soft:#e2e8f0;--border-strong:#0f172a;--border-dashed:#cbd5f5;--text:#0f172a;--text-strong:#111827;--text-muted:#6b7280;--text-soft:#64748b;--text-subtle:#475569;--text-disabled:#94a3b8;--link:#0070f3;--input-bg:#f7f8fb;--input-bg-strong:#f1f5f9;--info-bg:#e3f2fd;--info-text:#1976d2}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a101a;--app-bg:#0a101a;--primary:#60a5fa;--primary-light:#93c5fd;--accent:#34d399;--surface:#101a2b;--surface-alt:#0d1726;--surface-muted:#122035;--surface-hover:#1a2a43;--surface-hover-alt:#16253c;--surface-disabled:#1f2e45;--surface-strong:#3b82f6;--border:#2a3e5c;--border-soft:#395375;--border-strong:#e2e8f0;--border-dashed:#546c8f;--text:#f8fafc;--text-strong:#fff;--text-muted:#c1cee1;--text-soft:#afbdd2;--text-subtle:#d9e3f2;--text-disabled:#6b7c93;--link:#86d5ff;--input-bg:#0f1626;--input-bg-strong:#111c2f;--info-bg:#123054;--info-text:#a5d2ff}html,body{width:100%;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}#root{width:100%;height:100%}