:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;color:#333}body{margin:0;background:#f5f7fa}.welcome{max-width:720px;margin:96px auto;padding:32px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000f;text-align:center}.welcome h1{margin:0 0 12px;color:#0a6ebd;font-size:28px}.welcome p{margin:0;color:#555}.login{max-width:400px;margin:96px auto;padding:32px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000f}.login h1{margin:0 0 24px;color:#0a6ebd;font-size:24px;text-align:center}.login-form{display:flex;flex-direction:column;gap:16px}.login-field{display:flex;flex-direction:column;gap:6px;font-size:14px;color:#444}.login-field input{padding:10px 12px;font-size:15px;border:1px solid #d0d7de;border-radius:6px;outline:none;transition:border-color .15s ease}.login-field input:focus{border-color:#0a6ebd}.login-field .password-input-wrapper input{width:100%;padding-right:40px;box-sizing:border-box}.login-button{margin-top:8px;padding:12.5px 16px;font-size:15px;font-weight:600;color:#fff;background:#0a6ebd;border:none;border-radius:6px;cursor:pointer;transition:background .15s ease}.login-button:hover{background:#085a9a}.login-button:disabled{background:#b8c4cf;cursor:not-allowed}.login-error{margin:0;padding:10px 12px;font-size:13px;color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:6px}.main-page{min-height:100vh}.main-header{display:flex;flex-direction:column;padding:16px 24px;gap:64px}.main-title{margin:0;color:#0a6ebd;font-size:24px;text-align:center}.title-row{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center}.company-name{margin:4px 0 0;font-size:20px;font-weight:700;color:#0a6ebd;text-align:center}.user-icon-wrapper{position:absolute;right:40px;top:50%;transform:translateY(-50%)}.user-icon-fixed{position:fixed;top:16px;right:64px;transform:none;z-index:1050}.main-actions{display:flex;justify-content:flex-end;padding-right:40px}.user-icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:#0a6ebd;background:#fff;border:1px solid #c7d0d9;border-radius:50%;cursor:pointer;transition:background .15s ease,border-color .15s ease}.user-icon-button:hover,.user-icon-button[aria-expanded=true]{background:#eef4fb;border-color:#0a6ebd}.user-menu{position:absolute;top:44px;right:0;min-width:140px;background:#fff;border:1px solid #e1e4e8;border-radius:6px;box-shadow:0 4px 12px #00000014;z-index:10;overflow:hidden}.user-menu-item{display:block;width:100%;padding:10px 14px;font-size:14px;text-align:left;color:#333;background:transparent;border:none;cursor:pointer}.user-menu-item:hover{background:#f1f5f9;color:#0a6ebd}.start-onboarding-button{padding:10px 18px;font-size:15px;font-weight:600;color:#fff;background:#0a6ebd;border:none;border-radius:6px;cursor:pointer;transition:background .15s ease}.start-onboarding-button:hover{background:#085a9a}.tabs{margin:24px;background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000f;overflow:hidden}.tab-list{display:flex;border-bottom:1px solid #e1e4e8;background:#f8fafc}.tab-list-sub{background:#f1f5f9}.inventory-hint{margin:0;padding:16px 24px;font-size:16px;font-weight:700;color:#0a6ebd;text-align:left;background:#fff;border-bottom:1px solid #e1e4e8}.tab{flex:1;padding:12px 16px;font-size:14px;font-weight:700;color:#555;background:transparent;border:none;border-right:1px solid #c7d0d9;cursor:pointer;transition:color .15s ease,background .15s ease}.tab:last-child{border-right:none}.tab:hover{color:#0a6ebd;background:#eef4fb}.tab-active,.tab-active:hover{color:#fff;background:#0a6ebd}.tab-panel{padding:24px}.tab-panel h2{margin:0;color:#0a6ebd;font-size:18px}.data-state{padding:24px;font-size:14px;color:#555;text-align:center}.data-state-error{color:#b91c1c}.data-table-container{display:flex;flex-direction:column;gap:16px}.data-table-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.data-pagination{margin-left:auto}.data-search{position:relative;display:flex;align-items:center;min-width:280px;border:1px solid #0a6ebd;border-radius:8px;background:#fff;padding:0 12px}.data-search-input{flex:1;border:none;outline:none;padding:10px 8px 10px 0;font-size:14px;color:#1f2937;background:transparent}.data-search-input::placeholder{color:#6b7280}.data-search-count{font-size:13px;color:#0a6ebd;white-space:nowrap}.data-filter{display:flex;align-items:center;flex-wrap:wrap;gap:16px}.candidate-actions{display:flex;flex-wrap:nowrap;justify-content:center;gap:12px;margin-top:24px;width:100vw;position:relative;left:50%;margin-left:-50vw;padding:0 24px;box-sizing:border-box}.candidate-action-button{flex:0 0 auto;padding:10px 16px;border:1px solid #0a6ebd;border-radius:8px;background:#0a6ebd;color:#fff;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap}.candidate-action-button:hover:not(:disabled){background:#074e85;border-color:#074e85}.candidate-action-button:disabled{background:#b6c6d4;border-color:#b6c6d4;cursor:not-allowed}.data-filter-label{display:flex;align-items:center;gap:8px;font-size:13px;color:#1f2937;white-space:nowrap}.data-filter-label .detail-input{width:auto}.data-filter-label .company-filter-select{min-width:15.5rem}.leads-table .data-search{min-width:200px}.leads-table .data-filter-label .company-filter-select{min-width:11rem}.data-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.data-page-info{font-size:13px;color:#0a6ebd;margin-right:4px}.page-button{border:none;border-radius:8px;background:#0a6ebd;color:#fff;font-size:13px;font-weight:600;padding:8px 14px;cursor:pointer}.page-button:hover:not(:disabled){background:#08597a}.page-button:disabled{background:#b8c4cf;cursor:not-allowed}.data-table-actions{display:flex;justify-content:flex-end;padding-right:16px}.create-contact-button{padding:8.5px 18px;font-size:15px;font-weight:600;color:#fff;background:#0a6ebd;border:none;border-radius:6px;cursor:pointer;transition:background .15s ease}.create-contact-button:hover{background:#085a9a}.data-table-wrapper{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th,.data-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #e1e4e8;white-space:nowrap}.data-table th{background:#f8fafc;color:#0a6ebd;font-weight:700;border-bottom:2px solid #c7d0d9;position:sticky;top:0}.th-sort{display:inline-flex;align-items:center;gap:6px;width:100%;padding:0;border:none;background:transparent;font:inherit;color:inherit;cursor:pointer;white-space:nowrap;text-align:left}.th-sort:hover{color:#074e85}.th-sort .sort-indicator{font-size:11px;opacity:.8}.th-sort-active .sort-indicator{opacity:1}.data-table tbody tr:hover{background:#f8fafc}.row-actions{display:flex;align-items:center;gap:8px}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:#0a6ebd;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.icon-button:hover:not(:disabled){background:#eaf2fb;border-color:#c7d0d9}.icon-button:disabled{color:#c0c8d0;cursor:not-allowed}.icon-button-danger{color:#b91c1c}.icon-button-danger:hover:not(:disabled){background:#fef2f2;border-color:#fecaca}.icon-button-danger:disabled{color:#e3b5b5}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#0f172a73;z-index:1100}.modal{width:100%;max-width:420px;padding:24px;background:#fff;border-radius:10px;box-shadow:0 12px 40px #00000040}.modal-message{margin:0;font-size:15px;color:#1f2937}.modal-form{max-width:640px}.modal-title{margin:0 0 20px;color:#0a6ebd;font-size:20px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 520px){.form-grid{grid-template-columns:1fr}}.form-row{display:flex;flex-direction:column;gap:4px}.form-label{font-weight:700;color:#0a6ebd;font-size:13px}.field-error{font-size:12px;color:#b91c1c}.detail-input:disabled{background:#eef1f4;color:#6b7280;cursor:not-allowed}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .detail-input{width:100%;padding-right:38px;box-sizing:border-box}.password-toggle{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:none;border-radius:4px;background:transparent;color:#6b7280;cursor:pointer;transition:background .15s ease,color .15s ease}.password-toggle:hover{background:#eaf2fb;color:#0a6ebd}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px}.toast-container{position:fixed;bottom:24px;right:24px;display:flex;flex-direction:column;gap:12px;z-index:1000}.toast{min-width:280px;max-width:360px;padding:14px 16px;background:#fff;border:1px solid #e1e4e8;border-left:4px solid #0a6ebd;border-radius:8px;box-shadow:0 6px 20px #0000001f}.toast-message{margin:0;font-size:14px;color:#1f2937}.toast-confirm{border-left-color:#b91c1c}.toast-success{border-left-color:#15803d}.toast-error{border-left-color:#b91c1c}.toast-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.toast-button{padding:6px 14px;font-size:13px;font-weight:600;border:1px solid #c7d0d9;border-radius:6px;background:#fff;color:#374151;cursor:pointer;transition:background .15s ease}.toast-button:hover:not(:disabled){background:#f3f4f6}.toast-button-danger{border-color:#b91c1c;background:#b91c1c;color:#fff}.toast-button-danger:hover:not(:disabled){background:#991b1b}.toast-button-primary{border-color:#0a6ebd;background:#0a6ebd;color:#fff}.toast-button-primary:hover:not(:disabled){background:#085a9a}.toast-button:disabled{opacity:.6;cursor:not-allowed}.row-action-button{padding:6px 14px;font-size:13px;font-weight:600;border:1px solid #0a6ebd;border-radius:6px;background:#fff;color:#0a6ebd;cursor:pointer;transition:background .15s ease,color .15s ease}.row-action-button:hover{background:#eaf2fb}.row-action-pay{border-color:#0a6ebd;background:#0a6ebd;color:#fff}.row-action-pay:hover:not(:disabled){background:#085a9a}.row-action-button:disabled{border-color:#c7d0d9;background:#eef1f4;color:#9aa6b2;cursor:not-allowed}.invoice-detail,.contact-detail,.contract-detail{max-width:1080px;margin:0 auto;padding:32px 24px}.back-button{margin-bottom:16px;padding:7.5px 18px;font-size:15px;font-weight:600;color:#fff;background:#0a6ebd;border:none;border-radius:6px;cursor:pointer;transition:background .15s ease}.back-button:hover{background:#085a9a}.invoice-detail-title,.contact-detail-title,.contract-detail-title{margin:0 0 20px;color:#0a6ebd;font-size:22px}.contact-detail-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.contact-detail-header .contact-detail-title{margin:0 0 20px}.change-password-button{margin-bottom:20px;padding:7.5px 18px;font-size:15px;font-weight:600;color:#fff;background:#0a6ebd;border:none;border-radius:6px;cursor:pointer;transition:background .15s ease}.change-password-button:hover{background:#085a9a}.detail-grid{margin:0;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #e1e4e8;border-radius:8px;overflow:hidden}.detail-row{display:flex;flex-direction:column;gap:4px;padding:12px 16px;border-bottom:1px solid #eef1f4;border-right:1px solid #eef1f4}.detail-row:nth-child(4n){border-right:none}@media (max-width: 860px){.detail-grid{grid-template-columns:repeat(2,1fr)}.detail-row:nth-child(4n){border-right:1px solid #eef1f4}.detail-row:nth-child(2n){border-right:none}}@media (max-width: 520px){.detail-grid{grid-template-columns:1fr}.detail-row,.detail-row:nth-child(2n),.detail-row:nth-child(4n){border-right:none}}.detail-label{margin:0;font-weight:700;color:#0a6ebd;font-size:13px}.detail-value{margin:0;font-size:13px;color:#1f2937;word-break:break-word}.detail-value-text,.status-cell{display:inline-flex;align-items:center;gap:6px}.detail-edit-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;border-radius:4px;background:transparent;color:#9aa6b2;cursor:pointer;transition:background .15s ease,color .15s ease}.detail-edit-icon:hover{background:#eaf2fb;color:#0a6ebd}.detail-input{width:100%;box-sizing:border-box;padding:4px 6px;font-size:13px;color:#1f2937;border:1px solid #0a6ebd;border-radius:4px;outline:none;background:#fff}.detail-saving{font-size:13px;font-weight:400;color:#6b7280}.inactivity-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000}.inactivity-modal{background:#fff;border-radius:8px;padding:28px 32px 24px;box-shadow:0 10px 40px #0003;max-width:480px;text-align:center}.inactivity-modal-message{margin:0 0 20px;font-size:16px;color:#333}.inactivity-modal-ok{background:#0a6ebd;color:#fff;border:none;padding:10px 36px;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer}.inactivity-modal-ok:hover{background:#084f88}.inactivity-modal-ok:focus-visible{outline:2px solid #0a6ebd;outline-offset:2px}