*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:14px}body{color:#1e293b;-webkit-font-smoothing:antialiased;background:#f8fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}a{color:#1a56db;text-decoration:none}button{cursor:pointer;font-family:inherit}:focus-visible{outline-offset:2px;outline:2px solid #1a56db}:focus:not(:focus-visible){outline:none}input,select,textarea{font-family:inherit;font-size:inherit}.card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.btn{white-space:nowrap;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:500;transition:all .2s;display:inline-flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{color:#fff;background:#1a56db}.btn-primary:hover:not(:disabled){background:#1648b8}.btn-secondary:hover:not(:disabled){background:#f8fafc;border-color:#94a3b8}.btn-danger{color:#fff;background:#dc2626}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-success{color:#fff;background:#059669}.btn-success:hover:not(:disabled){background:#047857}.btn-sm{padding:6px 12px;font-size:.8rem}.btn-icon{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:36px;height:36px;padding:0}.btn-icon:hover{color:#1e293b;background:#f8fafc}.input{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 14px;font-size:.875rem;transition:all .2s}.input::placeholder{color:#94a3b8}.input:focus{border-color:#1a56db;outline:none;box-shadow:0 0 0 3px #1a56db1a}select.input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.filter-select{color:#1e293b;appearance:none;cursor:pointer;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E") right 12px center no-repeat;border:1px solid #e2e8f0;border-radius:8px;min-width:150px;padding:10px 36px 10px 14px;font-size:.875rem;transition:all .2s}.filter-select:focus{border-color:#1a56db;outline:none;box-shadow:0 0 0 3px #1a56db1a}.filter-select:hover{border-color:#94a3b8}@media (width<=768px){.filter-select{flex:1;min-width:0}}.status-select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:10px;border:1px solid #0000;border-radius:999px;padding:5px 28px 5px 10px;font-size:.75rem;font-weight:600;transition:all .2s}.status-select:focus{outline:none;box-shadow:0 0 0 2px #1a56db33}.status-select.badge-muted{color:#6b7280;background-color:#f1f5f9}.status-select.badge-info{color:#1d4ed8;background-color:#dbeafe}.status-select.badge-success{color:#065f46;background-color:#d1fae5}.status-select.badge-danger{color:#991b1b;background-color:#fee2e2}.status-select.badge-warning{color:#92400e;background-color:#fef3c7}.assign-select{color:#1e293b;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;max-width:140px;padding:4px 8px;font-size:.78rem;overflow:hidden}.assign-select:focus{border-color:#1a56db;outline:none;box-shadow:0 0 0 2px #1a56db26}textarea.input{resize:vertical;min-height:80px}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#1e293b;text-transform:uppercase;letter-spacing:.025em;font-size:.8rem;font-weight:600}.form-group input,.form-group select,.form-group textarea{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 14px;font-size:.875rem;transition:all .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#1a56db;outline:none;box-shadow:0 0 0 3px #1a56db1a}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:#94a3b8}.badge{border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:#059669;background:#d1fae5}.badge-warning{color:#d97706;background:#fef3c7}.badge-danger{color:#dc2626;background:#fee2e2}.badge-neutral{color:#6b7280;background:#f1f5f9}.table-wrapper{overflow-x:auto}table{border-collapse:collapse;width:100%}table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#64748b;background:#fafbfc;border-bottom:2px solid #e2e8f0;padding:12px 16px;font-size:.75rem;font-weight:600}table td{vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:14px 16px;font-size:.875rem}table tbody tr{transition:all .2s}table tbody tr:hover{background:#f8fafc}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:90%;max-width:520px;max-height:90vh;animation:.25s slideUp;overflow-y:auto;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d}@media (width<=768px){.modal{border-radius:12px;width:95%;max-height:95vh}}.modal-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-header h2{font-size:1.125rem;font-weight:700}@media (width<=768px){.modal-header{padding:16px}.modal-header h2{font-size:1rem}}.modal-body{flex-direction:column;gap:16px;padding:24px;display:flex}@media (width<=768px){.modal-body{gap:12px;padding:16px}}.modal-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}@media (width<=768px){.modal-footer{padding:12px 16px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.page-header h1{color:#1e293b;font-size:1.5rem;font-weight:700}.page-header .page-actions{align-items:center;gap:10px;display:flex}@media (width<=768px){.page-header{gap:10px;margin-bottom:16px}.page-header h1{font-size:1.25rem}}.search-bar,.search-input{position:relative}.search-bar .search-icon,.search-bar>svg,.search-input .search-icon,.search-input>svg{color:#94a3b8;pointer-events:none;font-size:1rem;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-bar input,.search-input input{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;min-width:200px;padding:10px 14px 10px 38px;font-size:.875rem;transition:all .2s}.search-bar input::placeholder,.search-input input::placeholder{color:#94a3b8}.search-bar input:focus,.search-input input:focus{border-color:#1a56db;outline:none;box-shadow:0 0 0 3px #1a56db1a}@media (width<=768px){.search-bar input,.search-input input{min-width:0}}.empty-state{text-align:center;color:#64748b;padding:60px 20px}.empty-state .empty-icon{opacity:.4;margin-bottom:16px;font-size:3rem}.empty-state h3{color:#1e293b;margin-bottom:8px;font-size:1.1rem}.empty-state p{margin-bottom:20px;font-size:.875rem}.spinner{border:2px solid #e2e8f0;border-top-color:#1a56db;border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin;display:inline-block}.loading-page{flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100vh;display:flex}.loading-page .spinner{border-width:3px;width:40px;height:40px}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#6b7280}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=600px){.form-row{grid-template-columns:1fr}}.icon-btn{color:#64748b;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;transition:all .2s;display:inline-flex}.icon-btn:hover{color:#1e293b;background:#f8fafc;border-color:#94a3b8}.icon-btn.danger:hover{color:#dc2626;background:#fee2e2;border-color:#dc2626}.table-container{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:#64748b;white-space:nowrap;background:#fafbfc;border-bottom:2px solid #e2e8f0;padding:12px 16px;font-size:.75rem;font-weight:600}.data-table td{vertical-align:middle;border-bottom:1px solid #e2e8f0;padding:14px 16px;font-size:.875rem}.data-table tbody tr{transition:all .2s}.data-table tbody tr:hover{background:#f8fafc}@media (width<=768px){.data-table th,.data-table td{padding:10px;font-size:.8rem}}.mono{color:#1a56db;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:.8rem;font-weight:600}.amount{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-weight:600}.client-cell{flex-direction:column;gap:1px;display:flex}.client-cell small{color:#64748b;font-size:.75rem}.loading-state{justify-content:center;align-items:center;padding:60px 20px;display:flex}.loading-state .spinner{border-width:3px;width:32px;height:32px}.subtitle{color:#64748b;margin-top:2px;font-size:.85rem;font-weight:400}.modal-body select,.modal-body input[type=text],.modal-body input[type=number],.modal-body input[type=date],.modal-body input[type=email],.modal-body input[type=password],.modal-body textarea{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 14px;font-size:.875rem;transition:all .2s}.modal-body select::placeholder,.modal-body input[type=text]::placeholder,.modal-body input[type=number]::placeholder,.modal-body input[type=date]::placeholder,.modal-body input[type=email]::placeholder,.modal-body input[type=password]::placeholder,.modal-body textarea::placeholder{color:#94a3b8}.modal-body select:focus,.modal-body input[type=text]:focus,.modal-body input[type=number]:focus,.modal-body input[type=date]:focus,.modal-body input[type=email]:focus,.modal-body input[type=password]:focus,.modal-body textarea:focus{border-color:#1a56db;outline:none;box-shadow:0 0 0 3px #1a56db1a}.modal-body select:disabled,.modal-body input[type=text]:disabled,.modal-body input[type=number]:disabled,.modal-body input[type=date]:disabled,.modal-body input[type=email]:disabled,.modal-body input[type=password]:disabled,.modal-body textarea:disabled{color:#64748b;cursor:not-allowed;background:#f1f5f9}.modal-body select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2364748b' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.lang-switch{cursor:pointer;letter-spacing:.5px;background:0 0;border:none;border-radius:6px;align-items:center;gap:2px;padding:4px 8px;font-size:12px;font-weight:600;transition:background .15s;display:inline-flex}.lang-switch:hover{background:#0000000f}.lang-switch__option{opacity:.45;transition:opacity .15s}.lang-switch__option.active{opacity:1}.lang-switch__sep{opacity:.3;margin:0 1px}.lang-switch--light{color:#334155}.lang-switch--dark{color:#cbd5e1}.lang-switch--dark:hover{background:#ffffff14}.layout{min-height:100vh;display:flex}.mobile-topbar{z-index:150;background:#fff;border-bottom:1px solid #e2e8f0;align-items:center;height:56px;margin:-32px -32px 24px;padding:0 16px;display:none;position:sticky;top:0}.mobile-topbar button{color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.4rem;transition:all .2s;display:flex}.mobile-topbar button:hover{background:#eaf0f6}@media (width<=768px){.mobile-topbar{margin:-60px -16px 24px;display:flex}}@media (width>=769px) and (width<=1024px){.mobile-topbar{display:flex}}.sidebar-overlay{z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:none;position:fixed;inset:0}@media (width<=768px){.sidebar-overlay{display:block}}@media (width>=769px) and (width<=1024px){.sidebar-overlay{display:block}}.sidebar-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;margin-left:auto;padding:4px;font-size:1.3rem;display:none}.sidebar-close-btn:hover{color:#fff}@media (width<=768px){.sidebar-close-btn{align-items:center;display:flex}}@media (width>=769px) and (width<=1024px){.sidebar-close-btn{align-items:center;display:flex}}.sidebar{z-index:200;background:#0f172a;flex-direction:column;width:260px;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;left:0}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}@media (width>=769px) and (width<=1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}}.sidebar-brand{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:20px 24px;display:flex}.sidebar-brand .brand-logo-img{object-fit:contain;flex-shrink:0;width:auto;height:28px}.sidebar-brand .brand-tagline{color:#94a3b8;text-transform:uppercase;letter-spacing:.05em;font-size:.68rem;display:none}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:16px 12px;display:flex;overflow-y:auto}.sidebar-nav .nav-section{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin-top:20px;margin-bottom:8px;padding:0 12px;font-size:.65rem;font-weight:600}.sidebar-link{color:#cbd5e1;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 16px;font-size:.875rem;font-weight:500;transition:all .2s;display:flex}.sidebar-link .link-icon{justify-content:center;align-items:center;width:20px;font-size:1.15rem;display:flex}.sidebar-link:hover{color:#fff;background:#1e293b}.sidebar-link.active{color:#fff;background:#1a56db}.sidebar-footer{border-top:1px solid #ffffff14;padding:16px}.sidebar-footer__lang{justify-content:center;margin-bottom:8px;display:flex}.sidebar-footer .user-info{border-radius:8px;align-items:center;gap:12px;padding:8px 12px;display:flex}.sidebar-footer .user-info .user-avatar{color:#fff;background:#1a56db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.85rem;font-weight:700;display:flex}.sidebar-footer .user-info .user-details{flex:1;overflow:hidden}.sidebar-footer .user-info .user-details .user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:600;overflow:hidden}.sidebar-footer .user-info .user-details .user-email{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}.sidebar-footer .user-info .user-details .user-role{color:#93c5fd;text-transform:uppercase;letter-spacing:.05em;font-size:.65rem;font-weight:500}.sidebar-footer .user-info .logout-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:6px;font-size:1.2rem;transition:all .2s}.sidebar-footer .user-info .logout-btn:hover{color:#dc2626}.company-selector{border-bottom:1px solid #ffffff14;padding:8px 12px;position:relative}.company-selector__trigger{color:#cbd5e1;cursor:pointer;text-align:left;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;width:100%;padding:9px 12px;font-size:.825rem;font-weight:500;transition:all .2s;display:flex}.company-selector__trigger:hover{color:#fff;background:#1e293b;border-color:#ffffff2e}.company-selector__trigger.open{color:#fff;background:#1e293b;border-color:#fff3}.company-selector__icon{color:#94a3b8;flex-shrink:0;align-items:center;font-size:1rem;display:flex}.company-selector__name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.company-selector__chevron{color:#94a3b8;flex-shrink:0;align-items:center;font-size:1rem;display:flex}.company-selector__dropdown{z-index:300;background:#1e293b;border:1px solid #ffffff1f;border-radius:8px;padding:4px;position:absolute;top:calc(100% - 4px);left:12px;right:12px;overflow:hidden;box-shadow:0 8px 24px #00000073}.company-selector__empty{color:#94a3b8;padding:10px 12px;font-size:.78rem;font-style:italic;display:block}.company-selector__item{color:#cbd5e1;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:9px 12px;font-size:.825rem;font-weight:500;transition:all .2s;display:flex}.company-selector__item:hover:not(:disabled){color:#fff;background:#ffffff0f}.company-selector__item.active{color:#93c5fd;background:#1a56db33}.company-selector__item:disabled{opacity:.6;cursor:default}.company-selector__item-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.company-selector__item-role{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;flex-shrink:0;font-size:.65rem}.company-selector__item-check{color:#34d399;flex-shrink:0;align-items:center;font-size:1rem;display:flex}.company-selector__item-spinner{border:2px solid #ffffff26;border-top-color:#60a5fa;border-radius:50%;flex-shrink:0;width:14px;height:14px;animation:.6s linear infinite spin}.company-selector__new{color:#94a3b8;cursor:pointer;text-align:left;background:0 0;border:none;border-top:1px solid #ffffff14;border-radius:6px;align-items:center;gap:8px;width:100%;margin-top:4px;padding:9px 12px;font-size:.825rem;font-weight:500;transition:all .2s;display:flex}.company-selector__new svg{font-size:1rem}.company-selector__new:hover{color:#fff;background:#ffffff0f}.new-company-modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:500;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.new-company-modal{background:#fff;border-radius:12px;width:100%;max-width:400px;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d}.new-company-modal__header{color:#1e293b;border-bottom:1px solid #e2e8f0;align-items:center;gap:10px;padding:18px 20px 14px;font-size:.95rem;font-weight:600;display:flex}.new-company-modal__header svg{color:#1a56db;font-size:1.2rem}.new-company-modal__header span{flex:1}.new-company-modal__header button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;padding:4px;font-size:1.2rem;transition:all .2s;display:flex}.new-company-modal__header button:hover{color:#1e293b;background:#eaf0f6}.new-company-modal__body{flex-direction:column;gap:12px;padding:18px 20px;display:flex}.new-company-modal__body label{color:#1e293b;font-size:.825rem;font-weight:500}.new-company-modal__body input{color:#1e293b;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 12px;font-size:.875rem;transition:all .2s}.new-company-modal__body input:focus{border-color:#1a56db;outline:none;box-shadow:0 0 0 3px #1a56db1f}.new-company-modal__body input::placeholder{color:#94a3b8}.new-company-modal__actions{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.new-company-modal__actions .btn-cancel{color:#64748b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:8px;padding:9px 16px;font-size:.85rem;font-weight:500;transition:all .2s}.new-company-modal__actions .btn-cancel:hover{color:#1e293b;background:#eaf0f6}.new-company-modal__actions .btn-create{color:#fff;cursor:pointer;background:#1a56db;border:none;border-radius:8px;justify-content:center;align-items:center;min-width:110px;padding:9px 18px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.new-company-modal__actions .btn-create:hover:not(:disabled){background:#1648b8}.new-company-modal__actions .btn-create:disabled{opacity:.6;cursor:default}.btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin}.main-content{flex:1;min-width:0;margin-left:260px;padding:32px}@media (width<=768px){.main-content{margin-left:0;padding:60px 16px 24px}}@media (width>=769px) and (width<=1024px){.main-content{margin-left:0;padding:32px 24px 24px}}.feedback-fab{z-index:200;color:#94a3b8;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.25rem;transition:all .2s;display:flex;position:fixed;bottom:28px;right:28px;box-shadow:0 2px 12px #0000001f}.feedback-fab:hover{color:#1a56db;border-color:#1a56db;transform:translateY(-2px);box-shadow:0 4px 16px #1a56db33}@media (width<=768px){.feedback-fab{bottom:16px;right:16px}}.feedback-modal-overlay{z-index:300;background:#00000073;justify-content:flex-end;align-items:flex-end;padding:0 28px 84px 0;display:flex;position:fixed;inset:0}@media (width<=768px){.feedback-modal-overlay{justify-content:center;align-items:flex-end;padding:0 0 16px}}.feedback-modal{background:#fff;border-radius:8px;width:360px;max-width:calc(100vw - 32px);animation:.18s slideUp;overflow:hidden;box-shadow:0 8px 32px #0003}.feedback-modal__header{color:#1e293b;border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;padding:14px 16px;font-size:.95rem;font-weight:600;display:flex}.feedback-modal__header svg{color:#1a56db;font-size:1.1rem}.feedback-modal__header button{cursor:pointer;color:#94a3b8;background:0 0;border:none;margin-left:auto;padding:2px;font-size:1.1rem}.feedback-modal__header button:hover{color:#1e293b}.feedback-modal__body{flex-direction:column;gap:12px;padding:16px;display:flex}.feedback-modal__footer{justify-content:space-between;align-items:center;display:flex}.feedback-modal__success{color:#059669;flex-direction:column;align-items:center;gap:10px;padding:32px 16px;display:flex}.feedback-modal__success svg{font-size:2.5rem}.feedback-modal__success p{color:#1e293b;font-size:.95rem;font-weight:600}.feedback-type-selector{gap:6px;display:flex}.feedback-type-btn{cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1;padding:6px 4px;font-size:.78rem;transition:all .2s}.feedback-type-btn.active{color:#1a56db;background:#dbeafe;border-color:#1a56db;font-weight:600}.feedback-type-btn:hover:not(.active){background:#f8fafc;border-color:#c8d5e0}.feedback-textarea{resize:vertical;color:#1e293b;box-sizing:border-box;border:1px solid #e2e8f0;border-radius:8px;outline:none;width:100%;padding:8px 10px;font-family:inherit;font-size:.875rem;transition:border-color .15s}.feedback-textarea:focus{border-color:#1a56db}.feedback-textarea::placeholder{color:#94a3b8}.feedback-char-count{color:#94a3b8;font-size:.75rem}.btn-feedback-send{color:#fff;cursor:pointer;background:#1a56db;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 20px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.btn-feedback-send:hover:not(:disabled){background:#1446b0}.btn-feedback-send:disabled{opacity:.6;cursor:not-allowed}.login-page{background:radial-gradient(80% 60% at 20%,#1a56db38 0%,#0000 65%),radial-gradient(50% 50% at 90% 90%,#7c3aed24 0%,#0000 60%),#060d1f;min-height:100vh;display:flex}.login-page .login-left{color:#fff;flex:1;justify-content:center;align-items:center;padding:64px 48px;display:flex;position:relative;overflow:hidden}.login-page .login-left:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.login-page .login-left .login-branding{z-index:1;position:relative}.login-page .login-left .login-branding .login-logo-link{margin-bottom:48px;display:inline-block}.login-page .login-left .login-branding .login-logo-img{object-fit:contain;opacity:.95;width:auto;height:56px;display:block}.login-page .login-left .login-branding h2{letter-spacing:-.03em;background:linear-gradient(160deg,#fff 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:40px;font-size:clamp(1.8rem,2.5vw,2.6rem);font-weight:900;line-height:1.2}.login-page .login-left .login-branding .features{flex-direction:column;gap:20px;margin:0;padding:0;list-style:none;display:flex}.login-page .login-left .login-branding .features li{color:#cbd5e1bf;align-items:center;gap:14px;font-size:.95rem;line-height:1.5;display:flex}.login-page .login-left .login-branding .features li .check-icon{color:#60a5fa;background:#1a56db40;border:1px solid #60a5fa40;border-radius:8px;justify-content:center;align-items:center;width:26px;min-width:26px;height:26px;font-size:.82rem;display:flex}.login-page .login-right{background:0 0;justify-content:center;align-items:center;width:480px;min-width:480px;padding:48px;display:flex}@media (width<=960px){.login-page .login-right{width:100%;min-width:unset}}.login-page .login-right .login-card{background:#fff;border-radius:20px;width:100%;max-width:400px;padding:44px 40px 36px;box-shadow:0 4px 6px #0000000a,0 20px 60px #0000001f}.login-page .login-right .login-card .card-title{color:#1e293b;letter-spacing:-.025em;margin-bottom:6px;font-size:1.5rem;font-weight:800}.login-page .login-right .login-card .card-subtitle{color:#64748b;margin:0 0 28px;font-size:.9rem}.login-page .login-right .login-card .error-msg{color:#dc2626;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;margin-bottom:18px;padding:10px 14px;font-size:.84rem}.login-page .login-right .login-card .login-form{flex-direction:column;gap:16px;display:flex}.login-page .login-right .login-card .login-form .form-group{flex-direction:column;gap:6px;display:flex}.login-page .login-right .login-card .login-form .form-group label{color:#1e293b;align-items:center;gap:5px;font-size:.84rem;font-weight:600;display:flex}.login-page .login-right .login-card .login-form .form-group label svg{color:#64748b;font-size:.9rem}.login-page .login-right .login-card .login-form .form-group .label-with-icon{color:#1e293b;align-items:center;gap:5px;font-size:.84rem;font-weight:600;display:flex}.login-page .login-right .login-card .login-form .form-group .label-with-icon svg{color:#64748b;font-size:.9rem}.login-page .login-right .login-card .login-form .form-group .input{color:#1e293b;box-sizing:border-box;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:11px 14px;font-size:.95rem;transition:border-color .18s,box-shadow .18s}.login-page .login-right .login-card .login-form .form-group .input:focus{border-color:#1a56db;box-shadow:0 0 0 3px #1a56db1a}.login-page .login-right .login-card .login-form .form-group .input::placeholder{color:#94a3b8}.login-page .login-right .login-card .login-form .remember-row .checkbox-label{color:#64748b;cursor:pointer;align-items:center;gap:8px;font-size:.88rem;display:flex}.login-page .login-right .login-card .login-form .remember-row .checkbox-label input[type=checkbox]{cursor:pointer;accent-color:#1a56db;width:16px;height:16px}.login-page .login-right .login-card .login-form .submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#1a56db 0%,#4f46e5 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:13px;font-size:.95rem;font-weight:700;transition:box-shadow .18s,transform .12s,opacity .15s;display:flex;box-shadow:0 4px 16px #1a56db59}.login-page .login-right .login-card .login-form .submit-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 22px #1a56db80}.login-page .login-right .login-card .login-form .submit-btn:active:not(:disabled){transform:scale(.99)}.login-page .login-right .login-card .login-form .submit-btn:disabled{opacity:.6;cursor:not-allowed}.login-page .login-right .login-card .spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin;display:inline-block}.login-page .login-right .login-card .card-footer{flex-direction:column;align-items:center;gap:10px;margin-top:22px;display:flex}.login-page .login-right .login-card .card-footer .forgot-link{color:#94a3b8;font-size:.85rem;text-decoration:none;transition:color .15s}.login-page .login-right .login-card .card-footer .forgot-link:hover{color:#1a56db}.login-page .login-right .login-card .card-footer .switch-mode{color:#94a3b8;margin:0;font-size:.875rem}.login-page .login-right .login-card .card-footer .switch-mode button{color:#1a56db;font-weight:700;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0}.login-page .login-right .login-card .card-footer .switch-mode button:hover{text-decoration:underline}.login-page .login-right .login-card .card-footer .legal-note{color:#94a3b8;text-align:center;margin:2px 0 0;font-size:.77rem;line-height:1.55}.login-page .login-right .login-card .card-footer .legal-note a{color:#1a56db;font-weight:500;text-decoration:none}.login-page .login-right .login-card .card-footer .legal-note a:hover{text-decoration:underline}@media (width<=960px){.login-page .login-left{display:none}.login-page .login-right .login-card{box-shadow:0 20px 60px #0006}}@media (width<=480px){.login-page .login-right{padding:16px}.login-page .login-right .login-card{border-radius:16px;padding:28px 20px 24px}.login-page .login-right .login-card .card-title{font-size:1.25rem}.login-page .login-right .login-card .login-form{gap:13px}}.totp-input{text-align:center;letter-spacing:8px;font-family:monospace;font-size:24px}.forgot-page{background:#f8fafc;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.forgot-page .forgot-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;max-width:420px;padding:40px 36px;box-shadow:0 4px 24px #0000000f}.forgot-page .forgot-card .forgot-logo{text-align:center;margin-bottom:28px}.forgot-page .forgot-card .forgot-logo img{height:36px}.forgot-page .forgot-card .forgot-title{color:#1e293b;text-align:center;margin:0 0 8px;font-size:1.25rem;font-weight:700}.forgot-page .forgot-card .forgot-desc{color:#64748b;text-align:center;margin:0 0 24px;font-size:.88rem}.forgot-page .forgot-card .error-msg{color:#dc2626;background:#fee2e2;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:.85rem}.forgot-page .forgot-card .forgot-form{flex-direction:column;gap:16px;display:flex}.forgot-page .forgot-card .forgot-form .form-group{flex-direction:column;gap:6px;display:flex}.forgot-page .forgot-card .forgot-form .form-group label{color:#1e293b;font-size:.85rem;font-weight:500}.forgot-page .forgot-card .forgot-form .form-group .input{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px;font-size:.9rem}.forgot-page .forgot-card .forgot-form .form-group .input:focus{border-color:#1a56db;outline:none;box-shadow:0 0 0 3px #1a56db1a}.forgot-page .forgot-card .forgot-form .btn{justify-content:center;width:100%}.forgot-page .forgot-card .forgot-footer{text-align:center;margin-top:20px}.forgot-page .forgot-card .forgot-footer a{color:#1a56db;align-items:center;gap:6px;font-size:.85rem;text-decoration:none;display:inline-flex}.forgot-page .forgot-card .forgot-footer a:hover{text-decoration:underline}@media (width<=768px){.forgot-page .forgot-card .forgot-page{padding:16px}.forgot-page .forgot-card .forgot-page .forgot-card{padding:28px 20px}}.forgot-page .forgot-card .forgot-success{text-align:center}.forgot-page .forgot-card .forgot-success .success-icon{background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.forgot-page .forgot-card .forgot-success .success-icon svg{color:#16a34a;font-size:2rem}.forgot-page .forgot-card .forgot-success h2{color:#1e293b;margin:0 0 12px;font-size:1.2rem;font-weight:700}.forgot-page .forgot-card .forgot-success p{color:#64748b;margin:0 0 8px;font-size:.88rem}.forgot-page .forgot-card .forgot-success .success-hint{color:#94a3b8;margin-bottom:24px;font-size:.82rem}.forgot-page .forgot-card .forgot-success .btn{align-items:center;gap:6px;display:inline-flex}.reset-page{background:#f8fafc;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.reset-page .reset-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;width:100%;max-width:420px;padding:40px 36px;box-shadow:0 4px 24px #0000000f}.reset-page .reset-card .reset-logo{text-align:center;margin-bottom:28px}.reset-page .reset-card .reset-logo img{height:36px}.reset-page .reset-card .reset-title{color:#1e293b;text-align:center;margin:0 0 8px;font-size:1.25rem;font-weight:700}.reset-page .reset-card .reset-desc{color:#64748b;text-align:center;margin:0 0 24px;font-size:.88rem}.reset-page .reset-card .error-msg{color:#dc2626;background:#fee2e2;border-radius:8px;margin-bottom:16px;padding:10px 14px;font-size:.85rem}.reset-page .reset-card .error-msg a{color:#dc2626;font-weight:600}.reset-page .reset-card .reset-form{flex-direction:column;gap:16px;display:flex}.reset-page .reset-card .reset-form .form-group{flex-direction:column;gap:6px;display:flex}.reset-page .reset-card .reset-form .form-group label{color:#1e293b;align-items:center;gap:6px;font-size:.85rem;font-weight:500;display:flex}.reset-page .reset-card .reset-form .form-group .input{color:#1e293b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px;font-size:.9rem}.reset-page .reset-card .reset-form .form-group .input:focus{border-color:#1a56db;outline:none;box-shadow:0 0 0 3px #1a56db1a}.reset-page .reset-card .reset-form .btn{justify-content:center;width:100%}.reset-page .reset-card .reset-footer{text-align:center;margin-top:20px}.reset-page .reset-card .reset-footer a{color:#1a56db;align-items:center;gap:6px;font-size:.85rem;text-decoration:none;display:inline-flex}.reset-page .reset-card .reset-footer a:hover{text-decoration:underline}@media (width<=768px){.reset-page .reset-card .reset-page{padding:16px}.reset-page .reset-card .reset-page .reset-card{padding:28px 20px}}.reset-page .reset-card .reset-success{text-align:center}.reset-page .reset-card .reset-success .success-icon{background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 20px;display:flex}.reset-page .reset-card .reset-success .success-icon svg{color:#16a34a;font-size:2rem}.reset-page .reset-card .reset-success h2{color:#1e293b;margin:0 0 12px;font-size:1.2rem;font-weight:700}.reset-page .reset-card .reset-success p{color:#64748b;margin:0 0 24px;font-size:.88rem}.reset-page .reset-card .reset-success .btn{align-items:center;gap:6px;display:inline-flex}.dashboard .kpis-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:28px;display:grid}.dashboard .kpi-card{align-items:flex-start;gap:16px;padding:24px;display:flex}.dashboard .kpi-card .kpi-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;display:flex}.dashboard .kpi-card .kpi-icon.blue{color:#1a56db;background:#1a56db1a}.dashboard .kpi-card .kpi-icon.red{color:#dc2626;background:#dc26261a}.dashboard .kpi-card .kpi-icon.yellow{color:#d97706;background:#d977061a}.dashboard .kpi-card .kpi-icon.green{color:#059669;background:#0596691a}.dashboard .kpi-card .kpi-icon.purple{color:#7c3aed;background:#8b5cf61a}.dashboard .kpi-card .kpi-content .kpi-value{color:#1e293b;font-size:1.5rem;font-weight:800;line-height:1.2}.dashboard .kpi-card .kpi-content .kpi-label{color:#64748b;margin-top:4px;font-size:.8rem}.dashboard .kpi-card .kpi-content .kpi-sub{color:#94a3b8;margin-top:2px;font-size:.72rem}.dashboard .dashboard-row{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px;display:grid}@media (width<=1100px){.dashboard .dashboard-row{grid-template-columns:1fr}}.dashboard .section-card{padding:0;overflow:hidden}.dashboard .section-card .section-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.dashboard .section-card .section-header h3{font-size:.95rem;font-weight:700}.dashboard .section-card .section-header .count-badge{color:#dc2626;background:#fee2e2;border-radius:999px;padding:2px 10px;font-size:.75rem;font-weight:700}.dashboard .section-card .section-body{padding:16px 24px}.dashboard .alerts-list{flex-direction:column;gap:10px;max-height:350px;padding:16px 24px;display:flex;overflow-y:auto}.dashboard .alerts-list .alert-item{border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:.85rem;display:flex}.dashboard .alerts-list .alert-item.overdue{background:#fee2e2}.dashboard .alerts-list .alert-item.overdue .alert-dot{background:#dc2626}.dashboard .alerts-list .alert-item.due_soon{background:#fef3c7}.dashboard .alerts-list .alert-item.due_soon .alert-dot{background:#d97706}.dashboard .alerts-list .alert-item.follow_up{background:#ede9fe}.dashboard .alerts-list .alert-item.follow_up .alert-dot{background:#7c3aed}.dashboard .alerts-list .alert-item.follow_up .alert-msg{color:#5b21b6}.dashboard .alerts-list .alert-item .alert-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.dashboard .alerts-list .alert-item .alert-content{flex:1}.dashboard .alerts-list .alert-item .alert-content .alert-msg{font-weight:500}.dashboard .alerts-list .alert-item .alert-content .alert-detail{color:#64748b;margin-top:2px;font-size:.75rem}.dashboard .alerts-list .alert-item .alert-amount{white-space:nowrap;font-weight:700}.dashboard .chart-container{height:300px;padding:24px}@media (width<=768px){.dashboard .chart-container{height:220px;padding:16px}}.dashboard .collection-rate{align-items:center;gap:20px;padding:24px;display:flex}@media (width<=768px){.dashboard .collection-rate{gap:14px;padding:16px}}.dashboard .collection-rate .rate-circle{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:1.4rem;font-weight:800;display:flex}@media (width<=768px){.dashboard .collection-rate .rate-circle{width:60px;height:60px;font-size:1.1rem}}.dashboard .collection-rate .rate-info h4{margin-bottom:4px;font-size:.95rem;font-weight:600}.dashboard .collection-rate .rate-info p{color:#64748b;font-size:.8rem}@media (width<=768px){.dashboard .kpis-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.dashboard .kpi-card{gap:10px;padding:14px}.dashboard .kpi-card .kpi-icon{width:38px;height:38px;font-size:1.1rem}.dashboard .kpi-card .kpi-content .kpi-value{font-size:1.15rem}.dashboard .kpi-card .kpi-content .kpi-label{font-size:.72rem}.dashboard .dashboard-row{gap:16px;margin-bottom:16px}.dashboard .section-card .section-header{padding:14px 16px}.dashboard .section-card .section-body{padding:12px 16px}.dashboard .alerts-list{max-height:260px;padding:12px 16px}.dashboard .alerts-list .alert-item{gap:8px;padding:10px 12px;font-size:.8rem}}@media (width<=480px){.dashboard .kpis-grid{grid-template-columns:1fr}}.confirm-modal-overlay{z-index:1100}.confirm-modal{width:90%;max-width:420px}.confirm-modal-body{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:32px 28px 20px;display:flex}.confirm-modal-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:4px;display:flex}.confirm-modal-icon--danger{color:#dc2626;background:#fee2e2}.confirm-modal-icon--primary{color:#1a56db;background:#e8effc}.confirm-modal-title{color:#1e293b;margin:0;font-size:1.05rem;font-weight:700}.confirm-modal-message{color:#64748b;margin:0;font-size:.9rem;line-height:1.5}.confirm-modal-footer{border-top:1px solid #e2e8f0;justify-content:center;gap:10px;padding:16px 28px 24px}.confirm-modal-footer .btn{min-width:100px}.csv-import-overlay{z-index:1100}.csv-import-modal{width:90%;max-width:520px}.csv-import-body{flex-direction:column;gap:16px;padding:20px 24px;display:flex}.csv-import-hint{color:#64748b;margin:0;font-size:.9rem;line-height:1.5}.csv-import-columns{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 14px;font-size:.82rem;line-height:1.6}.csv-import-columns code{color:#1a56db;font-size:.82rem}.csv-import-columns-label{color:#1e293b;font-weight:600}.csv-import-dropzone{cursor:pointer;color:#64748b;border:2px dashed #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:32px 20px;font-size:.9rem;transition:border-color .2s,background .2s;display:flex}.csv-import-dropzone:hover{color:#1a56db;background:#e8effc;border-color:#1a56db}.csv-import-dropzone.has-file{color:#059669;background:#d1fae5;border-color:#059669}.csv-import-filename{font-size:.9rem;font-weight:600}.csv-import-size{opacity:.8;font-size:.8rem}.csv-import-error{color:#dc2626;background:#fee2e2;border-radius:8px;padding:10px 14px;font-size:.85rem;line-height:1.5}.csv-import-result{flex-direction:column;gap:10px;display:flex}.csv-import-result-summary{align-items:center;gap:16px;font-size:.9rem;font-weight:600;display:flex}.csv-import-created{color:#059669}.csv-import-errcount{color:#dc2626}.csv-import-error-list{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;max-height:180px;margin:0;padding:10px 14px;font-size:.82rem;list-style:none;overflow-y:auto}.csv-import-error-list li{color:#64748b;border-bottom:1px solid #e2e8f0;padding:4px 0}.csv-import-error-list li:last-child{border-bottom:none}.csv-import-error-list li strong{color:#1e293b}.csv-import-more{color:#64748b;font-style:italic}.csv-import-footer{border-top:1px solid #e2e8f0;justify-content:flex-end;gap:10px;padding:16px 24px}.pagination-bar{justify-content:center;align-items:center;gap:1rem;padding:1rem 0;display:flex}.pagination-bar button{border:1px solid var(--border-color,#dee2e6);background:var(--card-bg,#fff);color:var(--text-primary,#212529);cursor:pointer;border-radius:6px;padding:.4rem 1rem;font-size:.875rem;transition:background .15s}.pagination-bar button:hover:not(:disabled){background:var(--hover-bg,#f0f0f0)}.pagination-bar button:disabled{opacity:.5;cursor:not-allowed}.pagination-bar__info{color:var(--text-secondary,#6c757d);font-size:.875rem}.clients-page .clients-filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.clients-page .clients-filters .results-count{color:#64748b;margin-left:auto;font-size:.8rem}.clients-page .clients-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px;display:grid}@media (width<=768px){.clients-page .clients-grid{grid-template-columns:1fr;gap:12px}}.clients-page .client-card{cursor:pointer;padding:20px;transition:all .2s;position:relative}.clients-page .client-card:hover{transform:translateY(-1px);box-shadow:0 4px 6px #00000012,0 2px 4px #0000000f}.clients-page .client-card .client-header{align-items:center;gap:14px;margin-bottom:16px;display:flex}.clients-page .client-card .client-header .client-avatar{color:#1a56db;background:#e8effc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1rem;font-weight:700;display:flex}.clients-page .client-card .client-header .client-info{flex:1;overflow:hidden}.clients-page .client-card .client-header .client-info h3{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;overflow:hidden}.clients-page .client-card .client-header .client-info .client-company{color:#64748b;font-size:.8rem}.clients-page .client-card .client-header .client-actions{opacity:0;gap:4px;transition:all .2s;display:flex}@media (hover:none){.clients-page .client-card .client-header .client-actions{opacity:1}}.clients-page .client-card:hover .client-actions{opacity:1}.clients-page .client-card .client-meta{color:#64748b;flex-direction:column;gap:8px;font-size:.82rem;display:flex}.clients-page .client-card .client-meta .meta-item{align-items:center;gap:8px;display:flex}.clients-page .client-card .client-meta .meta-item svg{color:#94a3b8;font-size:1rem}.clients-page .client-card .client-stats{border-top:1px solid #e2e8f0;gap:16px;margin-top:16px;padding-top:16px;display:flex}.clients-page .client-card .client-stats .stat .stat-value{font-size:1rem;font-weight:700}.clients-page .client-card .client-stats .stat .stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.03em;font-size:.7rem}.tax-select-wrapper{position:relative}.tax-select-popover{z-index:2000;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:10px;width:240px;padding:14px 16px 12px;display:flex;position:fixed;box-shadow:0 4px 6px #00000012,0 2px 4px #0000000f}.tax-select-popover__title{color:#1e293b;text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:.8rem;font-weight:600}.tax-select-popover__fields{gap:8px;display:flex}.tax-select-popover__input{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;flex:1;min-width:0;padding:7px 10px;font-size:.875rem;transition:border-color .15s}.tax-select-popover__input:focus{border-color:#1a56db}.tax-select-popover__rate{color:#1e293b;text-align:right;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;flex-shrink:0;width:64px;padding:7px 8px;font-size:.875rem;transition:border-color .15s}.tax-select-popover__rate:focus{border-color:#1a56db}.tax-select-popover__actions{justify-content:flex-end;gap:8px;display:flex}.product-dropdown{z-index:2000;background:#fff;border:1px solid #e2e8f0;border-radius:8px;width:300px;padding:8px;animation:.15s fadeIn;position:fixed;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d}.product-dropdown>.input{border:1px solid #e2e8f0;border-radius:6px;outline:none;width:100%;margin-bottom:6px;padding:8px 10px;font-size:.82rem}.product-dropdown>.input:focus{border-color:#1a56db;box-shadow:0 0 0 3px #1a56db1a}.product-dropdown .product-list{max-height:220px;overflow-y:auto}.product-dropdown .product-loading,.product-dropdown .product-empty{text-align:center;color:#94a3b8;padding:16px;font-size:.82rem}.product-dropdown .product-option{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:column;gap:2px;width:100%;padding:8px 10px;transition:background .15s;display:flex}.product-dropdown .product-option:hover{background:#f1f5f9}.product-dropdown .product-option .product-option-name{color:#1e293b;font-size:.85rem;font-weight:600}.product-dropdown .product-option .product-option-meta{color:#64748b;gap:8px;font-size:.75rem;display:flex}.product-dropdown .product-option .product-option-meta .sku{font-family:monospace}.product-dropdown .product-option .product-option-meta .price{color:#1a56db;font-weight:600}.quotations-page .quotations-filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.quotations-page .quotations-filters .results-count{color:#64748b;margin-left:auto;font-size:.8rem}.quotations-page .actions{align-items:center;gap:6px;display:flex}.quotations-page .version-badge{color:#1a56db;vertical-align:middle;background:#1a56db1a;border-radius:4px;margin-left:5px;padding:1px 5px;font-size:.65rem;font-weight:700;display:inline-block}.quotations-page .follow-up-overdue{color:#dc2626;background:#fee2e2;border-radius:4px;padding:2px 7px;font-size:.82rem;font-weight:600}.quotations-page .btn-sm{gap:4px;padding:4px 10px;font-size:.75rem}.quotations-page .btn-success{color:#fff;cursor:pointer;background:#059669;border:none;border-radius:6px;align-items:center;gap:4px;font-weight:600;display:inline-flex}.quotations-page .btn-success:hover{background:#047857}.quotations-page .modal-lg{max-width:700px}@media (width<=768px){.quotations-page .modal-lg{max-width:95%}}.quotations-page .items-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:16px 0;padding:16px}@media (width<=768px){.quotations-page .items-section{padding:12px}}.quotations-page .items-section .items-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.quotations-page .items-section .items-header h3{color:#1e293b;margin:0;font-size:.95rem;font-weight:600}.quotations-page .items-section .items-header .items-header-actions{align-items:center;gap:8px;display:flex}.quotations-page .items-section .items-header .items-header-actions .template-select{color:#1e293b;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;max-width:180px;padding:5px 8px;font-size:.8rem}.quotations-page .items-section .items-header .items-header-actions .template-select:focus{border-color:#1a56db;outline:none}.quotations-page .items-section .item-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}@media (width<=768px){.quotations-page .items-section .item-row{flex-wrap:wrap}.quotations-page .items-section .item-row .item-desc{flex:100%;max-width:none}.quotations-page .items-section .item-row .item-qty,.quotations-page .items-section .item-row .item-price,.quotations-page .items-section .item-row .item-tax,.quotations-page .items-section .item-row .item-subtotal{flex:1;max-width:none}}.quotations-page .items-section .item-row .item-desc{flex:3}.quotations-page .items-section .item-row .item-qty{flex:1;max-width:80px}.quotations-page .items-section .item-row .item-price{flex:1;max-width:120px}.quotations-page .items-section .item-row .item-tax{flex:2;min-width:120px;max-width:150px}.quotations-page .items-section .item-row .item-subtotal{text-align:right;color:#1e293b;flex:1;max-width:110px;font-size:.85rem;font-weight:600}.quotations-page .items-section .item-row input{border:1px solid #e2e8f0;border-radius:6px;padding:8px 10px;font-size:.85rem}.quotations-page .items-section .item-row input:focus{border-color:#1a56db;outline:none;box-shadow:0 0 0 3px #1a56db1a}.quotations-page .items-section .items-totals{border-top:1px solid #e2e8f0;padding-top:10px}.quotations-page .items-section .items-totals .totals-line{color:#64748b;justify-content:space-between;padding:2px 0;font-size:.85rem;display:flex}.quotations-page .items-section .items-totals .totals-line.discount{color:#dc2626}.quotations-page .items-section .items-totals .totals-line.total{color:#1e293b;border-top:1px solid #e2e8f0;margin-top:4px;padding-top:6px;font-size:.95rem}.quotations-page .items-section .items-totals .totals-line.total strong{color:#1a56db;font-size:1.05rem}.quotations-page .btn-outline{color:#1e293b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;padding:6px 12px;font-weight:500;display:inline-flex}.quotations-page .btn-outline:hover{color:#1a56db;border-color:#1a56db}.sales-page .sales-kpis{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.sales-page .sales-kpis .kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:0 1px 2px #0000000d}.sales-page .sales-kpis .kpi-card .kpi-icon{border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;display:flex}.sales-page .sales-kpis .kpi-card .kpi-icon.revenue{color:#1d4ed8;background:#dbeafe}.sales-page .sales-kpis .kpi-card .kpi-icon.costs{color:#dc2626;background:#fee2e2}.sales-page .sales-kpis .kpi-card .kpi-icon.profit{color:#059669;background:#d1fae5}.sales-page .sales-kpis .kpi-card .kpi-icon.loss{color:#dc2626;background:#fee2e2}.sales-page .sales-kpis .kpi-card .kpi-info{flex-direction:column;display:flex}.sales-page .sales-kpis .kpi-card .kpi-info .kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:500}.sales-page .sales-kpis .kpi-card .kpi-info .kpi-value{color:#1e293b;font-size:1.25rem;font-weight:700}.sales-page .sales-kpis .kpi-card .kpi-info .kpi-value.text-success{color:#059669}.sales-page .sales-kpis .kpi-card .kpi-info .kpi-value.text-danger{color:#dc2626}.sales-page .sales-filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.sales-page .sales-filters .results-count{color:#64748b;margin-left:auto;font-size:.8rem}.sales-page .text-success{color:#059669}.sales-page .text-danger{color:#dc2626}.sales-page .actions{align-items:center;gap:6px;display:flex}.sales-page .btn-sm{gap:4px;padding:4px 10px;font-size:.75rem}.sales-page .btn-outline{color:#1e293b;cursor:pointer;background:0 0;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;font-weight:500;display:inline-flex}.sales-page .btn-outline:hover{color:#1a56db;border-color:#1a56db}.sales-page .btn-primary-outline{color:#1a56db;cursor:pointer;background:0 0;border:1px solid #1a56db;border-radius:6px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.sales-page .btn-primary-outline:hover{color:#fff;background:#1a56db}.sales-page .text-warning{color:#d97706}.sales-page .budget-cell{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.sales-page .comments-body{flex-direction:column;gap:16px;max-height:400px;display:flex}.sales-page .stages-body{flex-direction:column;gap:16px;max-height:480px;display:flex;overflow-y:auto}.sales-page .stages-progress{align-items:center;gap:10px;padding:0 2px;display:flex}.sales-page .stages-progress .stages-progress-bar{background:#f8fafc;border-radius:999px;flex:1;height:6px;overflow:hidden}.sales-page .stages-progress .stages-progress-bar .stages-progress-fill{background:#059669;border-radius:999px;height:100%;transition:width .4s}.sales-page .stages-progress .stages-progress-label{color:#64748b;white-space:nowrap;font-size:.75rem;font-weight:600}.sales-page .stages-timeline{flex-direction:column;padding:4px 0;display:flex}.sales-page .timeline-item{align-items:stretch;gap:16px;display:flex}.sales-page .timeline-item .timeline-left{flex-direction:column;flex-shrink:0;align-items:center;width:28px;display:flex}.sales-page .timeline-item .timeline-left .timeline-node{cursor:pointer;color:#64748b;z-index:1;background:#fff;border:2px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.85rem;transition:all .2s;display:flex}.sales-page .timeline-item .timeline-left .timeline-node .node-dot{background:#e2e8f0;border-radius:50%;width:8px;height:8px;transition:background .2s;display:block}.sales-page .timeline-item .timeline-left .timeline-node:hover{border-color:#1a56db}.sales-page .timeline-item .timeline-left .timeline-node:hover .node-dot{background:#1a56db}.sales-page .timeline-item .timeline-left .timeline-line{background:#e2e8f0;flex:1;width:2px;min-height:20px;margin:4px 0}.sales-page .timeline-item .timeline-content{flex:1;padding-bottom:20px}.sales-page .timeline-item .timeline-content .timeline-header{justify-content:space-between;align-items:center;gap:8px;min-height:28px;display:flex}.sales-page .timeline-item .timeline-content .timeline-header .timeline-name{color:#1e293b;font-size:.9rem;font-weight:600;line-height:1.3}.sales-page .timeline-item .timeline-content .timeline-header .timeline-actions{flex-shrink:0;align-items:center;gap:6px;display:flex}.sales-page .timeline-item .timeline-content .timeline-header .timeline-date{color:#059669;font-size:.72rem;font-weight:500}.sales-page .timeline-item .timeline-content .timeline-header .timeline-badge-current{color:#1a56db;background:#1a56db1a;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:700}.sales-page .timeline-item .timeline-content .timeline-header .small{opacity:0;transition:opacity .15s}.sales-page .timeline-item .timeline-content .timeline-desc{color:#64748b;margin:4px 0 0;font-size:.8rem;line-height:1.4}.sales-page .timeline-item:hover .timeline-content .timeline-header .small{opacity:1}.sales-page .timeline-item.done .timeline-node{color:#fff;background:#059669;border-color:#059669}.sales-page .timeline-item.done .timeline-line{background:#059669}.sales-page .timeline-item.done .timeline-name{color:#64748b;text-decoration:line-through}.sales-page .timeline-item.current .timeline-node{border-width:2px;border-color:#1a56db;box-shadow:0 0 0 4px #1a56db1f}.sales-page .timeline-item.current .timeline-node .node-dot{background:#1a56db}.sales-page .timeline-item.current .timeline-name{color:#1e293b;font-weight:700}.sales-page .timeline-item.pending .timeline-left{opacity:.5}.sales-page .timeline-item.pending .timeline-name{color:#64748b;font-weight:400}.sales-page .comments-list{flex-direction:column;gap:10px;max-height:280px;padding-right:4px;display:flex;overflow-y:auto}.sales-page .comments-list .comment-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px}.sales-page .comments-list .comment-item .comment-header{align-items:center;gap:8px;margin-bottom:4px;display:flex}.sales-page .comments-list .comment-item .comment-header strong{color:#1e293b;font-size:.8rem}.sales-page .comments-list .comment-item .comment-header .comment-date{color:#64748b;margin-left:auto;font-size:.72rem}.sales-page .comments-list .comment-item .comment-header .small{padding:2px;font-size:.7rem}.sales-page .comments-list .comment-item .comment-content{color:#1e293b;margin:0;font-size:.85rem;line-height:1.4}.sales-page .comment-input-row{align-items:center;gap:8px;display:flex}@media (width<=768px){.sales-page .comment-input-row{flex-direction:column;align-items:stretch}}.sales-page .comment-input-row input{border:1px solid #e2e8f0;border-radius:8px;flex:1;padding:8px 12px;font-size:.85rem}.sales-page .comment-input-row input:focus{border-color:#1a56db;outline:none;box-shadow:0 0 0 3px #1a56db1a}.sales-page .attachments-body{flex-direction:column;gap:16px;display:flex}.sales-page .attachments-list{flex-direction:column;gap:8px;max-height:360px;display:flex;overflow-y:auto}.sales-page .attachment-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;padding:10px 12px;transition:border-color .15s;display:flex}.sales-page .attachment-item:hover{border-color:#1a56db}.sales-page .attachment-item .attachment-icon{color:#1a56db;flex-shrink:0;font-size:1.3rem}.sales-page .attachment-item .attachment-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.sales-page .attachment-item .attachment-info .attachment-name{color:#1e293b;white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.sales-page .attachment-item .attachment-info .attachment-meta{color:#64748b;font-size:.75rem}.sales-page .attachment-item .attachment-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.sales-page .attachment-item .attachment-actions a.icon-btn{color:#64748b;justify-content:center;align-items:center;text-decoration:none;display:flex}.sales-page .attachment-item .attachment-actions a.icon-btn:hover{color:#1a56db}@media (width<=768px){.sales-page .sales-kpis{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.sales-page .sales-kpis .kpi-card{gap:10px;padding:14px}.sales-page .sales-kpis .kpi-card .kpi-icon{width:38px;height:38px;font-size:1rem}.sales-page .sales-kpis .kpi-card .kpi-info .kpi-value{font-size:1rem}.sales-page .comments-body{max-height:320px}.sales-page .comments-list{max-height:200px}}@media (width<=480px){.sales-page .sales-kpis{grid-template-columns:1fr}}.costs-page .costs-summary{margin-bottom:24px}.costs-page .costs-summary .summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:16px;padding:20px 24px;display:flex;box-shadow:0 1px 2px #0000000d}.costs-page .costs-summary .summary-card>svg{color:#dc2626;font-size:1.5rem}.costs-page .costs-summary .summary-card .summary-label{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;display:block}.costs-page .costs-summary .summary-card .summary-value{color:#dc2626;font-size:1.25rem;font-weight:700}.costs-page .costs-summary .summary-card .summary-count{color:#94a3b8;margin-left:auto;font-size:.8rem}.costs-page .costs-filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.costs-page .costs-filters .results-count{color:#64748b;margin-left:auto;font-size:.8rem}.costs-page .text-danger{color:#dc2626}.costs-page .badge{border-radius:12px;padding:3px 10px;font-size:.75rem;font-weight:600}.costs-page .badge.badge-category-material{color:#1d4ed8;background:#dbeafe}.costs-page .badge.badge-category-labor{color:#92400e;background:#fef3c7}.costs-page .badge.badge-category-service{color:#065f46;background:#d1fae5}.costs-page .badge.badge-category-other{color:#6b7280;background:#f1f5f9}.costs-page .actions{align-items:center;gap:6px;display:flex}@media (width<=768px){.costs-page .costs-summary .summary-card{gap:12px;padding:14px 16px}.costs-page .costs-summary .summary-card>svg{font-size:1.2rem}.costs-page .costs-summary .summary-card .summary-value{font-size:1rem}}.invoices-page .invoices-filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.invoices-page .invoices-filters .results-count{color:#64748b;margin-left:auto;font-size:.8rem}.invoices-page .status-tabs{-webkit-overflow-scrolling:touch;background:#f8fafc;border-radius:8px;gap:4px;padding:4px;display:flex;overflow-x:auto}@media (width<=768px){.invoices-page .status-tabs{flex-wrap:wrap}}.invoices-page .status-tabs button{color:#64748b;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:6px 14px;font-size:.8rem;font-weight:600;transition:all .2s}@media (width<=768px){.invoices-page .status-tabs button{padding:6px 10px;font-size:.75rem}}.invoices-page .status-tabs button.active{color:#1e293b;background:#fff;box-shadow:0 1px 2px #0000000d}.invoices-page .invoice-row .invoice-number{color:#1a56db;font-weight:700}.invoices-page .invoice-row .invoice-client .client-name{font-weight:600}.invoices-page .invoice-row .invoice-client .client-company{color:#64748b;font-size:.75rem}.invoices-page .invoice-row .money{font-variant-numeric:tabular-nums;font-weight:600}.invoices-page .invoice-row .money-paid{color:#059669}.invoices-page .invoice-row .money-balance{color:#dc2626}.invoices-page .invoice-row .due-info .due-date{font-size:.85rem}.invoices-page .invoice-row .due-info .due-days{font-size:.72rem}.invoices-page .invoice-row .due-info .due-days.overdue{color:#dc2626}.invoices-page .invoice-row .due-info .due-days.soon{color:#d97706}.invoices-page .invoice-row .due-info .due-days.ok{color:#059669}.invoices-page .invoice-row .row-actions{gap:4px;display:flex}.invoices-page .modal-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=768px){.invoices-page .modal-row{grid-template-columns:1fr;gap:12px}}.invoices-page .credit-info{color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;gap:16px;margin-bottom:16px;padding:12px;font-size:.85rem;display:flex}@media (width<=768px){.invoices-page .credit-info{gap:8px;font-size:.8rem}}.invoices-page .credit-info strong{color:#1e293b}.invoices-page .credit-notes-list{margin-bottom:16px}.invoices-page .credit-notes-list h4{color:#1e293b;margin:0 0 8px;font-size:.85rem;font-weight:600}.invoices-page .credit-notes-list .credit-note-item{background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;margin-bottom:6px;padding:10px 12px}.invoices-page .credit-notes-list .credit-note-item .cn-header{align-items:center;gap:12px;display:flex}.invoices-page .credit-notes-list .credit-note-item .cn-header .cn-number{color:#1e293b;font-family:monospace;font-size:.8rem;font-weight:600}.invoices-page .credit-notes-list .credit-note-item .cn-header .cn-date{color:#64748b;font-size:.75rem}.invoices-page .credit-notes-list .credit-note-item .cn-header .cn-amount{color:#dc2626;margin-left:auto;font-size:.85rem;font-weight:700}.invoices-page .credit-notes-list .credit-note-item .cn-reason{color:#64748b;margin:4px 0 0;font-size:.8rem}.invoices-page .credit-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px}.invoices-page .credit-form h4{color:#1e293b;margin:0 0 12px;font-size:.85rem;font-weight:600}.invoices-page .credit-form .btn{margin-top:8px}.invoices-page .invoice-tax-summary{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:4px;padding:10px 14px}.invoices-page .invoice-tax-summary .tax-line{color:#64748b;justify-content:space-between;padding:2px 0;font-size:.82rem;display:flex}.invoices-page .invoice-tax-summary .tax-line.total{color:#1e293b;border-top:1px solid #e2e8f0;margin-top:4px;padding-top:6px;font-weight:700}.invoices-page .tax-detail{color:#94a3b8;font-size:.7rem}.payments-page .payments-header-row{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:20px;display:flex}.payments-page .invoice-select-card{margin-bottom:24px;padding:20px}.payments-page .invoice-select-card h3{margin-bottom:12px;font-size:.95rem;font-weight:700}.payments-page .invoice-select-card .invoice-quick-info{flex-wrap:wrap;gap:24px;margin-top:12px;display:flex}@media (width<=768px){.payments-page .invoice-select-card .invoice-quick-info{gap:12px}}.payments-page .invoice-select-card .invoice-quick-info .info-item .info-label{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;font-size:.7rem}.payments-page .invoice-select-card .invoice-quick-info .info-item .info-value{font-size:1rem;font-weight:700}.payments-page .payment-card{border-bottom:1px solid #e2e8f0;align-items:center;gap:16px;padding:16px 20px;display:flex}@media (width<=768px){.payments-page .payment-card{gap:12px;padding:12px 14px}}.payments-page .payment-card:last-child{border-bottom:none}.payments-page .payment-card .payment-icon{color:#059669;background:#d1fae5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.payments-page .payment-card .payment-info{flex:1}.payments-page .payment-card .payment-info .payment-date{font-size:.875rem;font-weight:600}.payments-page .payment-card .payment-info .payment-meta{color:#64748b;font-size:.78rem}.payments-page .payment-card .payment-amount{color:#059669;font-size:1.1rem;font-weight:700}.export-page .page-subtitle{color:#64748b;margin:4px 0 0;font-size:.875rem}.export-page .section-divider{border-top:1px solid #e2e8f0;margin-top:36px;margin-bottom:4px;padding-top:28px}.export-page .section-divider h2{font-size:1.25rem;font-weight:700}.export-page .export-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}@media (width<=768px){.export-page .export-grid{grid-template-columns:1fr;gap:16px}}.export-page .export-card{text-align:center;flex-direction:column;padding:28px;transition:all .2s;display:flex}@media (width<=768px){.export-page .export-card{padding:20px}}.export-page .export-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #00000012,0 2px 4px #0000000f}.export-page .export-card .export-icon{border-radius:12px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:1.6rem;display:flex}.export-page .export-card .export-icon.green{color:#059669;background:#d1fae5}.export-page .export-card .export-icon.blue{color:#1a56db;background:#e8effc}.export-page .export-card .export-icon.purple{color:#7c3aed;background:#8b5cf61a}.export-page .export-card .export-icon.orange{color:#ea580c;background:#f973161a}.export-page .export-card .export-icon.teal{color:#0d9488;background:#14b8a61a}.export-page .export-card .export-icon.indigo{color:#4f46e5;background:#6366f11a}.export-page .export-card .export-icon.rose{color:#e11d48;background:#f43f5e1a}.export-page .export-card .export-icon.emerald{color:#059669;background:#10b9811a}.export-page .export-card .export-icon.amber{color:#d97706;background:#f59e0b1a}.export-page .export-card .export-icon.sky{color:#0284c7;background:#0ea5e91a}.export-page .export-card h3{margin-bottom:6px;font-size:1.05rem;font-weight:700}.export-page .export-card p{color:#64748b;margin-bottom:16px;font-size:.82rem;line-height:1.45}.export-page .export-card .export-options{text-align:left;flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.export-page .export-card .export-options>label{text-transform:uppercase;letter-spacing:.03em;color:#64748b;font-size:.75rem;font-weight:600}.export-page .export-card .export-options .date-row{gap:8px;display:flex}.export-page .export-card .export-options .date-row .input{flex:1;min-width:0}.export-page .export-card .btn{width:100%;margin-top:auto}.settings-page .settings-tabs{background:#f8fafc;border-radius:8px;gap:4px;width:fit-content;margin-bottom:24px;padding:4px;display:flex}.settings-page .settings-tabs button{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.settings-page .settings-tabs button.active{color:#1e293b;background:#fff;box-shadow:0 1px 2px #0000000d}.settings-page .settings-section{padding:24px}.settings-page .settings-section h2{margin-bottom:6px;font-size:1.1rem;font-weight:700}.settings-page .settings-section .section-desc{color:#64748b;margin-bottom:20px;font-size:.85rem}.settings-page .settings-section .section-desc .section-readonly-hint{color:#94a3b8;margin-left:6px;font-size:.8rem;font-style:italic;display:inline-block}.settings-page .settings-section .form-row{flex-wrap:wrap;gap:16px;display:flex}.settings-page .settings-section .form-row .form-group{flex:1;min-width:200px}.settings-page .settings-section .form-group{margin-bottom:16px}.settings-page .settings-section .form-group label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:.8rem;font-weight:600;display:block}.settings-page .settings-section .form-group input{border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:8px 12px;font-size:.875rem}.settings-page .settings-section .form-group input:disabled{color:#64748b;cursor:not-allowed;background:#f1f5f9}.settings-page .settings-section .form-group input:focus{border-color:#1a56db;outline:none;box-shadow:0 0 0 3px #1a56db1a}.settings-page .settings-section .section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.settings-page .settings-section .section-header h2{font-size:1.1rem;font-weight:700}.settings-page .settings-section .section-header .user-count{color:#64748b;font-size:.85rem}.settings-page .tax-form{margin-bottom:20px;padding:20px}.settings-page .tax-form .form-row{flex-wrap:wrap;align-items:flex-end;gap:16px;display:flex}.settings-page .tax-form .form-actions{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.settings-page .tax-form .checkbox-label{cursor:pointer;align-items:center;gap:8px;padding-top:24px;font-size:.85rem;display:flex}.settings-page .tax-form .checkbox-label input[type=checkbox]{accent-color:#1a56db;width:16px;height:16px}.settings-page .empty-state{text-align:center;padding:48px 24px}.settings-page .empty-state .empty-icon{color:#94a3b8;margin-bottom:12px;font-size:2.5rem}.settings-page .empty-state p{color:#1e293b;margin-bottom:4px;font-size:1rem;font-weight:600}.settings-page .empty-state span{color:#64748b;font-size:.85rem}.settings-page .tax-list{flex-direction:column;gap:8px;display:flex}.settings-page .tax-item{justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.settings-page .tax-item.inactive{opacity:.5}.settings-page .tax-item .tax-info{align-items:center;gap:12px;display:flex}.settings-page .tax-item .tax-info .tax-name{font-size:.9rem;font-weight:600}.settings-page .tax-item .tax-info .tax-rate{color:#64748b;font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:700}.settings-page .tax-item .tax-actions{gap:4px;display:flex}.settings-page .badge-primary{color:#1a56db;background:#e8effc;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:600}.settings-page .badge-muted{color:#94a3b8;background:#f8fafc;border-radius:999px;padding:2px 8px;font-size:.7rem;font-weight:600}.settings-page .users-list{flex-direction:column;gap:8px;display:flex}.settings-page .user-item{align-items:center;gap:16px;padding:16px 20px;display:flex}.settings-page .user-item.inactive{opacity:.5}.settings-page .user-item .user-main{flex:1;align-items:center;gap:12px;display:flex}.settings-page .user-item .user-main .user-avatar{color:#1a56db;background:#e8effc;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.85rem;font-weight:700;display:flex}.settings-page .user-item .user-main .user-info{flex-direction:column;display:flex}.settings-page .user-item .user-main .user-info .user-name{align-items:center;gap:8px;font-size:.9rem;font-weight:600;display:flex}.settings-page .user-item .user-main .user-info .user-email{color:#64748b;font-size:.8rem}.settings-page .user-item .user-main .user-info .user-company{color:#94a3b8;font-size:.75rem}.settings-page .user-item .user-role-section .role-badge{cursor:pointer;border-radius:999px;padding:4px 12px;font-size:.75rem;font-weight:600}.settings-page .user-item .user-role-section .role-badge.role-admin{color:#7c3aed;background:#8b5cf61a}.settings-page .user-item .user-role-section .role-badge.role-sales{color:#1a56db;background:#e8effc}.settings-page .user-item .user-role-section .role-badge.role-finance{color:#059669;background:#d1fae5}.settings-page .user-item .user-role-section .role-edit{align-items:center;gap:4px;display:flex}.settings-page .user-item .user-role-section .role-edit select{border:1px solid #e2e8f0;border-radius:6px;padding:4px 8px;font-size:.8rem}.settings-page .user-item .user-actions{gap:4px;display:flex}.settings-page .text-danger{color:#dc2626}@media (width<=768px){.settings-page .settings-tabs{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;width:100%;overflow-x:auto}.settings-page .settings-tabs button{white-space:nowrap;flex-shrink:0;padding:8px 12px;font-size:.8rem}.settings-page .tax-form .form-row{flex-direction:column}.settings-page .tax-item,.settings-page .user-item{flex-direction:column;align-items:flex-start;gap:10px}}.settings-page .template-form{margin-bottom:20px;padding:20px}.settings-page .template-form h3{margin-bottom:16px;font-size:1rem;font-weight:700}.settings-page .template-form .form-row{flex-wrap:wrap;gap:16px;margin-bottom:16px;display:flex}.settings-page .template-form .form-row .form-group{flex:1;min-width:200px}.settings-page .template-form .form-group label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px;font-size:.78rem;font-weight:600;display:block}.settings-page .template-form .form-group input{border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:7px 10px;font-size:.875rem}.settings-page .template-form .form-group input:focus{border-color:#1a56db;outline:none;box-shadow:0 0 0 3px #1a56db1a}.settings-page .template-items{-webkit-overflow-scrolling:touch;margin-bottom:12px;overflow-x:auto}.settings-page .template-items .items-header{border-bottom:1px solid #e2e8f0;grid-template-columns:3fr 70px 100px 70px 140px 36px;gap:6px;min-width:630px;margin-bottom:6px;padding:0 4px 6px;display:grid}.settings-page .template-items .items-header span{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.72rem;font-weight:600}.settings-page .template-items .item-row{grid-template-columns:3fr 70px 100px 70px 140px 36px;align-items:center;gap:6px;min-width:630px;margin-bottom:6px;display:grid}.settings-page .template-items .item-row input{border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:6px 8px;font-size:.85rem}.settings-page .template-items .item-row input:focus{border-color:#1a56db;outline:none;box-shadow:0 0 0 3px #1a56db1a}.settings-page .form-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.settings-page .templates-list{flex-direction:column;gap:8px;display:flex}.settings-page .template-item{justify-content:space-between;align-items:center;gap:16px;padding:14px 20px;display:flex}.settings-page .template-item .template-info{flex-direction:column;flex:1;gap:2px;display:flex}.settings-page .template-item .template-info .template-name{color:#1e293b;font-size:.9rem;font-weight:600}.settings-page .template-item .template-info .template-desc{color:#64748b;font-size:.82rem}.settings-page .template-item .template-info .template-meta{color:#94a3b8;font-size:.78rem}.settings-page .template-item .template-actions{flex-shrink:0;gap:4px;display:flex}.settings-page .logo-section{flex-wrap:wrap;align-items:center;gap:20px;margin-bottom:24px;display:flex}.settings-page .logo-section .logo-preview-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:160px;height:80px;display:flex;overflow:hidden}.settings-page .logo-section .logo-preview-box .logo-img{object-fit:contain;max-width:100%;max-height:100%}.settings-page .logo-section .logo-placeholder{background:#f8f8f8;border:2px dashed #e2e8f0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:160px;height:80px;display:flex}.settings-page .logo-section .logo-placeholder svg{color:#94a3b8;font-size:2rem}.settings-page .logo-section .logo-info{flex-direction:column;gap:8px;display:flex}.settings-page .logo-section .logo-info .logo-actions{flex-wrap:wrap;gap:8px;display:flex}.settings-page .logo-section .logo-info .logo-hint{color:#94a3b8;font-size:.78rem}.settings-page .smtp-status{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.settings-page .smtp-status .smtp-host,.settings-page .smtp-status .smtp-user{color:#64748b;font-size:.85rem}.settings-page .smtp-hint{color:#64748b;background:#1a56db0a;border-left:3px solid #1a56db;border-radius:8px;margin-top:20px;padding:12px 16px;font-size:.82rem;line-height:1.8}.settings-page .smtp-hint a{color:#1a56db}.settings-page .plan-current{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:24px;padding:24px 28px}.settings-page .plan-current h2{color:#1e293b;align-items:center;gap:8px;margin:0 0 20px;font-size:1rem;font-weight:700;display:flex}.settings-page .plan-current h2 svg{color:#1a56db}.settings-page .plan-meters{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=1024px){.settings-page .plan-meters{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.settings-page .plan-meters{grid-template-columns:1fr}}.settings-page .plan-meter{flex-direction:column;gap:8px;display:flex}.settings-page .plan-meter .plan-meter-label{justify-content:space-between;align-items:baseline;display:flex}.settings-page .plan-meter .plan-meter-label span:first-child{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.settings-page .plan-meter .plan-meter-label span:last-child{color:#1e293b;font-size:.9rem;font-weight:700}.settings-page .plan-meter .plan-meter-bar{background:#e2e8f0;border-radius:999px;height:8px;overflow:hidden}.settings-page .plan-meter .plan-meter-bar .plan-meter-fill{border-radius:999px;height:100%;transition:width .4s}.settings-page .plan-cards{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=1024px){.settings-page .plan-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.settings-page .plan-cards{grid-template-columns:1fr}}.settings-page .plan-card{flex-direction:column;gap:0;padding:0;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.settings-page .plan-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #00000012,0 2px 4px #0000000f}.settings-page .plan-card.plan-card-current{border-color:#1a56db;box-shadow:0 0 0 2px #1a56db26}.settings-page .plan-card.plan-card-recommended{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed26}.settings-page .plan-card .plan-recommended-badge{color:#fff;background:#7c3aed;border-radius:0 8px;padding:3px 10px;font-size:.72rem;font-weight:700;position:absolute;top:0;right:0}.settings-page .plan-card .plan-current-badge{color:#fff;background:#1a56db;border-radius:0 8px;padding:3px 10px;font-size:.72rem;font-weight:700;position:absolute;top:0;right:0}.settings-page .plan-card .plan-card-header{border-bottom:3px solid;flex-direction:column;gap:4px;padding:20px 20px 16px;display:flex}.settings-page .plan-card .plan-card-header .plan-card-name{text-transform:uppercase;letter-spacing:.05em;font-size:1.1rem;font-weight:800}.settings-page .plan-card .plan-card-header .plan-card-price{color:#1e293b;font-size:1.4rem;font-weight:700}.settings-page .plan-card .plan-card-features{flex-direction:column;flex:1;gap:8px;margin:0;padding:16px 20px;list-style:none;display:flex}.settings-page .plan-card .plan-card-features li{color:#64748b;align-items:center;gap:8px;font-size:.85rem;display:flex}.settings-page .plan-card .plan-card-features li svg{color:#22c55e;flex-shrink:0}.settings-page .plan-card .btn{justify-content:center;margin:0 20px 20px}.settings-page .audit-list{flex-direction:column;gap:8px;display:flex}.settings-page .audit-item{flex-direction:column;gap:6px;padding:12px 16px;display:flex}.settings-page .audit-item .audit-action{align-items:center;gap:8px;display:flex}.settings-page .audit-item .audit-action .action-badge{border-radius:12px;padding:2px 10px;font-size:.78rem;font-weight:600}.settings-page .audit-item .audit-action .action-badge.action-create{color:#16a34a;background:#dcfce7}.settings-page .audit-item .audit-action .action-badge.action-delete{color:#dc2626;background:#fee2e2}.settings-page .audit-item .audit-action .action-badge.action-send_email{color:#2563eb;background:#dbeafe}.settings-page .audit-item .audit-action .action-badge.action-login{color:#6b7280;background:#f3f4f6}.settings-page .audit-item .audit-action .action-badge.action-update{color:#a16207;background:#fef9c3}.settings-page .audit-item .audit-action .entity-type{color:#64748b;font-size:.83rem}.settings-page .audit-item .audit-action .entity-ref{color:#1e293b;font-size:.83rem;font-weight:600}.settings-page .audit-item .audit-meta{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:12px;font-size:.78rem;display:flex}.settings-page .audit-item .audit-meta .audit-user{color:#64748b;font-weight:600}.settings-page .audit-item .audit-meta .audit-details{flex:1}.cf-form{margin-bottom:20px;padding:20px}.cf-form h3{margin-bottom:16px;font-size:.95rem;font-weight:600}.cf-form .cf-checks{gap:24px;margin:12px 0 16px;display:flex}.cf-form .cf-checks .check-label{cursor:pointer;align-items:center;gap:6px;font-size:.875rem;display:flex}.cf-form .cf-checks .check-label input[type=checkbox]{cursor:pointer;width:16px;height:16px}.cf-group{margin-bottom:24px}.cf-group .cf-group-title{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:10px;font-size:.8rem;font-weight:700}.cf-group .cf-list{flex-direction:column;gap:8px;display:flex}.cf-group .cf-item{justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.cf-group .cf-item .cf-item-info{flex-direction:column;gap:5px;display:flex}.cf-group .cf-item .cf-item-info .cf-name{font-size:.9rem;font-weight:600}.cf-group .cf-item .cf-item-info .cf-badges{flex-wrap:wrap;gap:5px;display:flex}.cf-group .cf-item .cf-item-info .cf-badges .badge{border-radius:20px;padding:2px 8px;font-size:.72rem;font-weight:600}.cf-group .cf-item .cf-item-info .cf-badges .badge.badge-type{color:#3730a3;background:#e0e7ff}.cf-group .cf-item .cf-item-info .cf-badges .badge.badge-required{color:#991b1b;background:#fee2e2}.cf-group .cf-item .cf-item-info .cf-badges .badge.badge-pdf{color:#065f46;background:#d1fae5}.cf-group .cf-item .cf-item-info .cf-badges .badge.badge-opts{color:#64748b;background:#f3f4f6}.cf-group .cf-item .cf-item-actions{flex-shrink:0;gap:4px;display:flex}.cf-panel{border-top:1px solid #e2e8f0;margin-top:20px;padding-top:16px}.cf-panel .cf-panel-title{text-transform:uppercase;letter-spacing:.05em;color:#94a3b8;margin-bottom:12px;font-size:.8rem;font-weight:700}.cf-panel .cf-panel-fields{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=600px){.cf-panel .cf-panel-fields{grid-template-columns:1fr}}.cf-panel-loading{justify-content:center;padding:12px;display:flex}.required-mark{color:#dc2626}.invite-form-card{margin-bottom:16px;padding:16px 20px}.invite-form-card h3{color:#374151;margin:0 0 12px;font-size:.9rem;font-weight:600}.invite-form{flex-wrap:wrap;gap:8px;display:flex}.invite-form input[type=email]{border:1px solid #e2e8f0;border-radius:8px;outline:none;flex:1;min-width:180px;padding:8px 12px;font-size:.875rem}.invite-form input[type=email]:focus{border-color:#1a56db}.invite-form select{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;outline:none;padding:8px 10px;font-size:.875rem}.invite-form .btn-invite{color:#fff;cursor:pointer;background:#1a56db;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 20px;font-size:.875rem;font-weight:600;transition:background .15s;display:flex}.invite-form .btn-invite:hover:not(:disabled){background:#1446b0}.invite-form .btn-invite:disabled{opacity:.6;cursor:not-allowed}.invite-link-box{background:#fefce8;border:1px solid #fde68a;border-radius:8px;margin-top:12px;padding:12px}.invite-link-box p{color:#92400e;margin:0 0 8px;font-size:.8rem}.invite-link-row{gap:8px;display:flex}.invite-link-row input{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;outline:none;flex:1;padding:6px 10px;font-family:monospace;font-size:.78rem}.invite-link-row button{color:#fff;cursor:pointer;white-space:nowrap;background:#1a56db;border:none;border-radius:6px;padding:6px 14px;font-size:.8rem;font-weight:600}.invite-link-row button:hover{background:#1446b0}.feedback-list{flex-direction:column;gap:10px;margin-top:8px;display:flex}.feedback-item{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px}.feedback-item__meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.feedback-item__user{color:#374151;font-size:.82rem;font-weight:600}.feedback-item__page{color:#6b7280;background:#f3f4f6;border-radius:4px;padding:2px 7px;font-family:monospace;font-size:.75rem}.feedback-item__date{color:#9ca3af;margin-left:auto;font-size:.75rem}.feedback-item__message{color:#374151;white-space:pre-wrap;margin:0;font-size:.875rem;line-height:1.5}.feedback-badge{border-radius:12px;padding:2px 8px;font-size:.75rem;font-weight:600}.feedback-badge--bug{color:#dc2626;background:#fee2e2}.feedback-badge--suggestion{color:#92400e;background:#fef9c3}.feedback-badge--general{color:#0369a1;background:#e0f2fe}.email-tpl-settings h2{align-items:center;gap:8px;margin-bottom:4px;font-size:1.25rem;display:flex}.email-tpl-settings__desc{color:#64748b;margin-bottom:20px;font-size:.875rem;line-height:1.5}.email-tpl-settings__tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.email-tpl-settings__tabs button{cursor:pointer;color:#374151;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:6px;padding:8px 18px;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}.email-tpl-settings__tabs button:hover:not(.active){background:#f8fafc;border-color:#cbd5e1}.email-tpl-settings__tabs button.active{color:#fff;background:#1a56db;border-color:#1a56db}.email-tpl-settings__tabs .badge-custom{color:#059669;background:#dcfce7;border-radius:8px;padding:2px 8px;font-size:.65rem;font-weight:600}.email-tpl-settings__tabs button.active .badge-custom{color:#fff;background:#ffffff40}.email-tpl-settings__variables{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:20px;padding:12px 16px;font-size:.8rem;display:flex}.email-tpl-settings__variables strong{color:#374151}.email-tpl-settings__variables code{color:#4338ca;cursor:pointer;background:#eef2ff;border-radius:4px;padding:2px 8px;font-size:.75rem;transition:background .15s}.email-tpl-settings__variables code:hover{background:#e0e7ff}.email-tpl-settings__form{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:20px}.email-tpl-settings__form label{color:#374151;flex-direction:column;gap:6px;margin-bottom:16px;font-size:.875rem;font-weight:500;display:flex}.email-tpl-settings__form textarea.input{resize:vertical;min-height:280px;font-family:Menlo,Consolas,Monaco,monospace;font-size:.8rem;line-height:1.6}.email-tpl-settings__actions{border-top:1px solid #f1f5f9;gap:8px;margin-top:4px;padding-top:8px;display:flex}.email-tpl-settings__preview{margin-top:24px}.email-tpl-settings__preview h3{color:#374151;margin-bottom:12px;font-size:1rem}.email-tpl-settings__preview-frame{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;max-height:600px;padding:0;overflow-y:auto;box-shadow:0 1px 3px #0000000f}.email-tpl-settings__preview-frame>*{all:revert}.security-settings .section-desc{color:#64748b;margin-bottom:20px}.security-status{border-radius:8px;align-items:flex-start;gap:12px;margin-bottom:20px;padding:16px;display:flex}.security-status>svg{flex-shrink:0;margin-top:2px;font-size:24px}.security-status strong{margin-bottom:4px;display:block}.security-status p{color:#64748b;margin:0;font-size:13px}.security-status--active{background:#d1fae5;border:1px solid #059669}.security-status--active>svg{color:#059669}.security-status--active strong{color:#065f46}.security-status--inactive{background:#fef3c7;border:1px solid #d97706}.security-status--inactive>svg{color:#d97706}.security-status--inactive strong{color:#92400e}.totp-setup{margin-top:16px}.totp-setup__instruction{color:#334155;margin-bottom:16px;font-size:14px}.totp-setup__qr{justify-content:center;margin-bottom:16px;display:flex}.totp-setup__qr img{border:1px solid #e2e8f0;border-radius:8px;width:200px;height:200px}.totp-setup__secret{text-align:center;margin-bottom:20px}.totp-setup__secret label{color:#64748b;margin-bottom:4px;font-size:12px;display:block}.totp-setup__secret code{letter-spacing:2px;-webkit-user-select:all;user-select:all;background:#f1f5f9;border-radius:6px;padding:6px 12px;font-family:monospace;font-size:14px}.totp-setup__verify{max-width:320px}.totp-setup__verify label{margin-bottom:6px;font-size:13px;font-weight:500;display:block}.totp-setup__verify .totp-input{text-align:center;letter-spacing:8px;margin-bottom:12px;font-family:monospace;font-size:24px}.totp-setup__actions{gap:8px;display:flex}.totp-disable{max-width:320px;margin-top:12px}.totp-disable label{margin-bottom:6px;font-size:13px;font-weight:500;display:block}.totp-disable .input{margin-bottom:12px}.totp-disable__actions{gap:8px;display:flex}.btn-danger{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:6px;padding:8px 16px;font-size:13px}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{color:#334155;cursor:pointer;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:8px 16px;font-size:13px}.recurring-page .page-subtitle{color:#64748b;margin:4px 0 0;font-size:.875rem}.recurring-page .recurring-row .client-name{font-weight:600}.recurring-page .recurring-row .description{color:#64748b;text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-size:.85rem;overflow:hidden}.recurring-page .recurring-row .money{font-variant-numeric:tabular-nums;font-weight:600}.recurring-page .recurring-row .tax-detail{color:#64748b;font-size:.72rem;font-weight:400}.recurring-page .recurring-row .next-date .days-hint{font-size:.72rem}.recurring-page .recurring-row .next-date .days-hint.overdue{color:#dc2626}.recurring-page .recurring-row .next-date .days-hint.ok{color:#059669}.recurring-page .recurring-row .generated-count{text-align:center;color:#64748b;font-weight:600}.recurring-page .recurring-row .row-actions{gap:4px;display:flex}.recurring-page .badge-info{color:#3730a3;background:#e0e7ff}.recurring-page .badge-muted{color:#64748b;background:#f1f5f9}.recurring-page .modal-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=600px){.recurring-page .modal-row{grid-template-columns:1fr;gap:12px}}.recurring-page .invoice-tax-summary{color:#64748b;background:#f8fafc;border-radius:6px;margin-top:8px;padding:8px 12px;font-size:.8rem}.recurring-page .invoice-tax-summary strong{color:#1e293b}.recurring-page .spin{animation:1s linear infinite spin}.products-page .page-subtitle{color:#64748b;margin:4px 0 0;font-size:.875rem}.products-page .products-filters{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:24px;display:flex}.products-page .products-filters .search-bar{flex:1;min-width:200px;max-width:360px}.products-page .products-filters .toggle-label{color:#64748b;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;font-size:.85rem;display:flex}.products-page .products-filters .toggle-label input[type=checkbox]{accent-color:#1a56db;width:16px;height:16px}.products-page .products-filters .results-count{color:#94a3b8;margin-left:auto;font-size:.82rem}.products-page .product-row.inactive{opacity:.5}.products-page .product-row:hover{background:#1a56db05}.products-page .product-row .product-name{color:#1e293b;font-weight:600}.products-page .product-row .product-desc{color:#64748b;text-overflow:ellipsis;white-space:nowrap;max-width:240px;margin-top:2px;font-size:.78rem;overflow:hidden}.products-page .product-row .sku{color:#64748b;font-family:monospace;font-size:.82rem}.products-page .product-row .money{font-variant-numeric:tabular-nums;font-weight:600}.products-page .product-row .unit,.products-page .product-row .tax{color:#64748b;font-size:.85rem}.products-page .product-row .row-actions{gap:4px;display:flex}.products-page .badge-info{color:#3730a3;background:#e0e7ff;font-weight:500}.products-page .badge-default{color:#1e293b;background:#f1f5f9;font-weight:500}.products-page .badge-muted{color:#94a3b8;background:#f1f5f9}.products-page .modal-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=768px){.products-page .modal-row{grid-template-columns:1fr;gap:12px}}.reports-page .page-subtitle{color:#64748b;margin:4px 0 0;font-size:.875rem}.report-tabs{border-bottom:2px solid #e2e8f0;gap:0;margin-bottom:24px;display:flex}.report-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-2px;padding:10px 20px;font-size:.85rem;transition:color .15s,border-color .15s;display:flex}.report-tab:hover{color:#1e293b}.report-tab.active{color:#1a56db;border-bottom-color:#1a56db;font-weight:600}.report-tab svg{font-size:1.1rem}.date-range-bar{flex-wrap:wrap;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.date-range-bar label{color:#64748b;flex-direction:column;gap:4px;font-size:.78rem;font-weight:600;display:flex}.date-range-bar input[type=date]{color:#1e293b;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 12px;font-size:.85rem}.date-range-bar input[type=date]:focus{border-color:#1a56db;outline:none;box-shadow:0 0 0 3px #1a56db1a}.report-loading{justify-content:center;padding:60px 0;display:flex}.report-content{flex-direction:column;gap:24px;display:flex}.report-actions{justify-content:flex-end;gap:8px;display:flex}.report-actions .btn svg{width:16px;height:16px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;display:grid}.kpi-grid.single{grid-template-columns:1fr;max-width:320px}.kpi-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;gap:4px;padding:20px;display:flex}.kpi-card.highlight{border-left:3px solid #1a56db}.kpi-card .kpi-label{color:#64748b;text-transform:uppercase;letter-spacing:.3px;font-size:.75rem;font-weight:600}.kpi-card .kpi-value{color:#1e293b;font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:700}.kpi-card .kpi-value.success{color:#059669}.kpi-card .kpi-value.danger{color:#dc2626}.chart-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.chart-card h3{color:#1e293b;margin:0 0 16px;font-size:.9rem;font-weight:600}.text-right{text-align:right}.fw-600{font-weight:600}.aging-buckets{flex-wrap:wrap;gap:12px;display:flex}.aging-bucket{text-align:center;flex:1;min-width:100px}.aging-bucket .bucket-bar{color:#fff;border-radius:8px;margin-bottom:6px;padding:16px 10px;font-size:.95rem;font-weight:700}.aging-bucket .bucket-label{color:#1e293b;font-size:.78rem;font-weight:600}.aging-bucket .bucket-count{color:#94a3b8;font-size:.72rem}.yoy-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.yoy-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px}.yoy-card .yoy-header{color:#64748b;text-transform:uppercase;letter-spacing:.3px;margin-bottom:12px;font-size:.78rem;font-weight:600}.yoy-card .yoy-row{justify-content:space-between;padding:4px 0;display:flex}.yoy-card .yoy-row .yoy-label{color:#64748b;font-size:.85rem}.yoy-card .yoy-row .yoy-value{font-variant-numeric:tabular-nums;font-weight:700}.yoy-card .yoy-row .yoy-value.muted{color:#94a3b8}.yoy-card .change{align-items:center;gap:4px;margin-top:8px;font-size:.85rem;font-weight:600;display:inline-flex}.yoy-card .change.up{color:#059669}.yoy-card .change.down{color:#dc2626}.yoy-card .change.neutral{color:#94a3b8}.yoy-card .change svg{font-size:1rem}@media (width<=640px){.kpi-grid{grid-template-columns:1fr 1fr}.aging-buckets{flex-direction:column}.yoy-grid{grid-template-columns:1fr}.report-tab{padding:10px 12px;font-size:.8rem}}.onboarding-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.onboarding-modal{text-align:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:440px;padding:40px 36px 32px;display:flex;position:relative;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d}.onboarding-close{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:4px;font-size:1.1rem;transition:color .15s,background .15s;display:flex;position:absolute;top:14px;right:14px}.onboarding-close:hover{color:#1e293b;background:#f8fafc}.onboarding-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.8rem;transition:background .3s,color .3s;display:flex}.onboarding-title{color:#1e293b;margin:0;font-size:1.2rem;font-weight:700;line-height:1.3}.onboarding-desc{color:#64748b;max-width:360px;margin:0;font-size:.9rem;line-height:1.6}.onboarding-dots{justify-content:center;align-items:center;gap:8px;display:flex}.onboarding-dots .dot{cursor:pointer;color:#64748b;background:#f8fafc;border:2px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:.75rem;transition:all .2s;display:flex}.onboarding-dots .dot.active{color:#fff;background:#1a56db;border-color:#1a56db;width:32px;height:32px}.onboarding-dots .dot.done{color:#fff;background:#059669;border-color:#059669}.onboarding-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:4px;display:flex}.onboarding-actions .btn{align-items:center;gap:6px;display:flex}.onboarding-setup-form{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.onboarding-setup-form .onboarding-actions{width:100%;margin-top:8px}.onboarding-setup-form .onboarding-actions .btn{justify-content:center;width:100%}.onboarding-fields{text-align:left;flex-direction:column;gap:12px;width:100%;display:flex}.onboarding-field{flex-direction:column;gap:5px;display:flex}.onboarding-field label{color:#94a3b8;font-size:.82rem;font-weight:600}.onboarding-field .required{color:#ef4444}.onboarding-field .optional{color:#94a3b8;font-weight:400}.legal-page{background:#f8fafc;min-height:100vh;padding:48px 24px}.legal-page .legal-container{max-width:760px;margin:0 auto}.legal-page .legal-back{color:#94a3b8;align-items:center;gap:6px;margin-bottom:32px;font-size:.85rem;text-decoration:none;transition:color .15s;display:inline-flex}.legal-page .legal-back:hover{color:#1a56db}.legal-page .legal-header{margin-bottom:40px}.legal-page .legal-header .legal-badge{color:#1a56db;text-transform:uppercase;letter-spacing:.08em;background:#1a56db1a;border-radius:999px;margin-bottom:12px;padding:4px 12px;font-size:.72rem;font-weight:700;display:inline-block}.legal-page .legal-header h1{color:#1e293b;margin:0 0 8px;font-size:2rem;font-weight:800;line-height:1.2}.legal-page .legal-header .legal-meta{color:#94a3b8;font-size:.85rem}.legal-page .legal-body{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:40px 48px}@media (width<=600px){.legal-page .legal-body{padding:24px 20px}}.legal-page .legal-body h2{color:#1e293b;border-bottom:1px solid #e2e8f0;margin:32px 0 10px;padding-bottom:8px;font-size:1.05rem;font-weight:700}.legal-page .legal-body h2:first-child{margin-top:0}.legal-page .legal-body h3{color:#1e293b;margin:20px 0 8px;font-size:.95rem;font-weight:600}.legal-page .legal-body p{color:#64748b;margin:0 0 12px;font-size:.9rem;line-height:1.75}.legal-page .legal-body ul{margin:0 0 12px;padding-left:20px}.legal-page .legal-body ul li{color:#64748b;margin-bottom:4px;font-size:.9rem;line-height:1.7}.legal-page .legal-body a{color:#1a56db;text-decoration:none}.legal-page .legal-body a:hover{text-decoration:underline}.legal-page .legal-body .legal-highlight{color:#64748b;background:#1a56db0f;border-left:3px solid #1a56db;border-radius:0 8px 8px 0;margin:16px 0;padding:12px 16px;font-size:.88rem;line-height:1.6}.legal-page .legal-footer{text-align:center;color:#94a3b8;margin-top:32px;font-size:.82rem}.legal-page .legal-footer a{color:#1a56db;text-decoration:none}.legal-page .legal-footer a:hover{text-decoration:underline}.landing-faq .section-label,.landing-features .section-label{text-transform:uppercase;letter-spacing:.1em;color:#1a56db;background:#e8effc;border-radius:999px;margin-bottom:20px;padding:5px 14px;font-size:.72rem;font-weight:700;display:inline-block}.landing-faq .section-title,.landing-features .section-title{color:#1e293b;letter-spacing:-.02em;max-width:600px;margin:0 auto 16px;font-size:clamp(1.65rem,3.2vw,2.4rem);font-weight:900;line-height:1.2}.landing-faq .section-desc,.landing-features .section-desc{color:#64748b;max-width:520px;margin:0 auto 64px;font-size:1rem;line-height:1.75}@media (width<=768px){.landing-faq .section-desc,.landing-features .section-desc{margin-bottom:36px}}.landing{color:#1e293b;background:#fff;font-family:inherit;overflow-x:hidden}.landing-nav{z-index:200;-webkit-backdrop-filter:blur(20px);background:#ffffffd9;border-bottom:1px solid #e2e8f0b3;justify-content:space-between;align-items:center;height:68px;padding:0 48px;transition:box-shadow .2s;display:flex;position:sticky;top:0}@media (width<=768px){.landing-nav{padding:0 20px}}.landing-nav .nav-logo{align-items:center;gap:10px;text-decoration:none;display:flex}.landing-nav .nav-logo img{height:30px}.landing-nav .nav-logo span{color:#1e293b;letter-spacing:-.01em;font-size:1.1rem;font-weight:800}@media (width<=420px){.landing-nav .nav-logo span{display:none}}.landing-nav .nav-hamburger{color:#1e293b;cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.6rem;line-height:1;display:none}@media (width<=768px){.landing-nav .nav-hamburger{align-items:center;display:flex}}.landing-nav .nav-links{align-items:center;gap:4px;display:flex}@media (width<=768px){.landing-nav .nav-links{z-index:300;background:#060d1ff7;flex-direction:column;justify-content:center;gap:8px;padding:32px 24px;transition:transform .28s cubic-bezier(.4,0,.2,1);position:fixed;inset:0;transform:translate(100%)}.landing-nav .nav-links.open{transform:translate(0)}}.landing-nav .nav-links .nav-close{color:#fffc;cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.8rem;line-height:1;display:none;position:absolute;top:20px;right:20px}@media (width<=768px){.landing-nav .nav-links .nav-close{display:flex}}.landing-nav .nav-links .nav-link{color:#64748b;border-radius:8px;padding:7px 15px;font-size:.88rem;font-weight:500;text-decoration:none;transition:color .15s,background .15s}.landing-nav .nav-links .nav-link:hover{color:#1e293b;background:#0000000a}@media (width<=768px){.landing-nav .nav-links .nav-link{color:#fffc;text-align:center;border-radius:12px;width:100%;padding:14px 20px;font-size:1.2rem;font-weight:600}.landing-nav .nav-links .nav-link:hover{color:#fff;background:#ffffff14}}.landing-nav .nav-links .btn-nav-cta{color:#fff;background:linear-gradient(135deg,#1a56db 0%,#4f46e5 100%);border-radius:8px;margin-left:8px;padding:8px 20px;font-size:.88rem;font-weight:600;text-decoration:none;transition:opacity .15s,transform .15s,box-shadow .15s;box-shadow:0 2px 8px #1a56db59}.landing-nav .nav-links .btn-nav-cta:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 14px #1a56db73}@media (width<=768px){.landing-nav .nav-links .btn-nav-cta{text-align:center;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:8px;margin-left:0;padding:14px 20px;font-size:1rem;display:flex}}.landing-hero{text-align:center;background:radial-gradient(90% 55% at 50% -5%,#1a56db47 0%,#0000 65%),radial-gradient(60% 40% at 80% 100%,#7c3aed26 0%,#0000 60%),#060d1f;padding:110px 48px 100px;position:relative;overflow:hidden}@media (width<=768px){.landing-hero{padding:80px 20px 64px}}.landing-hero:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.landing-hero .hero-badge{color:#93c5fd;text-transform:uppercase;letter-spacing:.08em;background:#1a56db33;border:1px solid #1a56db66;border-radius:999px;align-items:center;gap:7px;margin-bottom:28px;padding:6px 16px;font-size:.78rem;font-weight:600;display:inline-flex;position:relative}.landing-hero h1{letter-spacing:-.035em;background:linear-gradient(160deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;max-width:780px;margin:0 auto 22px;font-size:clamp(2.2rem,5.5vw,3.8rem);font-weight:900;line-height:1.1;position:relative}.landing-hero h1 span{background:linear-gradient(135deg,#60a5fa 0%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.landing-hero .hero-sub{color:#cbd5e1d9;max-width:560px;margin:0 auto 42px;font-size:clamp(1rem,2vw,1.18rem);line-height:1.75;position:relative}.landing-hero .hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:64px;display:flex;position:relative}.landing-hero .hero-actions .btn-hero-primary{color:#fff;background:linear-gradient(135deg,#1a56db 0%,#4f46e5 100%);border-radius:12px;align-items:center;gap:9px;padding:15px 32px;font-size:1.02rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 24px #1a56db80,inset 0 1px #ffffff26}.landing-hero .hero-actions .btn-hero-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #1a56db99}.landing-hero .hero-actions .btn-hero-secondary{color:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff12;border:1px solid #ffffff26;border-radius:12px;align-items:center;gap:9px;padding:15px 32px;font-size:1.02rem;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,transform .15s;display:inline-flex}.landing-hero .hero-actions .btn-hero-secondary:hover{background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-2px)}.landing-hero .hero-image{border-radius:16px;max-width:1000px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff14,0 40px 100px #0009,0 0 80px #1a56db33}.landing-hero .hero-image img{border-radius:16px;width:100%;height:auto;display:block}.landing-hero .hero-image:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;position:absolute;top:0;left:0;right:0}.landing-hero .hero-hint{color:#94a3b8b3;margin-top:22px;font-size:.82rem;position:relative}.landing-logos{text-align:center;background:#f8fafc;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:52px 48px}@media (width<=768px){.landing-logos{padding:36px 20px}}.landing-logos p{text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;margin:0 0 28px;font-size:.75rem;font-weight:700}.landing-logos .logos-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:48px;display:flex}@media (width<=768px){.landing-logos .logos-row{gap:24px}}.landing-logos .logos-row span{color:#94a3b8;opacity:.4;letter-spacing:.03em;text-transform:uppercase;font-size:1rem;font-weight:800;transition:opacity .2s}.landing-logos .logos-row span:hover{opacity:.65}.landing-logos .stats-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:64px;display:flex}@media (width<=768px){.landing-logos .stats-row{gap:32px}}.landing-logos .stat-item{flex-direction:column;align-items:center;gap:4px;display:flex}.landing-logos .stat-item .stat-value{color:#1e293b;letter-spacing:-.02em;font-size:1.8rem;font-weight:900;line-height:1}.landing-logos .stat-item .stat-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:500}.landing-features{text-align:center;background:#fff;padding:112px 48px}@media (width<=768px){.landing-features{padding:72px 20px}}.landing-features .features-grid{grid-template-columns:repeat(4,1fr);gap:20px;max-width:1120px;margin:0 auto;display:grid}@media (width<=1024px){.landing-features .features-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.landing-features .features-grid{grid-template-columns:1fr}}.landing-features .feature-card{text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:32px 28px;transition:box-shadow .22s,transform .22s,border-color .22s;position:relative;overflow:hidden}.landing-features .feature-card:before{content:"";background:linear-gradient(90deg, var(--accent-color,#1a56db), transparent);opacity:0;height:3px;transition:opacity .22s;position:absolute;top:0;left:0;right:0}.landing-features .feature-card:hover{border-color:#0000;transform:translateY(-3px);box-shadow:0 8px 32px #0000001a}.landing-features .feature-card:hover:before{opacity:1}.landing-features .feature-card .feature-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:18px;font-size:1.4rem;display:flex}.landing-features .feature-card h3{color:#1e293b;letter-spacing:-.01em;margin:0 0 10px;font-size:1rem;font-weight:700}.landing-features .feature-card p{color:#64748b;margin:0;font-size:.875rem;line-height:1.7}.landing-how{text-align:center;background:#f8fafc;padding:112px 48px}@media (width<=768px){.landing-how{padding:72px 20px}}.landing-how .section-label{text-transform:uppercase;letter-spacing:.1em;color:#1a56db;background:#e8effc;border-radius:999px;margin-bottom:20px;padding:5px 14px;font-size:.72rem;font-weight:700;display:inline-block}.landing-how .section-title{color:#1e293b;letter-spacing:-.02em;max-width:600px;margin:0 auto 16px;font-size:clamp(1.65rem,3.2vw,2.4rem);font-weight:900;line-height:1.2}.landing-how .section-desc{color:#64748b;max-width:520px;margin:0 auto 64px;font-size:1rem;line-height:1.75}.landing-how .how-steps{grid-template-columns:repeat(4,1fr);gap:32px;max-width:1020px;margin:0 auto;display:grid;position:relative}.landing-how .how-steps:before{content:"";z-index:0;background:repeating-linear-gradient(90deg,#e2e8f0 0 6px,#0000 6px 14px);height:1px;position:absolute;top:24px;left:10%;right:10%}@media (width<=1024px){.landing-how .how-steps:before{display:none}.landing-how .how-steps{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.landing-how .how-steps{grid-template-columns:1fr}}.landing-how .how-step{text-align:center;z-index:1;position:relative}.landing-how .how-step .step-number{color:#fff;background:linear-gradient(135deg,#1a56db 0%,#4f46e5 100%);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 20px;font-size:1rem;font-weight:800;display:flex;box-shadow:0 4px 14px #1a56db59}.landing-how .how-step h3{color:#1e293b;letter-spacing:-.01em;margin:0 0 10px;font-size:.98rem;font-weight:700}.landing-how .how-step p{color:#64748b;margin:0;font-size:.85rem;line-height:1.65}.landing-pricing{text-align:center;background:#fff;padding:112px 48px}@media (width<=768px){.landing-pricing{padding:72px 20px}}.landing-pricing .section-label{text-transform:uppercase;letter-spacing:.1em;color:#1a56db;background:#e8effc;border-radius:999px;margin-bottom:20px;padding:5px 14px;font-size:.72rem;font-weight:700;display:inline-block}.landing-pricing .section-title{color:#1e293b;letter-spacing:-.02em;max-width:600px;margin:0 auto 16px;font-size:clamp(1.65rem,3.2vw,2.4rem);font-weight:900;line-height:1.2}.landing-pricing .section-desc{color:#64748b;max-width:520px;margin:0 auto 40px;font-size:1rem;line-height:1.75}.landing-pricing .billing-toggle{color:#94a3b8;justify-content:center;align-items:center;gap:14px;margin-bottom:48px;font-size:.92rem;font-weight:600;display:flex}.landing-pricing .billing-toggle span.active{color:#1e293b}.landing-pricing .billing-toggle .save-badge{color:#059669;vertical-align:middle;background:#d1fae5;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:.7rem;font-weight:700;display:inline-block}.landing-pricing .billing-toggle .toggle-switch{cursor:pointer;background:#e2e8f0;border:none;border-radius:999px;flex-shrink:0;width:48px;height:26px;transition:background .2s;position:relative}.landing-pricing .billing-toggle .toggle-switch.on{background:#1a56db}.landing-pricing .billing-toggle .toggle-switch .toggle-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #0000002e}.landing-pricing .billing-toggle .toggle-switch.on .toggle-knob{transform:translate(22px)}.landing-pricing .pricing-grid{grid-template-columns:repeat(3,1fr);align-items:start;gap:24px;max-width:1020px;margin:0 auto;display:grid}@media (width<=1024px){.landing-pricing .pricing-grid{grid-template-columns:repeat(2,1fr);max-width:700px}}@media (width<=768px){.landing-pricing .pricing-grid{grid-template-columns:1fr;max-width:440px}}.landing-pricing .pricing-card{text-align:left;background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;flex-direction:column;padding:36px 32px;transition:box-shadow .22s,transform .22s;display:flex;position:relative}.landing-pricing .pricing-card:hover{transform:translateY(-3px);box-shadow:0 16px 48px #0000001a}.landing-pricing .pricing-card.pricing-popular{background:linear-gradient(#fff,#fff) padding-box padding-box,linear-gradient(135deg,#1a56db 0%,#7c3aed 100%) border-box;border:2px solid #0000;box-shadow:0 8px 32px #7c3aed2e}.landing-pricing .pricing-card.pricing-popular:hover{transform:translateY(-4px);box-shadow:0 16px 56px #7c3aed47}.landing-pricing .pricing-card .pricing-badge{color:#fff;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;background:linear-gradient(135deg,#1a56db 0%,#7c3aed 100%);border-radius:999px;padding:5px 16px;font-size:.71rem;font-weight:700;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 2px 10px #7c3aed59}.landing-pricing .pricing-card .pricing-name{text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;margin-bottom:10px;font-size:.78rem;font-weight:700}.landing-pricing .pricing-card .pricing-price{color:#1e293b;letter-spacing:-.03em;margin-bottom:6px;font-size:2.6rem;font-weight:900;line-height:1}.landing-pricing .pricing-card .pricing-price sup{vertical-align:super;letter-spacing:0;font-size:1.1rem;font-weight:700}.landing-pricing .pricing-card .pricing-price small{color:#94a3b8;letter-spacing:0;font-size:.9rem;font-weight:500}.landing-pricing .pricing-card .pricing-desc{color:#94a3b8;margin:8px 0 28px;font-size:.87rem;line-height:1.55}.landing-pricing .pricing-card .pricing-cta{text-align:center;border-radius:12px;margin-bottom:28px;padding:12px 0;font-size:.92rem;font-weight:700;text-decoration:none;transition:background .15s,transform .15s,box-shadow .15s;display:block}.landing-pricing .pricing-card .pricing-cta.cta-primary{color:#fff;background:#1a56db;box-shadow:0 2px 10px #1a56db40}.landing-pricing .pricing-card .pricing-cta.cta-primary:hover{background:#1648b8;transform:translateY(-1px);box-shadow:0 4px 16px #1a56db66}.landing-pricing .pricing-card .pricing-cta.cta-popular{color:#fff;background:linear-gradient(135deg,#1a56db 0%,#7c3aed 100%);box-shadow:0 2px 14px #7c3aed59}.landing-pricing .pricing-card .pricing-cta.cta-popular:hover{transform:translateY(-1px);box-shadow:0 6px 20px #7c3aed80}.landing-pricing .pricing-card .pricing-cta.cta-outline{color:#1e293b;background:0 0;border:1.5px solid #e2e8f0}.landing-pricing .pricing-card .pricing-cta.cta-outline:hover{color:#1a56db;background:#e8effc;border-color:#1a56db}.landing-pricing .pricing-card .pricing-divider{background:#e2e8f0;height:1px;margin-bottom:24px}.landing-pricing .pricing-card .pricing-features{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.landing-pricing .pricing-card .pricing-features li{color:#64748b;align-items:flex-start;gap:10px;font-size:.875rem;line-height:1.5;display:flex}.landing-pricing .pricing-card .pricing-features li .check{color:#059669;flex-shrink:0;margin-top:2px;font-size:1rem}.landing-pricing .pricing-card .pricing-features li .cross{color:#94a3b8;flex-shrink:0;margin-top:2px;font-size:1rem}.landing-pricing .pricing-card .pricing-features li.disabled{color:#94a3b8}.landing-faq{text-align:center;background:#f8fafc;padding:112px 48px}@media (width<=768px){.landing-faq{padding:72px 20px}}.landing-faq .faq-list{flex-direction:column;gap:12px;max-width:720px;margin:0 auto;display:flex}.landing-faq .faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:box-shadow .2s,border-color .2s;overflow:hidden}.landing-faq .faq-item:hover{border-color:#1a56db40}.landing-faq .faq-item.open{border-color:#1a56db4d;box-shadow:0 4px 16px #0000000f}.landing-faq .faq-item.open .faq-chevron{transform:rotate(180deg)}.landing-faq .faq-question{cursor:pointer;text-align:left;color:#1e293b;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:20px 24px;font-size:.95rem;font-weight:600;line-height:1.5;display:flex}.landing-faq .faq-question .faq-chevron{color:#94a3b8;flex-shrink:0;font-size:1.1rem;transition:transform .25s}.landing-faq .faq-answer{color:#64748b;text-align:left;padding:0 24px 20px;font-size:.875rem;line-height:1.75}.landing-cta{text-align:center;background:radial-gradient(70% 80%,#4f46e538 0%,#0000 70%),linear-gradient(135deg,#0a0f1e 0%,#130a2e 50%,#0a0f1e 100%);padding:112px 48px;position:relative;overflow:hidden}@media (width<=768px){.landing-cta{padding:80px 20px}}.landing-cta:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0}.landing-cta h2{letter-spacing:-.03em;background:linear-gradient(160deg,#fff 0%,#cbd5e1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;max-width:620px;margin:0 auto 16px;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:900;line-height:1.15;position:relative}.landing-cta p{color:#cbd5e1bf;max-width:460px;margin:0 auto 44px;font-size:1.05rem;line-height:1.7;position:relative}.landing-cta .cta-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex;position:relative}.landing-cta .cta-actions a{border-radius:12px;align-items:center;gap:9px;padding:14px 30px;font-size:.98rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.landing-cta .cta-actions a.cta-white{color:#1a56db;background:#fff;box-shadow:0 4px 20px #0000004d}.landing-cta .cta-actions a.cta-white:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0006}.landing-cta .cta-actions a.cta-ghost{color:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1.5px solid #ffffff40}.landing-cta .cta-actions a.cta-ghost:hover{background:#ffffff1a;border-color:#ffffff80;transform:translateY(-2px)}.landing-footer{background:#fff;border-top:1px solid #e2e8f0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:44px 48px;display:flex}@media (width<=768px){.landing-footer{text-align:center;flex-direction:column;padding:32px 20px}}.landing-footer .footer-brand{align-items:center;gap:9px;text-decoration:none;display:flex}.landing-footer .footer-brand img{height:26px}.landing-footer .footer-brand span{color:#1e293b;letter-spacing:-.01em;font-size:.95rem;font-weight:800}.landing-footer .footer-links{flex-wrap:wrap;align-items:center;gap:24px;display:flex}@media (width<=768px){.landing-footer .footer-links{justify-content:center}}.landing-footer .footer-links a{color:#94a3b8;font-size:.83rem;text-decoration:none;transition:color .15s}.landing-footer .footer-links a:hover{color:#1e293b}.landing-footer .footer-copy{color:#94a3b8;font-size:.8rem}.accept-invite-page{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.accept-invite-card{background:#fff;border-radius:16px;width:100%;max-width:420px;padding:40px;box-shadow:0 20px 60px #0006}.accept-invite-card h1{color:#0f172a;margin:0 0 24px;font-size:1.5rem;font-weight:700}.accept-invite-brand{margin-bottom:24px}.accept-invite-brand img{width:auto;height:32px}.invite-company-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:12px;margin-bottom:24px;padding:14px 16px;display:flex}.invite-company-card svg{color:#1a56db;flex-shrink:0;font-size:1.8rem}.invite-company-card .invite-company-name{color:#0f172a;font-size:1rem;font-weight:700;display:block}.invite-company-card .invite-meta{color:#64748b;margin-top:2px;font-size:.8rem;display:block}.invite-form-body{flex-direction:column;gap:12px;display:flex}.invite-subtitle{color:#475569;margin:0;font-size:.875rem;line-height:1.5}.invite-input-group{border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:10px;padding:0 14px;transition:border-color .15s;display:flex}.invite-input-group:focus-within{border-color:#1a56db;box-shadow:0 0 0 3px #1a56db1a}.invite-input-group svg{color:#94a3b8;flex-shrink:0;font-size:1.1rem}.invite-input-group input{color:#0f172a;background:0 0;border:none;outline:none;flex:1;padding:12px 0;font-size:.9rem}.invite-input-group input::placeholder{color:#94a3b8}.invite-btn{color:#fff;cursor:pointer;text-align:center;background:#1a56db;border:none;border-radius:8px;width:100%;margin-top:4px;padding:12px;font-size:.95rem;font-weight:600;text-decoration:none;transition:background .15s;display:block}.invite-btn:hover:not(:disabled){background:#1446b0}.invite-btn:disabled{opacity:.6;cursor:not-allowed}.invite-btn .btn-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite spin;display:inline-block}.invite-error{color:#dc2626;background:#fee2e2;border-radius:6px;margin:0;padding:8px 12px;font-size:.825rem}.invite-footer-link{color:#64748b;text-align:center;margin:0;font-size:.825rem}.invite-footer-link a{color:#1a56db;font-weight:500;text-decoration:none}.invite-loading{justify-content:center;padding:32px;display:flex}.invite-status{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:16px 0 8px;display:flex}.invite-status svg{font-size:3rem}.invite-status p{color:#0f172a;margin:0;font-size:1rem;font-weight:500}.invite-status span{color:#64748b;font-size:.825rem}.invite-status--success svg{color:#16a34a}.invite-status--error svg{color:#dc2626}.invite-status .invite-btn{margin-top:8px}.portal-page{background:#f8fafc;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.portal-loading{justify-content:center;align-items:center;min-height:60vh;display:flex}.portal-error{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;min-height:60vh;display:flex}.portal-error svg{color:#dc2626;margin-bottom:16px;font-size:3rem}.portal-error h2{color:#1e293b;margin:0 0 8px;font-size:1.25rem}.portal-error p{margin:0;font-size:.875rem}.portal-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:20px 0}.portal-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1100px;margin:0 auto;padding:0 24px;display:flex}.portal-header-inner .company-info h1{color:#1e293b;margin:0;font-size:1.35rem;font-weight:700}.portal-header-inner .company-info .company-detail{color:#64748b;font-size:.8rem}.portal-header-inner .client-info{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.portal-header-inner .client-info .client-label{text-transform:uppercase;letter-spacing:.5px;color:#94a3b8;font-size:.7rem}.portal-header-inner .client-info .client-name{color:#1e293b;font-size:.95rem;font-weight:600}.portal-header-inner .client-info .client-company{color:#64748b;font-size:.8rem}.portal-main{max-width:1100px;margin:0 auto;padding:24px}.portal-payment-msg{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:.9rem;font-weight:500;display:flex}.portal-payment-msg svg{color:#059669;flex-shrink:0;font-size:1.25rem}.portal-payment-msg span{flex:1}.portal-payment-msg button{color:#065f46;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:1.25rem;line-height:1}.portal-payment-msg button:hover{color:#064e3b}.portal-summary{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:28px;display:grid}.summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:14px;padding:20px;display:flex}.summary-card .summary-icon{color:#1a56db;flex-shrink:0;font-size:1.5rem}.summary-card .summary-value{color:#1e293b;font-variant-numeric:tabular-nums;font-size:1.25rem;font-weight:700}.summary-card .summary-label{color:#64748b;font-size:.78rem}.summary-card.highlight{background:#fffbeb;border-color:#d97706}.summary-card.highlight .summary-icon{color:#d97706}.portal-tabs{border-bottom:2px solid #e2e8f0;gap:0;margin-bottom:20px;display:flex}.portal-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-2px;padding:10px 20px;font-size:.875rem;transition:color .15s,border-color .15s;display:flex}.portal-tab:hover{color:#1e293b}.portal-tab.active{color:#1a56db;border-bottom-color:#1a56db;font-weight:600}.portal-tab svg{font-size:1.1rem}.portal-table-wrapper{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow-x:auto}.portal-table{border-collapse:collapse;width:100%;font-size:.85rem}.portal-table th{text-align:left;text-transform:uppercase;letter-spacing:.3px;color:#64748b;white-space:nowrap;background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:.75rem;font-weight:600}.portal-table td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 16px}.portal-table tr:last-child td{border-bottom:none}.portal-table tr:hover td{background:#f9fafb}.portal-table .text-right{text-align:right}.portal-table .fw-600{font-weight:600}.portal-table .description{text-overflow:ellipsis;white-space:nowrap;color:#64748b;max-width:180px;overflow:hidden}.portal-badge{white-space:nowrap;border-radius:50px;padding:2px 10px;font-size:.72rem;font-weight:600;display:inline-block}.portal-badge.badge-success{color:#059669;background:#d1fae5}.portal-badge.badge-danger{color:#dc2626;background:#fee2e2}.portal-badge.badge-warning{color:#d97706;background:#fef3c7}.portal-badge.badge-neutral{color:#64748b;background:#f1f5f9}.portal-download{color:#1a56db;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:inline-flex}.portal-download:hover{background:#e8effc}.portal-download svg{font-size:1.1rem}.portal-row-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.portal-empty{text-align:center;color:#64748b;padding:48px 24px;font-size:.9rem}.portal-footer{text-align:center;color:#94a3b8;padding:24px;font-size:.78rem}.portal-footer strong{color:#1a56db}.btn-success{color:#fff;background:#059669;border:none}.btn-success:hover{background:#047857}.btn-danger-outline{color:#dc2626;background:0 0;border:1px solid #dc2626}.btn-danger-outline:hover{background:#fee2e2}.btn-danger{color:#fff;background:#dc2626;border:none}.btn-danger:hover{background:#b91c1c}.btn-secondary{color:#1e293b;background:#f1f5f9;border:1px solid #e2e8f0}.btn-secondary:hover{background:#e2e8f0}.btn-sm{cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:5px 10px;font-size:.78rem;font-weight:500;transition:background .15s;display:inline-flex}.btn-sm:disabled{opacity:.5;cursor:not-allowed}.portal-modal-overlay{z-index:1000;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.portal-modal{background:#fff;border-radius:12px;width:100%;max-width:440px;padding:24px;box-shadow:0 20px 60px #00000026}.portal-modal h3{color:#1e293b;margin:0 0 8px;font-size:1.1rem}.portal-modal p{color:#64748b;margin:0 0 16px;font-size:.875rem}.portal-modal textarea{resize:vertical;border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:10px 12px;font-family:inherit;font-size:.875rem}.portal-modal textarea:focus{border-color:#1a56db;outline:none;box-shadow:0 0 0 3px #6366f11a}.portal-modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.portal-modal-actions .btn{cursor:pointer;border-radius:8px;padding:8px 16px;font-size:.875rem;font-weight:500;transition:background .15s}.portal-modal-actions .btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=640px){.portal-header-inner{flex-direction:column;align-items:flex-start}.portal-header-inner .client-info{align-items:flex-start}.portal-summary{grid-template-columns:1fr}.portal-tab{padding:10px 14px;font-size:.8rem}}.error-boundary{background:#f8fafc;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.error-boundary__card{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:480px;padding:48px 40px;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d}.error-boundary__icon{margin-bottom:16px;font-size:48px}.error-boundary__title{color:#1e293b;margin:0 0 12px;font-size:1.5rem;font-weight:700}.error-boundary__message{color:#64748b;margin:0 0 24px;font-size:.938rem;line-height:1.6}.error-boundary__details{text-align:left;background:#f1f5f9;border-radius:8px;margin-bottom:24px;padding:12px 16px}.error-boundary__details summary{color:#64748b;cursor:pointer;margin-bottom:8px;font-size:.813rem}.error-boundary__details code{color:#dc2626;word-break:break-all;font-size:.75rem;display:block}.error-boundary__actions{justify-content:center;gap:12px;display:flex}.error-boundary__btn{cursor:pointer;border:none;border-radius:8px;padding:10px 24px;font-size:.875rem;font-weight:600;transition:background .15s,transform .1s}.error-boundary__btn:active{transform:scale(.97)}.error-boundary__btn--primary{color:#fff;background:#1a56db}.error-boundary__btn--primary:hover{background:#1648b8}.error-boundary__btn--secondary{color:#1e293b;background:#f1f5f9}.error-boundary__btn--secondary:hover{background:#e2e8f0}