html,body{margin:0;padding:0;background:#fff;font-family:Roboto,sans-serif;color:#111827}.page{padding:32px;max-width:none}.placeholder{background:#fff;border:1px dashed #d1d5db;border-radius:12px;padding:48px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.placeholder__art{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:8px;background:#dbeafe;color:#0168dd;margin-bottom:4px}.placeholder__art .material-symbols-rounded{font-size:28px}.placeholder__title{margin:0;font-size:20px;font-weight:500;color:#111827}.placeholder__body{margin:0;max-width:480px;font-size:14px;line-height:20px;color:#6b7280}.placeholder__actions{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap;justify-content:center}.placeholder__hint{margin:16px 0 0;font-size:12px;color:#9ca3af}.btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 16px;border:1px solid #d1d5db;border-radius:6px;background:#fff;color:#374151;font:400 14px/1 Roboto,sans-serif;cursor:pointer;transition:background .12s ease,border-color .12s ease}.btn:hover{background:#f9fafb}.btn--primary{background:#2aa7ff;border-color:#2aa7ff;color:#fff}.btn--primary:hover{background:#1f95eb;border-color:#1f95eb}.btn:focus-visible{outline:2px solid #2aa7ff;outline-offset:2px}.inv-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.inv-title{margin:0;font-size:22px;font-weight:500;color:#111827}.inv-settings-link{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:#6b7280;text-decoration:none}.inv-settings-link:hover{color:#0168dd}.inv-settings-link .material-symbols-rounded{font-size:16px}.inv-nav-tabs{display:flex;list-style:none;margin:0 0 20px;padding:0;border-bottom:1px solid #d6dbe6;gap:0}.inv-nav-tabs li a{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;font-size:14px;color:#6b7280;text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s ease,border-color .15s ease}.inv-nav-tabs li a:hover{color:#111827}.inv-nav-tabs li.active a{color:#0168dd;border-bottom-color:#0168dd;font-weight:500}.inv-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:18px;padding:0 5px;border-radius:10px;background:#e5e7eb;color:#374151;font-size:11px;font-weight:500}.inv-nav-tabs li.active .inv-tab-count{background:#dbeafe;color:#0168dd}.inv-top-row{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:16px;flex-wrap:wrap;gap:12px}.inv-datepicker-wrap{position:relative;width:220px}.inv-datepicker-wrap .material-symbols-rounded{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:16px;color:#6b7280;pointer-events:none}.inv-datepicker{width:100%;height:34px;padding:0 10px 0 34px;border:1px solid #d6dbe6;border-radius:4px;font:14px Roboto,sans-serif;color:#111827;background:#fff;cursor:pointer;box-sizing:border-box}.inv-datepicker::placeholder{color:#9ca3af}.inv-aggregates{border-collapse:collapse}.inv-aggregates th{text-transform:uppercase;font-size:11px;font-weight:500;padding:0 0 4px 28px;color:#6b7280;letter-spacing:.4px}.inv-aggregates td{padding:0 0 0 28px}.inv-aggregates h4{margin:0;font-size:18px;font-weight:500;color:#111827}.inv-aggregates h4.text-success{color:#31c48d}.inv-advanced-filters{display:flex;align-items:flex-end;gap:12px;margin-bottom:16px;flex-wrap:wrap}.inv-filter-group{display:flex;flex-direction:column;gap:4px}.inv-filter-group label{font-size:12px;font-weight:500;color:#374151}.inv-select{height:34px;min-width:180px;padding:0 28px 0 10px;border:1px solid #d6dbe6;border-radius:4px;font:14px Roboto,sans-serif;color:#111827;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%236b7280' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.inv-select:focus{outline:none;border-color:#0168dd;box-shadow:0 0 0 2px #0168dd1f}.btn--success{background:#31c48d;border-color:#31c48d;color:#fff;height:34px}.btn--success:hover{background:#28ae7c;border-color:#28ae7c}.btn--outline-primary{background:#fff;border-color:#0168dd;color:#0168dd;height:34px}.btn--outline-primary:hover{background:#f0f7ff}.inv-search-row{margin-bottom:12px}.inv-search-wrap{position:relative;display:inline-flex;align-items:center;width:280px}.inv-search-wrap .material-symbols-rounded{position:absolute;left:9px;font-size:18px;color:#9ca3af;pointer-events:none}.inv-search-input{width:100%;height:34px;padding:0 10px 0 34px;border:1px solid #d6dbe6;border-radius:4px;font:14px Roboto,sans-serif;color:#111827;box-sizing:border-box}.inv-search-input:focus{outline:none;border-color:#0168dd;box-shadow:0 0 0 2px #0168dd1f}.inv-search-input::placeholder{color:#9ca3af}.inv-action-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;flex-wrap:wrap;gap:8px}.inv-action-left,.inv-action-right{display:flex;align-items:center;gap:8px}.inv-dropdown{position:relative;display:inline-block}.inv-dropdown-toggle{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:1px solid #d6dbe6;border-radius:4px;background:#fff;font:14px Roboto,sans-serif;color:#374151;cursor:pointer;transition:background .12s ease}.inv-dropdown-toggle:hover{background:#f9fafb}.inv-dropdown-toggle .material-symbols-rounded{font-size:14px;color:#6b7280}.inv-dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;min-width:140px;background:#fff;border:1px solid #d6dbe6;border-radius:6px;box-shadow:0 4px 12px #0000001a;padding:4px 0;z-index:100;display:none}.inv-dropdown-menu.is-open{display:block}.inv-dropdown-menu a{display:block;padding:8px 16px;font-size:13px;color:#374151;text-decoration:none}.inv-dropdown-menu a:hover{background:#f3f4f6}.inv-table-wrapper{overflow-x:auto;border:1px solid #e5e7eb;border-radius:6px}.inv-table{width:100%;border-collapse:collapse;font-size:13px;white-space:nowrap}.inv-table thead th{padding:10px 14px;text-align:left;font-size:12px;font-weight:500;color:#6b7280;background:#f9fafb;border-bottom:1px solid #e5e7eb;-webkit-user-select:none;user-select:none}.inv-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background .1s ease}.inv-table tbody tr:last-child{border-bottom:none}.inv-table tbody tr:hover{background:#f9fafb}.inv-table td{padding:12px 14px;color:#374151;vertical-align:middle}.inv-table td.inv-number a{color:#0168dd;text-decoration:none;font-weight:500}.inv-table td.inv-number a:hover{text-decoration:underline}.inv-table td.inv-amount{font-variant-numeric:tabular-nums}.inv-table td.inv-paid{color:#31c48d;font-variant-numeric:tabular-nums}.inv-table td.inv-paid-zero{color:#9ca3af;font-variant-numeric:tabular-nums}.inv-table td.inv-days{color:#6b7280}.inv-checkbox-wrap{display:inline-flex;align-items:center}.inv-checkbox{width:15px;height:15px;cursor:pointer;accent-color:#0168dd}.inv-select-all{cursor:pointer;accent-color:#0168dd;width:15px;height:15px}.inv-client{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#374151}.inv-client:hover{color:#0168dd}.inv-avatar{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:11px;font-weight:600;color:#fff;flex-shrink:0}.inv-badge{display:inline-block;padding:3px 8px;border-radius:4px;font-size:11px;font-weight:500;text-transform:capitalize}.inv-badge--open{background:#dbeafe;color:#1d4ed8}.inv-badge--closed{background:#d1fae5;color:#065f46}.inv-badge--draft{background:#f3f4f6;color:#6b7280}.inv-badge--sent{background:#fef3c7;color:#92400e}.inv-badge--overdue{background:#fee2e2;color:#991b1b}.inv-actions-btn{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 10px;border:1px solid #d6dbe6;border-radius:4px;background:#fff;font:13px Roboto,sans-serif;color:#374151;cursor:pointer;transition:background .12s ease}.inv-actions-btn:hover{background:#f3f4f6}.inv-actions-btn .material-symbols-rounded{font-size:13px}.inv-row-dropdown{position:relative;display:inline-block}.inv-pagination{display:flex;align-items:center;justify-content:space-between;padding:12px 4px 4px;flex-wrap:wrap;gap:8px}.inv-pagination-pages{display:flex;align-items:center;gap:2px}.inv-page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 6px;border:1px solid #d6dbe6;border-radius:4px;background:#fff;font:13px Roboto,sans-serif;color:#374151;cursor:pointer;text-decoration:none;transition:background .1s ease}.inv-page-btn:hover{background:#f3f4f6}.inv-page-btn.is-active{background:#0168dd;border-color:#0168dd;color:#fff}.inv-page-btn[disabled]{opacity:.4;cursor:default}.inv-page-btn .material-symbols-rounded{font-size:16px}.inv-entries-info{font-size:12px;color:#9ca3af}.btn--primary-inv{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 14px;border:none;border-radius:4px;background:#0168dd;color:#fff;font:14px Roboto,sans-serif;cursor:pointer;transition:background .12s ease}.btn--primary-inv:hover{background:#0155bb}.btn--primary-inv .material-symbols-rounded{font-size:16px}