.upgrade-overlay{z-index:1200;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.upgrade-modal{background:var(--surface,#fff);border-radius:16px;width:100%;max-width:900px;max-height:90vh;padding:32px;position:relative;overflow-y:auto;box-shadow:0 20px 60px #00000040}.upgrade-modal__close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:50%;align-items:center;padding:4px;transition:background .15s;display:flex;position:absolute;top:16px;right:16px}.upgrade-modal__close:hover{background:var(--surface-alt,#f5f5f5)}.upgrade-modal__limit-notice{color:#664d03;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;align-items:flex-start;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:14px;display:flex}.upgrade-modal__limit-notice .material-icons{color:#e6a800;flex-shrink:0;margin-top:1px}.upgrade-modal__title{color:var(--text-primary,#1a1a2e);margin:0 0 4px;font-size:24px;font-weight:700}.upgrade-modal__sub{color:var(--text-secondary);margin:0 0 24px;font-size:13px}.upgrade-modal__plans{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:20px;display:grid}.plan-card{border:2px solid var(--border,#e0e0e0);border-radius:12px;flex-direction:column;gap:8px;padding:20px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.plan-card--current{border-color:var(--primary,#3b82f6);background:color-mix(in srgb, var(--primary,#3b82f6) 5%, transparent)}.plan-card--highlight{border-color:var(--primary,#3b82f6);box-shadow:0 4px 20px #3b82f633}.plan-card__popular{background:var(--primary,#3b82f6);color:#fff;white-space:nowrap;border-radius:20px;padding:2px 12px;font-size:11px;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.plan-card__header{justify-content:space-between;align-items:center;gap:8px;display:flex}.plan-card__name{font-size:16px;font-weight:700}.plan-card__badge{background:var(--primary,#3b82f6);color:#fff;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:600}.plan-card__price{align-items:baseline;gap:2px;margin:4px 0 2px;display:flex}.plan-card__amount{color:var(--text-primary,#1a1a2e);font-size:28px;font-weight:800}.plan-card__period{color:var(--text-secondary);font-size:14px}.plan-card__billed{color:var(--text-secondary);font-size:12px}.plan-card__savings{color:#22c55e;background:#f0fdf4;border-radius:4px;width:-moz-fit-content;width:fit-content;padding:2px 8px;font-size:12px;font-weight:600}.plan-card__features{flex-direction:column;flex:1;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.plan-card__features li{align-items:center;gap:6px;font-size:13px;display:flex}.plan-card__features .material-icons{color:#22c55e;font-size:16px}.plan-card__feature--off .material-icons{color:#9ca3af}.plan-card__feature--off{color:var(--text-secondary)}.plan-card__cta{text-align:center;margin-top:12px;text-decoration:none;display:block}.upgrade-modal__contact{text-align:center;color:var(--text-secondary);margin:0;font-size:13px}.upgrade-modal__contact a{color:var(--primary,#3b82f6)}@media (max-width:600px){.upgrade-modal{border-radius:12px;padding:20px 16px}.upgrade-modal__title{font-size:20px}.plan-card__amount{font-size:24px}}:root{--primary:#1565c0;--primary-dark:#0d47a1;--primary-light:#e3f2fd;--accent:#4caf50;--accent-dark:#388e3c;--danger:#d32f2f;--danger-light:#ffebee;--warning:#f57f17;--warning-light:#fff8e1;--text-primary:#212121;--text-secondary:#616161;--text-disabled:#9e9e9e;--divider:#e0e0e0;--surface:#fff;--bg:#f5f5f5;--sidebar-bg:#1a237e;--sidebar-text:#ffffffd9;--sidebar-active:#fff;--sidebar-hover:#ffffff1f;--sidebar-w:220px;--radius:8px;--radius-sm:4px;--shadow:0 1px 4px #0000001f;--shadow-md:0 4px 12px #00000026;--transition:.15s ease;--font:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Consolas", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{font-family:var(--font);color:var(--text-primary);background:var(--bg);-webkit-font-smoothing:antialiased;min-height:100%;font-size:14px;overflow-x:hidden}a{color:inherit;text-decoration:none}.email-preview p{min-height:1em;margin:0 0 .75em}.email-preview p:last-child{margin-bottom:0}.email-preview strong{font-weight:600}.email-preview em{font-style:italic}.email-preview ul,.email-preview ol{margin:0 0 .75em;padding-left:22px}.email-preview li{margin-bottom:2px}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}ul,ol{list-style:none}#app{align-items:flex-start;min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--sidebar-bg);flex-direction:column;flex-shrink:0;height:100vh;display:flex;position:sticky;top:0;overflow:hidden}.sidebar__logo{color:#fff;letter-spacing:-.3px;border-bottom:1px solid #ffffff1a;padding:20px 16px 16px;font-size:18px;font-weight:700}.sidebar__logo span{color:#81d4fa}.sidebar__nav{flex:1;padding:8px 0;overflow-y:auto}.nav-new-btn{color:#0d1b6e;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background var(--transition), transform var(--transition);letter-spacing:.1px;background:#81d4fa;border-radius:8px;align-items:center;gap:10px;margin:8px 12px 4px;padding:10px 14px;font-size:13.5px;font-weight:700;display:flex}.nav-new-btn:hover{background:#b3e5fc;transform:translateY(-1px)}.nav-new-btn:active{transform:translateY(0)}.nav-new-btn .material-icons{font-size:20px}.nav-item{color:var(--sidebar-text);transition:background var(--transition), color var(--transition);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:0;align-items:center;gap:12px;padding:10px 16px;font-size:13.5px;font-weight:500;display:flex}.nav-item:hover{background:var(--sidebar-hover);color:#fff}.nav-item.active{color:var(--sidebar-active);background:#ffffff2e}.nav-item .material-icons{opacity:.85;font-size:20px}.sidebar__bottom{border-top:1px solid #ffffff1a;padding:12px 16px}.sidebar__user{color:var(--sidebar-text);text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px;font-size:12px;overflow:hidden}.sidebar__plan-badge{cursor:pointer;background:#ffffff12;border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;gap:5px;margin-bottom:10px;padding:8px 10px;transition:background .15s;display:flex}.sidebar__plan-badge:hover{background:#ffffff21}.sidebar__plan-badge__top{color:#ffffffe6;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:5px;font-size:11px;font-weight:600;display:flex}.sidebar__plan-badge__bar{background:#ffffff26;border-radius:2px;height:4px;overflow:hidden}.sidebar__plan-badge__fill{border-radius:2px;height:100%;transition:width .4s}.sidebar__plan-badge__info{color:#ffffffa6;justify-content:space-between;align-items:center;font-size:11px;display:flex}.sidebar__plan-badge__upgrade{color:#93c5fd;font-size:11px;font-weight:600}.main-content{flex-direction:column;flex:1;min-width:0;display:flex}.mobile-topbar{background:var(--sidebar-bg);color:#fff;letter-spacing:-.3px;z-index:100;flex-shrink:0;align-items:center;gap:8px;height:56px;padding:0 16px;font-size:17px;font-weight:700;display:none;position:sticky;top:0}.mobile-topbar__title span{color:#81d4fa}.hamburger{color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;transition:background .15s;display:flex}.hamburger:hover{background:#ffffff1f}.hamburger .material-icons{font-size:24px}.sidebar-overlay{z-index:150;background:#00000073;position:fixed;top:0;bottom:0;left:0;right:0}.page-container{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:24px}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.page-title{color:var(--text-primary);font-size:22px;font-weight:700}.action-dropdown{display:inline-flex;position:relative}.action-dropdown-menu{background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:200;min-width:220px;position:absolute;top:calc(100% + 4px);right:0;overflow:hidden}.action-dropdown-menu button{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;transition:background var(--transition);background:0 0;border:none;align-items:center;gap:10px;padding:10px 14px;font-size:14px;display:flex}.action-dropdown-menu button:hover{background:var(--primary-light)}.action-dropdown-menu .menu-divider{background:var(--divider);height:1px;margin:4px 0}.exp-dialog{max-width:min(480px,96vw)}.export-status-bar{z-index:2000;white-space:nowrap;border-radius:8px;align-items:center;gap:10px;min-width:260px;max-width:480px;padding:10px 16px;font-size:14px;font-weight:500;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000002e}.export-status-bar--running{background:var(--primary);color:#fff}.export-status-bar--running .material-icons{animation:1s linear infinite spin}.export-status-bar--done{color:#fff;background:#2a9d3a}.export-status-bar--error{color:#fff;background:#d32f2f}.export-status-bar span:nth-child(2){text-overflow:ellipsis;flex:1;overflow:hidden}.export-status-bar__close{cursor:pointer;color:inherit;opacity:.75;background:0 0;border:none;align-items:center;padding:0;display:flex}.export-status-bar__close:hover{opacity:1}.exp-section-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:13px;font-weight:600}.exp-date-row{align-items:center;gap:6px;margin-bottom:8px;display:flex}.exp-date-row .form-control{flex:1}.exp-date-sep{color:var(--text-secondary);flex-shrink:0;font-size:18px}.btn-icon-sm{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;align-items:center;padding:4px;display:flex}.btn-icon-sm:hover{background:var(--surface-variant);color:var(--text)}.btn-icon-sm .material-icons{font-size:18px}.exp-chips{flex-wrap:wrap;gap:6px;margin-bottom:4px;display:flex}.exp-chip{border:1px solid var(--divider);background:var(--surface-variant,#f5f5f5);cursor:pointer;color:var(--text);border-radius:20px;padding:3px 10px;font-size:12px;transition:background .15s,border-color .15s}.exp-chip:hover{background:var(--primary-light,#e3f2fd);border-color:var(--primary);color:var(--primary)}.exp-chip--active{background:var(--primary);border-color:var(--primary);color:#fff}.exp-divider{background:var(--divider);height:1px;margin:14px 0}.exp-filters{flex-wrap:wrap;gap:10px;display:flex}.exp-filter-item{flex-direction:column;flex:1;gap:4px;min-width:120px;display:flex}.exp-filter-label{color:var(--text-secondary);font-size:12px;font-weight:500}.exp-format-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.exp-format-btn{border:2px solid var(--divider);cursor:pointer;color:var(--text-secondary);background:#fff;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;font-size:13px;font-weight:500;transition:border-color .15s,color .15s,background .15s;display:flex}.exp-format-btn .material-icons{font-size:22px}.exp-format-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light,#e3f2fd)}.exp-format-btn--active{border-color:var(--primary);color:var(--primary);background:var(--primary-light,#e8f4fd);font-weight:600}.exp-single-row{align-items:center;gap:10px;margin-top:12px;display:flex}.exp-seg{border:1px solid var(--divider);border-radius:6px;display:flex;overflow:hidden}.exp-seg-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;padding:5px 12px;font-size:13px;transition:background .12s}.exp-seg-btn+.exp-seg-btn{border-left:1px solid var(--divider)}.exp-seg-btn--active{background:var(--primary);color:#fff;font-weight:500}.exp-count{color:var(--primary);font-size:14px;font-weight:600}.exp-count--zero{color:var(--danger,#e53935)}@keyframes spin{to{transform:rotate(360deg)}}.spin-icon{animation:.8s linear infinite spin;display:inline-block}.year-nav{background:var(--surface-variant,#f1f3f5);border:1px solid var(--divider);border-radius:8px;align-items:center;gap:2px;padding:2px 4px;display:inline-flex}.year-nav-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;transition:background .15s,color .15s;display:flex}.year-nav-btn:hover:not(:disabled){background:var(--primary-light,#e3f2fd);color:var(--primary)}.year-nav-btn:disabled{opacity:.3;cursor:default}.year-nav-btn .material-icons{font-size:26px}.year-nav-label{text-align:center;min-width:42px;color:var(--text-primary);-webkit-user-select:none;user-select:none;font-size:15px;font-weight:700}.btn{border-radius:var(--radius-sm);transition:background var(--transition), opacity var(--transition);white-space:nowrap;cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:13.5px;font-weight:500;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn .material-icons{font-size:18px}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover:not(:disabled){background:var(--accent-dark)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#b71c1c}.btn-outline{color:var(--primary);border:1px solid var(--primary);background:#fff}.btn-outline:hover:not(:disabled){background:var(--primary-light)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--divider)}.btn-sm{padding:5px 10px;font-size:12.5px}.btn-icon{border-radius:50%;padding:6px}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.card--flat{box-shadow:none;border:1px solid var(--divider)}.form-group{flex-direction:column;gap:4px;margin-bottom:16px;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;font-size:12px;font-weight:500}.form-control{border:1px solid var(--divider);border-radius:var(--radius-sm);color:var(--text-primary);background:var(--surface);transition:border-color var(--transition), box-shadow var(--transition);width:100%;padding:8px 10px;font-size:14px}.form-control:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #1565c01f}.form-control:disabled{background:var(--bg);color:var(--text-disabled);cursor:not-allowed}.form-control.error{border-color:var(--danger)}.form-hint{color:var(--text-secondary);font-size:11.5px}.form-error{color:var(--danger);font-size:11.5px}select.form-control{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23616161' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}.data-table{table-layout:fixed;border-collapse:collapse;width:100%;font-size:13.5px}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);border-bottom:2px solid var(--divider);white-space:nowrap;padding:10px 12px;font-size:11.5px;font-weight:600}.data-table td{border-bottom:1px solid var(--divider);vertical-align:middle;padding:11px 12px}.data-table tbody tr:hover{background:#fafafa}.data-table tbody tr:last-child td{border-bottom:none}.data-table .num{text-align:right;font-variant-numeric:tabular-nums}.data-table .center{text-align:center}.data-table .actions{text-align:right;white-space:nowrap}.badge{white-space:nowrap;border-radius:12px;align-items:center;gap:4px;padding:3px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.badge-draft{color:#546e7a;background:#eceff1}.badge-sent{color:#1565c0;background:#e3f2fd}.badge-unpaid{color:#f57f17;background:#fff8e1}.badge-paid{color:#2e7d32;background:#e8f5e9}.badge-partial{color:#e65100;background:#fff3e0}.badge-overdue{background:var(--danger-light);color:var(--danger)}.badge-cancelled{color:var(--text-disabled);background:#eceff1}.badge-paid_cash,.badge-paid_card,.badge-paid_transfer{color:#2e7d32;background:#e8f5e9}.month-group-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;border-bottom:1px solid var(--divider);background:#fafafa;justify-content:space-between;align-items:center;padding:8px 12px 6px;font-size:11.5px;font-weight:600;display:flex}.filters-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.filters-bar .form-control{width:auto;min-width:120px}.search-input{min-width:220px}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.empty-state{text-align:center;color:var(--text-secondary);padding:60px 24px}.empty-state .material-icons{color:var(--divider);margin-bottom:12px;font-size:48px}.empty-state p{margin-bottom:6px;font-size:15px}.spinner{border:3px solid var(--divider);border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin;display:inline-block}.loading-center{justify-content:center;align-items:center;padding:60px;display:flex}#snackbar-container{z-index:9999;pointer-events:none;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.snackbar{border-radius:var(--radius);color:#fff;box-shadow:var(--shadow-md);pointer-events:all;text-align:center;max-width:480px;padding:12px 20px;font-size:13.5px;font-weight:500;animation:.2s forwards snack-in}.snackbar-success{background:#2e7d32}.snackbar-error{background:var(--danger)}.snackbar-info{background:var(--primary)}@keyframes snack-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.modal-backdrop{z-index:1000;background:#00000073;justify-content:center;align-items:center;animation:.15s fade-in;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal{background:var(--surface);border-radius:var(--radius);width:100%;max-height:90vh;animation:.18s modal-in;overflow-y:auto;box-shadow:0 8px 32px #0003}.modal-sm{max-width:420px}.modal-md{max-width:620px}.modal-lg{max-width:820px}.modal-header{border-bottom:1px solid var(--divider);background:var(--surface);z-index:1;justify-content:space-between;align-items:center;padding:18px 20px 14px;display:flex;position:sticky;top:0}.modal-title{font-size:17px;font-weight:600}.modal-body{padding:20px}.modal-footer{border-top:1px solid var(--divider);justify-content:flex-end;gap:8px;padding:14px 20px;display:flex}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:0;transform:scale(.96)translateY(-8px)}to{opacity:1;transform:none}}.chip-input-container{border:1px solid var(--divider);border-radius:var(--radius-sm);cursor:text;min-height:38px;transition:border-color var(--transition);flex-wrap:wrap;gap:4px;padding:4px 6px;display:flex}.chip-input-container:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #1565c01f}.chip{background:var(--primary-light);color:var(--primary-dark);border-radius:12px;align-items:center;gap:4px;padding:2px 8px;font-size:12.5px;font-weight:500;display:inline-flex}.chip__remove{cursor:pointer;color:var(--primary);font-size:14px;font-weight:700;line-height:1}.chip__remove:hover{color:var(--danger)}.chip-input{border:none;outline:none;flex:1;min-width:140px;padding:2px 4px;font-family:inherit;font-size:13.5px}.tabs{border-bottom:2px solid var(--divider);gap:0;margin-bottom:20px;display:flex}.tab{color:var(--text-secondary);cursor:pointer;transition:color var(--transition), border-color var(--transition);white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 18px;font-size:13.5px;font-weight:500}.tab:hover{color:var(--primary)}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.items-table{border-collapse:collapse;width:100%;font-size:13px}.items-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;border-bottom:2px solid var(--divider);white-space:nowrap;padding:8px 6px;font-size:11px;font-weight:600}.items-table tr.item-row:hover{background:#fafafa}.items-table .form-control{padding:6px 8px}.items-table .num-td input{text-align:right}.items-table .drag-handle{cursor:grab;color:var(--text-disabled)}.item-add-btn{color:var(--primary);cursor:pointer;align-items:center;gap:4px;margin-top:8px;padding:6px 0;font-size:13px;display:flex}.item-add-btn:hover{color:var(--primary-dark)}.totals-block{width:280px;margin-top:16px;margin-left:auto}.totals-row{justify-content:space-between;padding:5px 0;font-size:13.5px;display:flex}.totals-row.total-final{border-top:2px solid var(--text-primary);color:var(--primary);margin-top:4px;padding-top:8px;font-size:15px;font-weight:700}.autocomplete-wrapper{position:relative}.autocomplete-list{background:var(--surface);border:1px solid var(--divider);border-radius:0 0 var(--radius-sm) var(--radius-sm);box-shadow:var(--shadow-md);z-index:100;border-top:none;max-height:220px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.autocomplete-item{cursor:pointer;transition:background var(--transition);padding:9px 12px;font-size:13.5px}.autocomplete-item:hover,.autocomplete-item.focused{background:var(--primary-light)}.autocomplete-item strong{color:var(--primary)}.autocomplete-item small{color:var(--text-secondary);font-size:11.5px;display:block}.pdf-preview-wrap{position:relative}.pdf-preview{border:1px solid var(--divider);border-radius:var(--radius-sm);width:100%;min-height:600px}.progress-bar{background:var(--divider);border-radius:2px;height:4px;overflow:hidden}.progress-bar__fill{background:var(--primary);border-radius:2px;height:100%;transition:width .3s}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);color:#fff;border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;z-index:200;background:#37474f;padding:4px 8px;font-size:11.5px;transition:opacity .15s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-4px)}[data-tip]:hover:after{opacity:1}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#bdbdbd;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#9e9e9e}.login-wrap{background:var(--primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-md);width:360px;max-width:95vw;padding:40px 36px 32px}.login-logo{color:var(--primary);text-align:center;margin-bottom:4px;font-size:24px;font-weight:700}.login-logo span{color:var(--accent)}.login-title{color:var(--text-secondary);text-align:center;margin-bottom:24px;font-size:16px;font-weight:500}.login-toggle{text-align:center;color:var(--text-secondary);margin-top:16px;font-size:13px}.login-toggle .btn{color:var(--primary);padding:2px 4px;font-size:13px}.card-header{border-bottom:1px solid var(--divider);justify-content:space-between;align-items:center;gap:8px;padding:14px 20px 12px;display:flex}.card-title{color:var(--text-primary);font-size:15px;font-weight:600}.card-body{padding:16px 20px}.card-footer{border-top:1px solid var(--divider);padding:12px 20px}.text-right{text-align:right!important}.text-center{text-align:center!important}.font-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.inv-number{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:14px;font-weight:700}.data-table-wrap{overflow-x:auto}.filter-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.filter-bar .form-control{width:auto;min-width:120px}.modal-overlay{z-index:1000;background:#00000073;justify-content:center;align-items:center;animation:.15s fade-in;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.loading-spinner{border:3px solid var(--divider);border-top-color:var(--primary);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite spin;display:inline-block}.autocomplete-dropdown{background:var(--surface);border:1px solid var(--divider);border-radius:0 0 var(--radius-sm) var(--radius-sm);box-shadow:var(--shadow-md);z-index:100;border-top:none;max-height:220px;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.autocomplete-dropdown .autocomplete-item{cursor:pointer;transition:background var(--transition);padding:9px 12px;font-size:13.5px}.autocomplete-dropdown .autocomplete-item:hover{background:var(--primary-light)}.invoice-items-table{border-collapse:collapse;width:100%;font-size:13px}.invoice-items-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;border-bottom:2px solid var(--divider);white-space:nowrap;padding:8px 6px;font-size:11px;font-weight:600}.invoice-items-table td{vertical-align:top;padding:4px}.invoice-items-table tr:hover{background:#fafafa}.invoice-items-table .form-control{padding:6px 8px}.invoice-totals{width:300px;margin-top:16px;margin-left:auto}.totals-total{border-top:2px solid var(--text-primary)!important;color:var(--primary)!important;margin-top:4px!important;padding-top:8px!important;font-size:15px!important;font-weight:700!important}.status-menu{background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:900;min-width:160px;overflow:hidden}.status-menu .autocomplete-item{cursor:pointer;transition:background var(--transition);padding:9px 14px;font-size:13px}.status-menu .autocomplete-item:hover,.data-table tbody tr.selected{background:var(--primary-light)}.data-table tbody tr.selected:hover{background:#bbdefb}@media (max-width:768px){.mobile-topbar{display:flex}.sidebar{top:0;left:calc(-1 * var(--sidebar-w) - 10px);z-index:200;height:100vh;width:var(--sidebar-w);transition:left .25s;position:fixed}.sidebar--open{left:0}.page-container{padding:12px 16px}.page-header{flex-direction:column;align-items:flex-start;gap:8px}.page-title{font-size:18px}}.month-group-meta{color:var(--text-secondary);text-transform:none;letter-spacing:0;align-items:center;gap:12px;font-size:12px;font-weight:400;display:flex}.month-group-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:3px;display:inline-block}.dot-paid{background:#43a047}.dot-unpaid{background:var(--danger)}.month-group-header .month-group-right{align-items:center;gap:12px;display:flex}.email-icon{vertical-align:middle;margin-right:2px;font-size:14px!important}.email-icon.sent{color:#43a047}.email-icon.unsent{color:var(--divider)}.filter-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.filter-chip{border:1px solid var(--divider);color:var(--text-secondary);cursor:pointer;background:var(--surface);transition:background var(--transition), border-color var(--transition), color var(--transition);-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:20px;align-items:center;gap:5px;padding:5px 11px;font-size:12.5px;font-weight:500;display:inline-flex}.filter-chip:hover{border-color:var(--primary);color:var(--primary)}.filter-chip.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary-dark)}.filter-chip .material-icons{font-size:14px!important}.filter-chip .chip-clear{cursor:pointer;color:var(--primary);margin-left:-2px;font-size:14px!important}.filter-chip .chip-clear:hover{color:var(--danger)}.filter-chip .chip-arrow{font-size:16px!important}.invoice-detail-panel{border-top:1px solid var(--primary-light);border-left:3px solid var(--primary);background:#f8fafb;padding:16px}.detail-items-table{border-collapse:collapse;width:100%;font-size:12.5px}.detail-items-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;border-bottom:2px solid var(--divider);white-space:nowrap;background:#f0f4f8;padding:6px 8px;font-size:10.5px;font-weight:600}.detail-items-table td{border-bottom:1px solid var(--divider);vertical-align:top;padding:5px 8px}.detail-items-table tr:last-child td{border-bottom:none}.detail-totals{justify-content:flex-end;margin-top:4px;display:flex}.detail-totals-inner{border-top:1px solid var(--divider);min-width:260px;padding-top:8px}.detail-totals-row{justify-content:space-between;padding:3px 0;font-size:12.5px;display:flex}.detail-totals-row.grand{border-top:2px solid var(--text-primary);color:var(--primary);margin-top:4px;padding-top:6px;font-size:14px;font-weight:700}.detail-panels{grid-template-columns:1fr 1fr 1fr;gap:12px;margin-top:16px;display:grid}@media (max-width:900px){.detail-panels{grid-template-columns:1fr 1fr}}@media (max-width:600px){.detail-panels{grid-template-columns:1fr}}.detail-panel-box{background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-sm);padding:12px}.detail-panel-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:11px;font-weight:700}.detail-panel-row{gap:6px;padding:2px 0;font-size:13px;display:flex}.detail-panel-label{color:var(--text-secondary);flex:0 0 88px;font-size:12px}.detail-panel-value{flex:1;font-size:13px}.detail-action-bar{border-top:1px solid var(--divider);flex-wrap:wrap;gap:8px;margin-top:16px;padding-top:14px;display:flex}.payments-table{border-collapse:collapse;width:100%;margin-bottom:8px;font-size:12px}.payments-table th{text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--divider);text-align:left;padding:4px 6px;font-size:10px;font-weight:600}.payments-table td{border-bottom:1px solid var(--divider);padding:4px 6px}.payments-table tr:last-child td{border-bottom:none}.payments-summary{border-top:1px solid var(--divider);justify-content:space-between;margin-top:4px;padding-top:6px;font-size:12px;display:flex}.toggle-row{justify-content:space-between;align-items:center;padding:4px 0;font-size:12px;display:flex}.toggle-switch{width:34px;height:18px;display:inline-block;position:relative}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:#ccc;border-radius:18px;transition:background .2s;position:absolute;top:0;bottom:0;left:0;right:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .2s;position:absolute;bottom:3px;left:3px}.toggle-switch input:checked+.toggle-slider{background:var(--primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(16px)}.date-range-inputs{align-items:center;gap:4px;font-size:13px;display:flex}.date-range-inputs input[type=date]{border:1px solid var(--divider);border-radius:var(--radius-sm);padding:5px 8px;font-family:inherit;font-size:13px}.row-expanded td{background:var(--primary-light)!important}.row-late-payer td{background:#dc35450d}.row-late-payer:hover td{background:#dc35451a!important}.detail-panel{border-left:3px solid var(--primary);border-bottom:1px solid var(--divider);background:#f8faff;padding:12px 16px 16px}.detail-panel__actions{border-top:1px solid var(--divider);flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;padding-top:10px;display:flex}.action-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.action-group--center{flex:1;justify-content:center}.action-group--right{gap:8px;margin-left:auto}.send-btn-wrap{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.email-sent-badge{color:var(--success,#2e7d32);white-space:nowrap;align-items:center;gap:3px;font-size:11px;display:flex}.email-sent-badge .material-icons{font-size:13px}.detail-panel__items{margin-bottom:12px}.preview-items-table{border-collapse:collapse;width:100%;min-width:700px;font-size:13.5px}.preview-items-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;border-bottom:2px solid var(--divider);white-space:nowrap;background:#edf2ff;padding:7px 8px;font-size:12px;font-weight:600}.preview-items-table td{vertical-align:middle;border-bottom:1px solid #0000000f;padding:7px 8px}.preview-items-table tr:last-child td{border-bottom:none}.preview-items-table .num{text-align:right}.preview-items-table .center{text-align:center}.detail-panel__totals{border-top:1px solid var(--divider);background:#edf2ff;flex-wrap:wrap;justify-content:flex-end;gap:4px 16px;padding:6px 8px;font-size:12px;display:flex}.detail-panel__total-item{white-space:nowrap;align-items:center;gap:4px;display:flex}.detail-panel__total-grand{color:var(--primary-dark);margin-left:8px;font-size:13px;font-weight:700}.detail-panel__grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (max-width:860px){.detail-panel__grid{grid-template-columns:1fr 1fr}}@media (max-width:580px){.detail-panel__grid{grid-template-columns:1fr}}@media (max-width:1024px){.detail-panel__actions{grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.detail-panel__actions .action-group:not(.action-group--center):not(.action-group--right){flex-wrap:wrap;grid-area:1/1/auto/-1}.detail-panel__actions .action-group--center{flex:unset;grid-area:2/1;justify-content:flex-start}.detail-panel__actions .action-group--right{grid-area:2/2;margin-left:0}}@media (max-width:768px){.detail-panel__actions{flex-direction:column;align-items:stretch;gap:8px;display:flex}.detail-panel__actions .action-group{flex-wrap:wrap}.detail-panel__actions .action-group--right{margin-left:0}.detail-panel__actions .btn{flex:1;justify-content:center;min-height:44px}}.panel-box{background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-sm);padding:10px 12px;font-size:12.5px}.panel-box__title{text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:8px;font-size:10.5px;font-weight:700}.panel-row{align-items:baseline;gap:6px;margin-bottom:4px;line-height:1.4;display:flex}.panel-row__label{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;min-width:90px;font-size:12px}.panel-row__value{color:var(--text-primary);word-break:break-word}.payments-mini-table{border-collapse:collapse;width:100%;margin-bottom:6px;font-size:12px}.payments-mini-table th{color:var(--text-secondary);border-bottom:1px solid var(--divider);text-transform:uppercase;letter-spacing:.3px;padding-bottom:4px;font-size:11px;font-weight:600}.payments-mini-table td{vertical-align:middle;border-bottom:1px solid #0000000d;padding:3px 2px}.payments-mini-table .num{text-align:right}.payments-summary{border-top:1px solid var(--divider);margin-top:6px;padding-top:6px;font-size:12px}.payments-summary__row{color:var(--text-secondary);justify-content:space-between;align-items:center;margin-bottom:2px;display:flex}.toggle-switch{cursor:pointer;flex-shrink:0;align-items:center;width:36px;height:20px;display:inline-flex;position:relative}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-thumb{background:var(--divider);transition:background var(--transition);border-radius:20px;position:absolute;top:0;bottom:0;left:0;right:0}.toggle-thumb:after{content:"";width:16px;height:16px;transition:transform var(--transition);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.toggle-switch input:checked+.toggle-thumb{background:var(--primary)}.toggle-switch input:checked+.toggle-thumb:after{transform:translate(16px)}.date-range-inputs input[type=date]:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #1565c01f}.data-table tbody tr.expanded-row>td{padding:0}.data-table tbody tr.expanded-header{cursor:pointer}.data-table tbody tr.expanded-header:hover{background:var(--primary-light)!important}.data-table--group{margin-top:0;margin-bottom:16px}.data-table--group thead th{border-top:none}.data-table--group tbody tr:last-child td{border-bottom:1px solid var(--divider)}.month-group-header{background:var(--surface-variant,#f1f3f5);border-top:2px solid var(--divider);border-bottom:1px solid var(--divider);justify-content:space-between;align-items:center;gap:8px;min-width:0;padding:6px 12px;display:flex}.month-group-badge{background:var(--primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:600;display:inline-flex}.month-group-stats{flex-shrink:0;align-items:center;gap:5px;margin-left:4px;display:flex}.mgs-label{color:var(--text-secondary);font-size:11.5px}.mgs-value{color:var(--text-secondary);font-size:12px}.mgs-total{color:var(--text-primary);font-size:15px;font-weight:700}.mgs-sep{background:var(--divider);width:1px;height:12px;margin:0 4px}.month-group-paid{flex-shrink:0;align-items:center;gap:10px;display:flex}.mgp-paid,.mgp-unpaid,.mgp-item{color:var(--text-secondary);align-items:center;gap:4px;font-size:12px;display:inline-flex}.mgp-item--red{color:var(--danger)}.mgp-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.mgp-dot--green{background:#43a047}.mgp-dot--red{background:var(--danger)}.modal-email{flex-direction:column;width:min(680px,96vw);max-height:90vh;display:flex}.email-modal-body{flex-direction:column;flex:1;gap:10px;display:flex;overflow-y:auto}.segmented-toggle{border:1px solid var(--border);border-radius:6px;align-self:flex-start;display:inline-flex;overflow:hidden}.segmented-btn{cursor:pointer;color:var(--text-secondary);transition:background var(--transition), color var(--transition);background:0 0;border:none;padding:5px 16px;font-size:13px}.segmented-btn:not(:last-child){border-right:1px solid var(--border)}.segmented-btn.active{background:var(--primary);color:#fff}.segmented-btn:hover:not(.active){background:var(--primary-light);color:var(--primary)}.email-field{flex-direction:column;gap:4px;display:flex}.email-field--grow{flex:1;min-height:160px}.email-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.chips-input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:text;flex-wrap:wrap;align-items:center;gap:4px;min-height:38px;padding:4px 8px;display:flex}.chips-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #1565c01a}.chip{background:var(--primary-light);color:var(--primary);white-space:nowrap;border-radius:12px;align-items:center;gap:4px;padding:2px 8px 2px 10px;font-size:12.5px;font-weight:500;display:inline-flex}.chip-remove{cursor:pointer;color:var(--primary);opacity:.7;background:0 0;border:none;align-items:center;padding:0;font-size:16px;line-height:1;display:flex}.chip-remove:hover{opacity:1}.chips-text{min-width:140px;color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;padding:0;font-size:13px}.email-body-editor{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-height:160px;max-height:300px;color:var(--text-primary);padding:10px 12px;font-size:13.5px;line-height:1.55;overflow-y:auto}.email-body-editor:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #1565c01a}.email-body-editor p{margin:0 0 4px}.email-options-row{flex-wrap:wrap;align-items:center;gap:16px;padding-top:2px;display:flex}.email-checkbox-label{cursor:pointer;color:var(--text-primary);align-items:center;gap:6px;font-size:13px;display:inline-flex}.email-sent-info{color:var(--success,#2e7d32);align-items:center;gap:4px;margin-left:auto;font-size:12px;display:inline-flex}.btn-chip{border:1px solid var(--divider);color:var(--text-secondary);background:var(--surface);cursor:pointer;transition:background var(--transition), border-color var(--transition), color var(--transition);-webkit-user-select:none;user-select:none;white-space:nowrap;border-radius:12px;align-items:center;gap:3px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.btn-chip:hover{border-color:var(--primary);color:var(--primary)}.btn-chip.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary-dark)}.invoice-footer-bar{bottom:0;left:var(--sidebar-w,220px);z-index:200;background:var(--surface);border-top:1px solid var(--divider);align-items:center;gap:8px;padding:10px 24px;display:flex;position:fixed;right:0;box-shadow:0 -2px 8px #00000014}@media (max-width:800px){.seller-buyer-grid{grid-template-columns:1fr!important}.invoice-footer-bar{left:0}}.invoices-page{max-width:none}.invoices-body{align-items:flex-start;gap:20px;display:flex}.invoices-main{flex:1;min-width:0}.invoices-year-sidebar{flex-direction:column;flex-shrink:0;gap:10px;width:230px;display:flex;position:sticky;top:16px}@media (max-width:1024px){.invoices-year-sidebar{display:none}}.year-summary-card{background:var(--surface);border:1.5px solid var(--divider);cursor:pointer;border-radius:10px;padding:12px 14px 10px;transition:border-color .15s,box-shadow .15s}.year-summary-card:hover{border-color:var(--primary);box-shadow:0 2px 10px #1565c01a}.year-summary-card--active{border-color:var(--primary);background:var(--primary-light)}.ysc-header{justify-content:space-between;align-items:baseline;margin-bottom:8px;display:flex}.ysc-year{color:var(--text-primary);font-size:18px;font-weight:800}.ysc-count{color:var(--text-secondary);font-size:11px}.ysc-row{align-items:center;gap:4px;margin-bottom:3px;display:flex}.ysc-row--total{margin-bottom:6px}.ysc-label{color:var(--text-secondary);flex:1;font-size:11.5px}.ysc-value{color:var(--text-primary);font-size:12.5px;font-weight:600}.ysc-row--total .ysc-label{color:var(--text-primary);font-size:12px;font-weight:600}.ysc-row--total .ysc-value{color:var(--text-primary);font-size:14px;font-weight:800}.ysc-value--green{color:var(--success,#2e7d32)}.ysc-value--red{color:var(--danger)}.ysc-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.ysc-dot--green{background:#43a047}.ysc-dot--red{background:var(--danger)}.ysc-divider{border:none;border-top:1px solid var(--divider);margin:6px 0}.ysc-stat-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.ysc-badge{background:var(--surface-variant,#f1f3f5);min-width:22px;height:18px;color:var(--text-secondary);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.ysc-badge--green{color:#2e7d32;background:#e8f5e9}.ysc-badge--red{color:var(--danger);background:#ffebee}.ysc-badge--orange{color:#e65100;background:#fff3e0}.drp-wrap{display:inline-flex;position:relative}.drp-trigger{cursor:pointer;white-space:nowrap;text-align:left;-webkit-user-select:none;user-select:none;align-items:center;gap:4px;max-width:200px;font-size:13px;display:inline-flex}.drp-trigger--active{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.drp-popover{z-index:300;background:var(--surface);border:1px solid var(--divider);border-radius:10px;width:258px;padding:12px 14px 10px;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 4px 24px #00000024}.drp-hint{color:var(--primary);text-align:center;letter-spacing:.02em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:600}.drp-cal-nav{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.drp-nav-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;transition:background .15s;display:flex}.drp-nav-btn:hover{background:var(--hover-bg,#f5f5f5)}.drp-nav-btn .material-icons{font-size:20px}.drp-cal-title{color:var(--text-primary);font-size:14px;font-weight:700}.drp-day-headers,.drp-days{grid-template-columns:repeat(7,33px);display:grid}.drp-day-hdr{text-align:center;color:var(--text-secondary);padding:4px 0 6px;font-size:11px;font-weight:600}.drp-day{cursor:pointer;justify-content:center;align-items:center;height:33px;display:flex;position:relative}.drp-day--empty{cursor:default;pointer-events:none}.drp-day-inner{z-index:1;width:29px;height:29px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;font-size:13px;transition:background .12s;display:flex;position:relative}@media (max-width:1024px){.data-table-wrap{overflow-x:visible}.data-table colgroup,.data-table thead{display:none}.data-table,.data-table tbody{display:block}.data-table tbody tr{border:1px solid var(--divider);background:var(--surface);cursor:pointer;border-radius:10px;margin-bottom:8px;padding:10px 12px;display:block;box-shadow:0 1px 3px #00000012}.data-table tbody td{text-overflow:ellipsis;white-space:nowrap;border:none;padding:0;display:block;overflow:hidden}.data-table--group tbody tr:not(:has(td[colspan])){grid-template-rows:auto auto auto;grid-template-columns:1fr auto 28px;align-items:center;gap:3px 8px;padding:10px 10px 8px;display:grid}.data-table--group td:first-child{color:var(--primary);grid-area:1/1;min-width:0;font-size:12px;font-weight:700}.data-table--group td:nth-child(2){text-overflow:ellipsis;white-space:nowrap;grid-area:2/1;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.data-table--group td:nth-child(3){color:var(--text-secondary);white-space:nowrap;grid-area:1/1;place-self:start end;font-size:10px;font-weight:500;display:block;overflow:visible}.data-table--group td:nth-child(4){display:none}.data-table--group td:nth-child(5){white-space:nowrap;color:var(--text-secondary);grid-area:3/1;min-width:0;font-size:12px;display:block;overflow:visible}.data-table--group td:nth-child(5):before{content:"Mok. iki: ";color:var(--text-disabled);font-weight:500}.data-table--group td:nth-child(6){display:none}.data-table--group td:nth-child(7){text-align:right;white-space:nowrap;grid-area:1/2;font-size:15px;font-weight:800}.data-table--group td:nth-child(8){text-align:right;grid-area:2/2/4;justify-content:flex-end;align-items:flex-end;display:flex;overflow:visible}.data-table--group td:nth-child(9){display:none}.data-table--group td:nth-child(10){grid-area:1/3/4;justify-content:center;align-items:center;display:flex;overflow:visible}.data-table--group tbody tr:has(td[colspan]){box-shadow:none;cursor:default;background:0 0;border:none;border-radius:0;margin-bottom:4px;padding:0 4px 8px;display:block}.data-table--group tbody tr:has(td[colspan]) td{white-space:normal;overflow:visible}.data-table--bank tbody tr{cursor:default;grid-template-rows:auto auto auto;grid-template-columns:1fr auto auto;align-items:center;gap:3px 8px;display:grid}.data-table--bank td:first-child{color:var(--text-secondary);grid-area:3/1/auto/-1;font-size:11px}.data-table--bank td:nth-child(2){grid-area:1/1;font-size:13px;font-weight:600}.data-table--bank td:nth-child(3){color:var(--text-secondary);grid-area:2/1;font-size:12px}.data-table--bank td:nth-child(4){display:none}.data-table--bank td:nth-child(5){text-align:right;grid-area:1/2;font-size:14px;font-weight:700}.data-table--bank td:nth-child(6){text-align:right;grid-area:2/2/auto/4;overflow:visible}.data-table--bank td:nth-child(7){grid-area:1/3;justify-content:center;align-items:center;display:flex;overflow:visible;opacity:1!important}}@media (max-width:900px){.template-tab-grid{grid-template-columns:1fr!important}.template-tab-preview{position:static!important}}.drp-day--in-range:before,.drp-day--start:after,.drp-day--end:after{content:"";z-index:0;background:var(--primary-light);position:absolute;top:4px;bottom:4px}.drp-day--in-range:before{left:0;right:0}.drp-day--start:after{left:50%;right:0}.drp-day--end:after{left:0;right:50%}.drp-day--start.drp-day--end:after{display:none}.drp-day--start .drp-day-inner,.drp-day--end .drp-day-inner{background:var(--primary);color:#fff;font-weight:700}.drp-day--in-range .drp-day-inner{color:var(--primary)}.drp-day:not(.drp-day--empty):not(.drp-day--start):not(.drp-day--end):hover .drp-day-inner{background:var(--hover-bg,#f0f0f0)}.drp-day--today:not(.drp-day--start):not(.drp-day--end) .drp-day-inner{color:var(--primary);font-weight:700}.drp-day--today:not(.drp-day--start):not(.drp-day--end) .drp-day-inner:after{content:"";background:var(--primary);border-radius:50%;width:3px;height:3px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.drp-presets{border-top:1px solid var(--divider);flex-wrap:wrap;gap:5px;margin-top:10px;padding-top:10px;display:flex}.drp-preset-btn{background:var(--surface-variant,#f1f3f5);border:1px solid var(--divider);cursor:pointer;color:var(--text-primary);white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:12px;transition:all .15s}.drp-preset-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.drp-footer{justify-content:flex-end;margin-top:8px;display:flex}input[type=number].no-spinner::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number].no-spinner::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number].no-spinner{-moz-appearance:textfield}.items-table .col-num{text-align:center;width:28px;color:var(--text-secondary);font-size:12px}.items-table .col-desc{min-width:200px}.items-table .col-code,.items-table .col-qty{width:80px}.items-table .col-unit{width:72px}.items-table .col-price{width:110px}.items-table .col-vat{width:90px}.items-table .col-disc{width:80px}.items-table .col-net{width:120px}.items-table .col-vat-amt{width:100px}.items-table .col-total{width:110px}.items-table .col-del{width:32px}.items-table td{vertical-align:top;padding:5px 4px}.items-table tr:hover{background:#fafafa}.items-table .cell-edit-input{cursor:text;text-align:right;color:inherit;width:100%;padding:5px 4px;font-family:Roboto Mono,monospace;font-size:13px;box-shadow:none!important;background:0 0!important;border:1px solid #0000!important}.items-table .cell-edit-input:hover{border-color:var(--border)!important}.items-table .cell-edit-input:focus{cursor:auto;outline:none;border-color:var(--primary)!important;background:var(--surface)!important;box-shadow:0 0 0 2px color-mix(in srgb, var(--primary) 15%, transparent)!important}.mobile-new-btn,.mobile-filters-toggle,.mobile-show-items{display:none}@media (max-width:768px){.hide-mobile{display:none!important}}.panel-row__link{color:var(--primary);cursor:pointer;text-decoration:none}.panel-row__link:hover{text-decoration:underline}@media (max-width:768px){.main-content{overflow-x:hidden}.month-group-header{flex-direction:column;align-items:flex-start;gap:4px;padding:6px 10px}.month-group-right{flex-wrap:wrap;gap:4px;font-size:11px}.mgs-sep{display:none}.mobile-new-btn{flex-shrink:0;align-items:center;min-height:36px;padding:6px 10px;display:inline-flex!important}.mobile-filters-toggle{align-items:center;gap:4px;margin-bottom:8px;display:inline-flex}.filters-bar--hidden-mobile{display:none!important}.mobile-show-items{align-items:center;gap:4px;margin-bottom:6px;display:inline-flex!important}.detail-panel__items--hidden,.detail-panel__grid--hidden{display:none!important}.modal-email{flex-direction:column;display:flex;border-radius:0!important;width:100vw!important;max-width:100vw!important;height:100dvh!important;max-height:100dvh!important;margin:0!important}.email-modal-body{flex:1;overflow-y:auto}.modal-backdrop:has(.modal-email){align-items:flex-start;padding:0}}.seller-card-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:12px;font-weight:600;display:block}.items-table-wrap{overflow-x:auto}.items-card-list,.payments-card-list{display:none}@media (max-width:1024px){.items-table-wrap,.payments-mini-table{display:none}.items-card-list,.payments-card-list{display:block}.mobile-show-items{align-items:center;gap:4px;margin-bottom:6px;display:inline-flex!important}.detail-panel__items--hidden,.detail-panel__grid--hidden{display:none!important}.item-card{border-bottom:1px solid #00000012;grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:start;gap:3px 12px;padding:10px 4px;display:grid}.item-card:last-child{border-bottom:none}.item-card__name{word-break:break-word;grid-area:1/1;font-size:13px;font-weight:600;line-height:1.35}.item-card__total{text-align:right;white-space:nowrap;grid-area:1/2/3;align-self:center;font-size:15px;font-weight:700}.item-card__sub{color:var(--text-secondary);flex-direction:column;grid-area:2/1;gap:1px;font-size:12px;display:flex}.payment-card{border-bottom:1px solid #00000012;grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:center;gap:3px 10px;padding:10px 0;display:grid}.payment-card:last-child{border-bottom:none}.payment-card__btns{flex-direction:column;grid-area:1/1/3;align-items:center;gap:4px;display:flex}.payment-card__date{grid-area:1/2;font-size:13px;font-weight:600}.payment-card__method{color:var(--text-secondary);grid-area:2/2;font-size:12px}.payment-card__amount{text-align:right;white-space:nowrap;grid-area:1/3/3;align-self:center;font-size:16px;font-weight:700}.payment-card .btn-icon{background:#0000000a;border-radius:8px;justify-content:center;align-items:center;min-width:44px!important;min-height:44px!important;padding:0!important;display:flex!important}.payment-card .btn-icon .material-icons{font-size:20px!important}}.inv-type-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.inv-date-row{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:20px;margin-top:12px;display:flex}.items-edit-table-wrap{overflow-x:auto}.items-edit-mobile-list{display:none}.item-mobile-card{border:1px solid var(--divider);border-radius:var(--radius-sm);background:var(--surface);flex-direction:column;gap:8px;padding:10px;display:flex}.item-mobile-card__row{grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:6px;display:grid}.item-mobile-card__totals{background:#edf2ff;border-radius:4px;gap:6px;padding:6px;display:grid}.item-mobile-card__num{color:var(--text-secondary);min-width:16px;padding-top:8px;font-size:11px}@media (max-width:1024px){.client-summary-float{display:none!important}}@media (max-width:768px){.inv-type-row{grid-template-columns:1fr auto auto;align-items:end;gap:8px;display:grid}.inv-date-row{justify-content:flex-start;gap:12px}.items-edit-table-wrap{display:none!important}.items-edit-mobile-list{flex-direction:column;gap:8px;padding:8px;display:flex}.item-mobile-card__totals{grid-template-columns:1fr 1fr auto}}