@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:25px;background:linear-gradient(135deg,#eef3fa,#f8fbef);font-family:Arial,sans-serif}.login-container{width:100%;max-width:440px;padding:38px;background:#fff;border-radius:18px;box-shadow:0 12px 45px #1842741f}.login-brand{text-align:center;margin-bottom:30px}.login-brand img{width:220px;height:180px;object-fit:contain;margin-bottom:15px}.login-brand h2{color:#184274;font-size:25px;margin:0 0 9px}.login-brand p{color:#788596;font-size:14px}.login-field{margin-bottom:22px}.login-field label{display:block;font-size:14px;font-weight:600;color:#184274;margin-bottom:9px}.login-field input{width:100%;height:48px;padding:0 14px;border:1px solid #dce3ec;border-radius:8px;outline:none;font-size:14px;box-sizing:border-box}.login-field input:focus{border-color:#184274;box-shadow:0 0 0 3px #18427414}.password-wrapper{display:flex;align-items:center;position:relative}.password-wrapper input{padding-right:65px}.password-wrapper button{position:absolute;right:12px;border:none;background:none;color:#184274;cursor:pointer;font-weight:600}.login-options{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:25px;gap:8px}.login-options label{color:#64748b}.login-options a{color:#184274;text-decoration:none;font-weight:600}.login-submit{width:100%;height:50px;border:none;border-radius:8px;background:#184274;color:#fff;font-size:15px;font-weight:600;cursor:pointer;transition:.2s}.login-submit:hover{background:#aecf3a;color:#184274}.login-footer{text-align:center;color:#9aa5b1;font-size:11px;margin-top:28px}@media(max-width:480px){.login-container{padding:25px 20px}.login-brand img{width:190px;height:155px}}.roles-page{display:flex;flex-direction:column;gap:22px}.roles-toolbar,.roles-table-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.roles-toolbar h2,.roles-table-heading h2{margin:0;color:#173654;font-size:17px;font-weight:700}.roles-toolbar p,.roles-table-heading p{margin:6px 0 0;color:#8793a5;font-size:12px}.roles-toolbar-actions{display:flex;align-items:center;gap:10px}.roles-refresh-btn{height:42px;width:42px;border:1px solid #e3e9f0;border-radius:9px;background:#fff;color:#184274;display:grid;place-items:center;cursor:pointer}.roles-refresh-btn:hover{background:#f1f5fa}.roles-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.roles-stat-card{background:#fff;border:1px solid #e9edf3;border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 3px 12px #172b4d08}.roles-stat-icon{width:46px;height:46px;border-radius:11px;background:#edf3fa;color:#184274;display:grid;place-items:center}.roles-stat-icon.green{background:#f1f7df;color:#7ca51a}.roles-stat-card span{display:block;color:#8491a3;font-size:12px;margin-bottom:5px}.roles-stat-card strong{font-size:25px;color:#173654}.roles-table-panel{padding:22px}.roles-table-heading{margin-bottom:20px}.roles-count{padding:7px 12px;background:#edf3fa;color:#184274;border-radius:7px;font-size:12px;font-weight:600}.roles-table-panel table{width:100%;border-collapse:collapse;min-width:650px}.roles-table-panel thead th{padding:14px 15px;background:#f7f9fc;color:#7e8a9b;font-size:10px;font-weight:700;letter-spacing:.5px;text-align:left;border-bottom:1px solid #edf0f4}.roles-table-panel tbody td{padding:15px;color:#53647a;font-size:12px;border-bottom:1px solid #edf0f4}.roles-table-panel tbody tr:hover{background:#fbfcfe}.roles-id{color:#184274}.roles-name-cell{display:flex;align-items:center;gap:10px;color:#203c59}.roles-avatar{width:34px;height:34px;border-radius:9px;background:#edf3fa;color:#184274;display:grid;place-items:center}.roles-code{background:#f1f5f9;padding:6px 9px;border-radius:5px;color:#184274;font-size:11px;font-weight:600}.roles-date{color:#8793a5!important}.roles-actions{display:flex;gap:8px}.roles-actions button{width:33px;height:33px;border:1px solid #e8edf3;background:#fff;border-radius:7px;display:grid;place-items:center;cursor:pointer}.roles-edit{color:#184274}.roles-edit:hover{background:#edf3fa}.roles-delete{color:#df6262}.roles-delete:hover{background:#fff0f0}.roles-empty{text-align:center!important;padding:35px!important;color:#8995a5!important}.roles-table-footer{padding-top:16px;color:#8793a5;font-size:12px}.roles-error{display:flex;align-items:center;gap:8px;padding:12px;margin-bottom:15px;background:#fff1f0;border:1px solid #ffd7d4;color:#c0392b;border-radius:8px;font-size:12px}.roles-error button{margin-left:auto;background:none;border:none;color:#184274;cursor:pointer;font-weight:600}.roles-modal{max-width:480px}.roles-modal label{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;color:#42566e;font-size:12px;font-weight:600}.roles-modal label input{width:100%;box-sizing:border-box;padding:12px 13px;border:1px solid #e1e7ef;border-radius:8px;outline:none;font-family:inherit;font-size:13px}.roles-modal label input:focus{border-color:#184274;box-shadow:0 0 0 3px #18427412}.roles-modal .modal-actions{margin-top:22px}@media(max-width:700px){.roles-toolbar,.roles-table-heading{align-items:flex-start;flex-direction:column}.roles-stats{grid-template-columns:1fr}.roles-toolbar-actions{width:100%}.roles-toolbar-actions .button{flex:1}.roles-table-panel{padding:15px}}.users-page{display:flex;flex-direction:column;gap:22px}.users-toolbar,.users-table-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.users-toolbar h2,.users-table-heading h2{margin:0;color:#173654;font-size:17px;font-weight:700}.users-toolbar p,.users-table-heading p{margin:6px 0 0;color:#8793a5;font-size:12px}.users-toolbar-actions{display:flex;align-items:center;gap:10px}.users-refresh-btn{height:42px;width:42px;border:1px solid #e3e9f0;border-radius:9px;background:#fff;color:#184274;display:grid;place-items:center;cursor:pointer}.users-refresh-btn:hover{background:#f1f5fa}.users-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.users-stat-card{background:#fff;border:1px solid #e9edf3;border-radius:12px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 3px 12px #172b4d08}.users-stat-icon{width:46px;height:46px;border-radius:11px;background:#edf3fa;color:#184274;display:grid;place-items:center}.users-stat-icon.green{background:#f1f7df;color:#7ca51a}.users-stat-card span{display:block;color:#8491a3;font-size:12px;margin-bottom:5px}.users-stat-card strong{font-size:25px;color:#173654}.users-table-panel{padding:22px}.users-table-heading{margin-bottom:20px}.users-count{padding:7px 12px;background:#edf3fa;color:#184274;border-radius:7px;font-size:12px;font-weight:600}.users-table-panel table{width:100%;border-collapse:collapse;min-width:700px}.users-table-panel thead th{padding:14px 15px;background:#f7f9fc;color:#7e8a9b;font-size:10px;font-weight:700;letter-spacing:.5px;text-align:left;border-bottom:1px solid #edf0f4}.users-table-panel tbody td{padding:15px;color:#53647a;font-size:12px;border-bottom:1px solid #edf0f4}.users-table-panel tbody tr:hover{background:#fbfcfe}.users-id{color:#184274}.users-name-cell{display:flex;align-items:center;gap:10px;color:#203c59}.users-avatar{width:34px;height:34px;border-radius:9px;background:#edf3fa;color:#184274;display:grid;place-items:center;font-weight:700}.users-role{display:flex;flex-direction:column;gap:4px}.users-role span{font-weight:600;color:#203c59}.users-role small{font-size:10px;color:#8995a5}.users-date{color:#8793a5!important;white-space:nowrap}.users-actions{display:flex;gap:7px}.users-actions button{width:32px;height:32px;border:1px solid #e8edf3;background:#fff;border-radius:7px;display:grid;place-items:center;cursor:pointer}.users-edit{color:#184274}.users-edit:hover{background:#edf3fa}.users-password{color:#7b62b3}.users-password:hover{background:#f4f0fb}.users-delete{color:#df6262}.users-delete:hover{background:#fff0f0}.users-empty{text-align:center!important;padding:35px!important;color:#8995a5!important}.users-table-footer{padding-top:16px;color:#8793a5;font-size:12px}.users-error{display:flex;align-items:center;gap:8px;padding:12px;margin-bottom:15px;background:#fff1f0;border:1px solid #ffd7d4;color:#c0392b;border-radius:8px;font-size:12px}.users-error button{margin-left:auto;background:none;border:none;color:#184274;cursor:pointer;font-weight:600}.users-modal{max-width:480px}.users-modal label{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;color:#42566e;font-size:12px;font-weight:600}.users-modal label>input,.users-modal label>select,.users-password-input{width:100%;box-sizing:border-box;padding:12px 13px;border:1px solid #e1e7ef;border-radius:8px;outline:none;background:#fff;font-family:inherit;font-size:13px;color:#34495e}.users-modal label>input:focus,.users-modal label>select:focus,.users-password-input:focus-within{border-color:#184274;box-shadow:0 0 0 3px #18427412}.users-password-input{display:flex;align-items:center;gap:8px;padding:0 11px}.users-password-input input{flex:1;min-width:0;border:0;outline:0;padding:0;background:transparent;font:inherit;color:#34495e}.users-password-input button{border:0;background:transparent;color:#8793a5;display:grid;place-items:center;cursor:pointer}.users-hint{font-size:11px;color:#8793a5;font-weight:400}.users-modal .modal-actions{margin-top:22px}@media(max-width:700px){.users-toolbar,.users-table-heading{align-items:flex-start;flex-direction:column}.users-stats{grid-template-columns:1fr}.users-toolbar-actions{width:100%}.users-toolbar-actions .button{flex:1}.users-table-panel{padding:15px}}.clients-page{display:flex;flex-direction:column;gap:22px}.clients-toolbar,.clients-table-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.clients-toolbar h2,.clients-table-heading h2{margin:0;color:#173654;font-size:17px;font-weight:700}.clients-toolbar p,.clients-table-heading p{margin:6px 0 0;color:#8793a5;font-size:12px}.clients-toolbar-actions{display:flex;align-items:center;gap:10px}.clients-refresh-btn{height:42px;width:42px;border:1px solid #e3e9f0;border-radius:9px;background:#fff;color:#184274;display:grid;place-items:center;cursor:pointer}.clients-refresh-btn:disabled{opacity:.55}.clients-spinning{animation:clients-spin 1s linear infinite}@keyframes clients-spin{to{transform:rotate(360deg)}}.clients-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.clients-stat-card{background:#fff;border:1px solid #e9edf3;border-radius:12px;padding:18px 20px;display:flex;align-items:center;gap:14px;box-shadow:0 3px 12px #172b4d08}.clients-stat-icon{width:44px;height:44px;border-radius:11px;background:#edf3fa;color:#184274;display:grid;place-items:center}.clients-stat-icon.green{background:#f1f7df;color:#7ca51a}.clients-stat-card span{display:block;color:#8491a3;font-size:12px;margin-bottom:5px}.clients-stat-card strong{font-size:24px;color:#173654}.clients-table-panel{padding:22px}.clients-table-heading{margin-bottom:18px}.clients-count{padding:7px 12px;background:#edf3fa;color:#184274;border-radius:7px;font-size:12px;font-weight:600}.clients-table-scroll{width:100%;overflow-x:auto}.clients-table-panel table{width:100%;border-collapse:collapse;min-width:900px}.clients-table-panel thead th{padding:13px 12px;background:#f7f9fc;color:#7e8a9b;font-size:10px;font-weight:700;letter-spacing:.5px;text-align:left;border-bottom:1px solid #edf0f4;white-space:nowrap}.clients-table-panel tbody td{padding:13px 12px;color:#53647a;font-size:12px;border-bottom:1px solid #edf0f4;vertical-align:middle}.clients-table-panel tbody tr:hover{background:#fbfcfe}.clients-id{color:#184274}.clients-company{display:flex;align-items:center;gap:10px;min-width:180px}.clients-avatar{width:35px;height:35px;flex:0 0 35px;border-radius:9px;background:#edf3fa;color:#184274;display:grid;place-items:center;font-weight:700;font-size:14px}.clients-company>div{display:flex;flex-direction:column;gap:4px}.clients-company strong,.clients-person{color:#203c59;font-weight:650}.clients-company small,.clients-subtext{font-size:10px;color:#8995a5;display:block;margin-top:4px}.clients-contact{display:flex;flex-direction:column;gap:6px;white-space:nowrap}.clients-contact span{display:flex;align-items:center;gap:6px;color:#607188}.clients-contact svg,.clients-address svg{color:#8b9aab;flex:0 0 auto}.clients-address{max-width:180px}.clients-address svg{vertical-align:middle;margin-right:5px}.clients-actions{display:flex;gap:6px}.clients-actions button{width:31px;height:31px;border:1px solid #e8edf3;background:#fff;border-radius:7px;display:grid;place-items:center;cursor:pointer}.clients-view{color:#6c7e92}.clients-view:hover{background:#f2f5f8}.clients-edit{color:#184274}.clients-edit:hover{background:#edf3fa}.clients-delete{color:#df6262}.clients-delete:hover{background:#fff0f0}.clients-empty{text-align:center!important;padding:36px!important;color:#8995a5!important}.clients-table-footer{padding-top:15px;color:#8793a5;font-size:12px}.clients-error{display:flex;align-items:center;gap:8px;padding:11px 12px;background:#fff1f0;border:1px solid #ffd7d4;color:#c0392b;border-radius:8px;font-size:12px}.clients-error button{margin-left:auto;background:none;border:0;color:#184274;cursor:pointer;font-weight:600}.clients-modal{max-width:650px;width:min(650px,calc(100vw - 32px));max-height:90vh;overflow:auto}.clients-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.clients-modal label{display:block;margin-bottom:15px;color:#42566e;font-size:12px;font-weight:600}.clients-modal label input{display:block;width:100%;box-sizing:border-box;margin-top:7px;padding:11px 12px;border:1px solid #e1e7ef;border-radius:8px;outline:none;background:#fff;font-family:inherit;font-size:13px;color:#34495e}.clients-modal label input:focus{border-color:#184274;box-shadow:0 0 0 3px #18427412}.clients-field-full{grid-column:1/-1}.clients-required{color:#d45d5d}.clients-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:8px 0 20px}.clients-detail-grid>div{padding:12px;background:#f7f9fc;border:1px solid #edf0f4;border-radius:8px;min-width:0}.clients-detail-grid span{display:block;color:#8793a5;font-size:10px;margin-bottom:6px}.clients-detail-grid strong{display:block;color:#203c59;font-size:13px;overflow-wrap:anywhere}@media(max-width:700px){.clients-toolbar{align-items:flex-start}.clients-toolbar-actions{flex-shrink:0}.clients-stats{grid-template-columns:1fr 1fr;gap:10px}.clients-stat-card{padding:13px}.clients-table-panel{padding:15px}.clients-form-grid,.clients-detail-grid{grid-template-columns:1fr}.clients-field-full{grid-column:auto}}@media(max-width:440px){.clients-toolbar{flex-direction:column}.clients-toolbar-actions{width:100%;justify-content:flex-end}.clients-stats{grid-template-columns:1fr}}.permissions-page{display:flex;flex-direction:column;gap:20px;color:#26364b}.permissions-intro{display:flex;align-items:center;gap:14px}.permissions-intro-icon,.permissions-summary-icon{display:grid;place-items:center;flex:0 0 auto;width:46px;height:46px;border-radius:13px;color:#184274;background:#eaf1f8}.permissions-intro h2{margin:0 0 5px;font-size:19px;color:#184274}.permissions-intro p,.permissions-table-heading p{margin:0;color:#8490a0;font-size:13px}.permissions-toolbar{display:flex;align-items:end;justify-content:space-between;gap:16px;padding:18px;background:#fff;border:1px solid #e9edf2;border-radius:13px;box-shadow:0 4px 16px #172b4d08}.permissions-role-select{display:flex;flex-direction:column;gap:7px;width:min(360px,100%)}.permissions-role-select label{color:#647184;font-size:12px;font-weight:700}.permissions-role-select select{width:100%;height:42px;padding:0 12px;border:1px solid #dce3eb;border-radius:8px;color:#26364b;background:#fff;outline:none}.permissions-role-select select:focus{border-color:#184274;box-shadow:0 0 0 3px #18427415}.permissions-toolbar-actions{display:flex;gap:9px}.permissions-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 15px;border-radius:8px;border:1px solid transparent;font-size:13px;font-weight:700;cursor:pointer;transition:.18s ease}.permissions-button:disabled{opacity:.55;cursor:not-allowed}.permissions-button-light{color:#184274;background:#fff;border-color:#dce3eb}.permissions-button-light:hover:not(:disabled){background:#f5f8fb}.permissions-button-primary{color:#fff;background:#184274}.permissions-button-primary:hover:not(:disabled){background:#10345f}.permissions-summary{display:flex;align-items:center;gap:35px;padding:17px 20px;background:#f7f9fb;border:1px solid #e9edf2;border-radius:12px}.permissions-summary>div:not(.permissions-summary-icon){display:flex;flex-direction:column;gap:5px}.permissions-summary-label{color:#8490a0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.permissions-summary strong{color:#184274;font-size:17px}.permissions-summary-icon{margin-left:auto;width:40px;height:40px}.permissions-table-card{overflow:hidden;background:#fff;border:1px solid #e9edf2;border-radius:13px;box-shadow:0 4px 16px #172b4d08}.permissions-table-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:19px 20px;border-bottom:1px solid #edf0f4}.permissions-table-heading h3{margin:0 0 5px;color:#184274;font-size:15px}.permissions-count{padding:6px 10px;color:#184274;background:#edf3f9;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}.permissions-table-scroll{width:100%;overflow-x:auto}.permissions-table{width:100%;border-collapse:collapse;min-width:570px}.permissions-table th{padding:13px 18px;color:#7d8999;background:#fafbfd;text-align:center;font-size:10px;letter-spacing:.07em;text-transform:uppercase}.permissions-table th:first-child,.permissions-table td:first-child{text-align:left}.permissions-table td{padding:14px 18px;border-top:1px solid #f0f2f5;text-align:center}.permissions-table tbody tr:hover{background:#fbfcfe}.permissions-page-column{width:42%}.permissions-column-label{display:inline-flex;align-items:center;gap:6px}.permissions-page-name{color:#304158;font-size:13px;font-weight:700;text-transform:capitalize}.permissions-table td small{display:block;margin-top:4px;color:#9aa4b1;font-size:10px}.permission-toggle{display:inline-flex;position:relative;cursor:pointer}.permission-toggle input{position:absolute;opacity:0;width:1px;height:1px}.permission-toggle span{position:relative;display:block;width:36px;height:20px;border-radius:20px;background:#dce2e9;transition:.18s ease}.permission-toggle span:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #172b4d30;transition:.18s ease}.permission-toggle input:checked+span{background:#aecf3a}.permission-toggle input:checked+span:after{transform:translate(16px)}.permission-toggle input:focus-visible+span{outline:3px solid #18427435;outline-offset:2px}.permissions-table-footer{display:flex;justify-content:space-between;gap:12px;padding:13px 18px;border-top:1px solid #edf0f4;color:#8a95a4;font-size:11px}.permissions-table-footer span:first-child{display:inline-flex;align-items:center;gap:6px}.permissions-empty,.permissions-no-results{display:flex;align-items:center;justify-content:center;gap:9px;min-height:150px;color:#8994a3;font-size:13px;text-align:center}.permissions-error,.permissions-success{display:flex;align-items:flex-start;gap:9px;padding:12px 14px;border-radius:9px;font-size:12px;line-height:1.5}.permissions-error{color:#a43d3d;background:#fff2f1;border:1px solid #f5d4d1}.permissions-success{color:#397b35;background:#f0f8ed;border:1px solid #d8ebd2}.permission-spin{animation:permission-spin 1s linear infinite}@keyframes permission-spin{to{transform:rotate(360deg)}}@media(max-width:700px){.permissions-toolbar{align-items:stretch;flex-direction:column}.permissions-role-select,.permissions-toolbar-actions{width:100%}.permissions-toolbar-actions button{flex:1}.permissions-summary{gap:17px;flex-wrap:wrap}.permissions-summary-icon{display:none!important}.permissions-table-footer{flex-direction:column}}:root{font-family:DM Sans,sans-serif;color:#1d2939;background:#f5f7fa;font-synthesis:none;text-rendering:optimizeLegibility;--blue:#184274;--green:#aecf3a;--ink:#1c2938;--muted:#8993a2;--line:#edf0f4}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{width:258px;background:#fff;border-right:1px solid #e9edf2;position:fixed;inset:0 auto 0 0;z-index:20;display:flex;flex-direction:column;padding:25px 17px 18px}.brand{display:flex;align-items:center;gap:11px;padding:0 8px 26px}.brand-mark{width:39px;height:39px;border-radius:11px;background:var(--blue);color:#fff;display:grid;place-items:center;box-shadow:0 5px 12px #1842742b}.brand-name{font:800 14px Manrope,sans-serif;letter-spacing:.6px;color:var(--blue)}.brand-name span{color:#27384c}.brand-sub{font-size:8px;letter-spacing:1.35px;color:#8d98a6;margin-top:3px}.workspace-switch{background:#f7f9fb;border:1px solid #edf0f4;border-radius:11px;padding:11px;display:flex;align-items:center;gap:10px;margin-bottom:29px}.workspace-icon{width:34px;height:34px;border-radius:9px;background:#eaf0f7;color:var(--blue);font:800 12px Manrope;display:grid;place-items:center}.workspace-copy{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.workspace-copy strong{font-size:11px}.workspace-copy span{font-size:10px;color:var(--muted)}.muted-icon{color:#929dab}.navigation{flex:1}.nav-group{margin-bottom:25px}.nav-caption{font-size:9px;letter-spacing:1.35px;font-weight:700;color:#a2aab5;padding:0 11px;margin-bottom:9px}.nav-item{border:0;background:transparent;width:100%;height:42px;display:flex;align-items:center;gap:12px;padding:0 12px;border-radius:8px;color:#697586;font-size:12px;font-weight:600;text-align:left;margin:3px 0;transition:.18s}.nav-item svg{color:#8994a3}.nav-item:hover{background:#f6f8fa;color:var(--blue)}.nav-item.active{background:#edf2f8;color:var(--blue);font-weight:700}.nav-item.active svg{color:var(--blue)}.nav-item small{margin-left:auto;border-radius:20px;background:#e1e9f2;color:var(--blue);padding:3px 7px;font-size:10px}.sidebar-bottom{margin-top:auto}.help-card{background:#f5f8f2;border:1px solid #eaf0df;border-radius:11px;padding:14px;margin:0 2px 15px}.help-icon{height:29px;width:29px;border-radius:8px;background:#e9f1d7;color:#66851d;display:grid;place-items:center;margin-bottom:9px}.help-card strong{font:700 12px Manrope}.help-card p{font-size:10px;line-height:1.5;color:#77816d;margin:5px 0 10px}.help-card button{display:flex;align-items:center;gap:5px;border:0;background:none;color:#64821b;font-size:10px;font-weight:700;padding:0}.sidebar-footer{font-size:9px;color:#929dab;padding:14px 7px 0;border-top:1px solid #f0f2f5;margin-top:11px;display:flex;align-items:center;gap:6px}.online-dot{width:6px;height:6px;border-radius:50%;background:#85b52e}.version{margin-left:auto}.main-area{margin-left:258px;min-height:100vh}.topbar{height:76px;background:#fff;border-bottom:1px solid #e9edf2;display:flex;align-items:center;justify-content:space-between;padding:0 37px;position:sticky;top:0;z-index:10}.breadcrumb{font-size:11px;color:#99a2ae}.breadcrumb span{padding:0 9px;color:#c3c9d1}.breadcrumb strong{color:#344054;font-weight:600}.topbar-actions{display:flex;align-items:center;gap:17px}.search-box{width:224px;height:36px;border:1px solid #e9edf2;border-radius:8px;display:flex;align-items:center;gap:8px;padding:0 10px;color:#98a2b3}.search-box input,.table-search input{border:0;outline:0;min-width:0;flex:1;font-size:11px;color:#344054;background:transparent}.search-box input::placeholder,.table-search input::placeholder{color:#a4acb8}.search-box kbd{font-size:9px;color:#a1a9b4;background:#f5f6f8;border:1px solid #edf0f3;border-radius:4px;padding:3px 5px}.icon-button{border:0;background:none;color:#667085;position:relative;padding:5px}.notification i{position:absolute;width:6px;height:6px;border-radius:50%;background:#aecf3a;right:3px;top:3px;border:1px solid #fff}.top-divider{height:28px;width:1px;background:#edf0f4}.profile-button{display:flex;align-items:center;gap:9px;border:0;background:none;padding:0;color:#7b8795}.avatar{width:34px;height:34px;border-radius:50%;background:#e7edf5;color:var(--blue);display:grid;place-items:center;font-size:11px;font-weight:700}.profile-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.profile-info strong{font-size:11px;color:#344054}.profile-info span{font-size:9px;color:#98a2b3}.page-content{max-width:1600px;margin:auto;padding:34px 37px 20px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:1.25px;color:#8792a1;font-weight:700;display:flex;align-items:center;gap:7px}.eyebrow-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}h1{font:800 25px Manrope,sans-serif;letter-spacing:-.7px;color:#1b2b3d;margin:9px 0 5px}.page-heading p,.panel-header p{margin:0;color:#8a95a4;font-size:11px}.heading-actions{display:flex;gap:9px}.button{height:37px;border-radius:7px;padding:0 13px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;font-weight:700;transition:.18s}.button-outline{border:1px solid #e2e7ed;background:#fff;color:#536173}.button-outline:hover{border-color:#b7c5d5;background:#f9fbfd}.button-primary{border:1px solid var(--blue);background:var(--blue);color:#fff;box-shadow:0 3px 7px #1842741c}.button-primary:hover{background:#10365f}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:17px}.stat-card,.panel{background:#fff;border:1px solid #edf0f4;border-radius:11px;box-shadow:0 2px 7px #1b2b3d05}.stat-card{padding:17px 18px 15px;min-width:0}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#7e8998;font-size:11px;font-weight:600}.stat-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center}.stat-icon.blue{background:#edf2f8;color:#184274}.stat-icon.green{background:#f1f6e5;color:#7d9d25}.stat-icon.purple{background:#f2effa;color:#8973b7}.stat-icon.orange{background:#fff3e8;color:#d18b48}.stat-value{font:800 22px Manrope,sans-serif;letter-spacing:-.6px;color:#1c2b3c;margin:12px 0 9px}.stat-bottom{display:flex;align-items:center;gap:7px;font-size:9px;color:#a0a8b3;white-space:nowrap}.stat-change{display:inline-flex;align-items:center;gap:1px;font-weight:700}.stat-change.positive{color:#739b25}.stat-change.negative{color:#d28b52}.analytics-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(275px,1fr);gap:16px;margin-bottom:17px}.panel{padding:19px;min-width:0}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.panel-header h2{font:800 13px Manrope,sans-serif;color:#25364a;margin:0 0 5px}.panel-header p{font-size:10px}.select-control{border:1px solid #e8edf2;border-radius:6px;padding:7px 9px;color:#657184;background:#fff;font-size:10px;outline:none}.chart-legend{display:flex;align-items:center;gap:17px;margin-top:23px;font-size:10px;color:#7d8998}.chart-legend span{display:flex;align-items:center;gap:6px}.legend-dot{width:7px;height:7px;border-radius:50%}.revenue-dot{background:var(--blue)}.expense-dot{background:var(--green)}.chart-legend strong{margin-left:auto;color:#739b25;display:flex;align-items:center;font-size:10px}.chart-wrap{height:205px;width:100%;margin-top:7px}.chart-foot{display:flex;justify-content:space-between;border-top:1px solid #f1f3f6;padding-top:12px;color:#9aa3af;font-size:9px}.chart-foot span:first-child{display:flex;align-items:center;gap:6px}.foot-square{width:7px;height:7px;border-radius:2px}.blue-square{background:var(--blue)}.more-button{border:0;background:none;color:#929dab;padding:1px}.summary-total{margin:25px 0 20px}.summary-total span{display:block;color:#8994a2;font-size:10px;margin-bottom:7px}.summary-total strong{font:800 25px Manrope;color:#1d2e41;letter-spacing:-.7px}.summary-total small{display:flex;align-items:center;gap:5px;color:#7b9e2c;font-size:9px;margin-top:7px}.summary-progress{margin-bottom:20px}.progress-label,.progress-foot{display:flex;justify-content:space-between;font-size:10px;color:#7e8998}.progress-label strong{color:#344054}.progress-track{height:7px;background:#eef1f4;border-radius:10px;margin:9px 0 7px;overflow:hidden}.progress-fill{height:100%;background:var(--green);border-radius:10px}.progress-foot{font-size:9px;color:#a0a8b3}.summary-divider{height:1px;background:#edf0f4;margin:0 0 14px}.mini-metric{display:flex;align-items:center;gap:10px;margin:13px 0}.mini-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center}.green-mini{background:#f1f6e5;color:#799a25}.blue-mini{background:#edf2f8;color:var(--blue)}.mini-metric div:nth-child(2){display:flex;flex-direction:column;gap:2px}.mini-metric strong{font:800 14px Manrope;color:#2a3a4c}.mini-metric span{font-size:9px;color:#8d98a6}.mini-metric em{font-style:normal;color:#7b9e2c;font-size:9px;margin-left:auto}.mini-metric em.neutral-em{color:#929dab}.lower-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(275px,1fr);gap:16px}.invoices-panel{padding-bottom:13px}.text-button{border:0;background:none;color:var(--blue);font-size:10px;font-weight:700;display:flex;align-items:center;gap:4px;padding:2px}.table-tools{display:flex;justify-content:space-between;margin:19px 0 9px}.table-search{height:31px;width:190px;border:1px solid #edf0f4;border-radius:6px;display:flex;align-items:center;gap:7px;padding:0 9px;color:#9aa3af}.table-search input{font-size:10px}.filter-button{height:31px;border:1px solid #edf0f4;background:#fff;border-radius:6px;color:#667085;font-size:10px;display:flex;align-items:center;gap:6px;padding:0 9px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:640px}thead th{text-align:left;font-size:8px;letter-spacing:.7px;color:#a0a8b3;font-weight:700;padding:10px 8px;border-bottom:1px solid #edf0f4}tbody td{padding:12px 8px;border-bottom:1px solid #f1f3f6;font-size:9px;color:#6f7b8b;white-space:nowrap}.invoice-id{color:#294664;font-size:9px}.client-cell{display:flex;align-items:center;gap:7px;color:#536173}.client-avatar{width:23px;height:23px;border-radius:7px;background:#edf2f8;color:var(--blue);display:grid;place-items:center;font-size:8px;font-weight:700}.date-cell{color:#8e98a5}.amount-cell{font-weight:700;color:#344054}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:4px 7px;border-radius:20px;font-size:8px;font-weight:700}.status-pill i{width:5px;height:5px;border-radius:50%;background:currentColor}.status-pill.paid{background:#f0f6e5;color:#739329}.status-pill.pending{background:#fff6e9;color:#c58c39}.status-pill.overdue{background:#fff0ee;color:#cf7168}.row-more{border:0;background:none;color:#a1aab5;padding:2px}.empty-state{text-align:center;padding:28px!important;color:#98a2b3}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 8px 0;color:#9aa3af;font-size:9px}.table-footer strong{color:#647184}.table-footer button{border:0;background:none;color:var(--blue);font-size:9px;font-weight:700;display:flex;align-items:center;gap:4px}.activity-list{margin-top:23px}.activity-item{display:flex;gap:10px;position:relative;padding-bottom:19px}.activity-item:not(:last-child):after{content:"";position:absolute;left:14px;top:31px;bottom:3px;width:1px;background:#edf0f4}.activity-icon{width:29px;height:29px;flex:0 0 29px;border-radius:8px;display:grid;place-items:center;z-index:1}.activity-icon.green{background:#f0f6e5;color:#7c9c2b}.activity-icon.blue{background:#edf2f8;color:var(--blue)}.activity-icon.gold{background:#fff5e8;color:#c48c40}.activity-icon.purple{background:#f3effa;color:#8a75b6}.activity-copy{display:flex;flex-direction:column;gap:4px;padding-top:1px;min-width:0}.activity-copy strong{font-size:10px;color:#344054}.activity-copy span{font-size:9px;color:#8994a2;white-space:normal}.activity-copy small{font-size:8px;color:#a6aeb8}.activity-link{border:0;border-top:1px solid #edf0f4;background:none;width:100%;padding:13px 0 0;color:var(--blue);font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:4px}.page-footer{display:flex;justify-content:space-between;padding:24px 2px 4px;color:#a2aab5;font-size:9px}.footer-heart{color:#aecf3a}.toast{position:fixed;right:24px;bottom:24px;z-index:60;background:#fff;border:1px solid #e7edf0;box-shadow:0 10px 35px #172b4d20;border-radius:9px;padding:12px 14px;display:flex;align-items:center;gap:9px;color:#4f6f1c;font-size:11px;font-weight:600}.toast button{border:0;background:none;color:#8994a2;padding:0 0 0 8px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10243c75;z-index:50;display:grid;place-items:center;padding:20px}.modal{width:min(100%,440px);background:#fff;border-radius:14px;padding:25px;box-shadow:0 20px 70px #071b333d}.modal-head{display:flex;justify-content:space-between;margin-bottom:22px}.modal-kicker{font-size:8px;letter-spacing:1.3px;color:#8da83e;font-weight:700}.modal h2{font:800 20px Manrope;color:#20354b;margin:6px 0}.modal p{font-size:11px;color:#8994a2;margin:0}.modal-close{border:0;background:#f5f7f9;color:#778393;width:32px;height:32px;border-radius:8px;display:grid;place-items:center}.modal label{display:flex;flex-direction:column;gap:7px;margin:15px 0;color:#536173;font-size:10px;font-weight:700}.modal label input{height:40px;border:1px solid #e4e9ef;border-radius:7px;padding:0 11px;outline:none;font-size:11px}.modal label input:focus{border-color:#8aa2bd;box-shadow:0 0 0 3px #18427410}.modal-note{display:flex;align-items:center;gap:7px;color:#9a843c;background:#fff9eb;padding:10px;border-radius:7px;font-size:9px;margin:18px 0}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:21px}.section-notice{background:#fff;border:1px solid #e8edf2;border-radius:10px;padding:16px;display:flex;align-items:center;gap:13px;margin-bottom:17px}.notice-icon{width:38px;height:38px;background:#edf2f8;color:var(--blue);border-radius:9px;display:grid;place-items:center}.section-notice div:nth-child(2){flex:1}.section-notice strong{font-size:12px;color:#344054}.section-notice p{font-size:10px;color:#8994a2;margin:4px 0 0}.menu-toggle,.mobile-close,.mobile-scrim{display:none}@media(max-width:1150px){.sidebar{width:230px}.main-area{margin-left:230px}.topbar{padding:0 25px}.page-content{padding:29px 25px 18px}.stats-grid{gap:10px}.stat-card{padding:15px 13px}.stat-value{font-size:19px}.analytics-grid,.lower-grid{grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr)}}@media(max-width:900px){.sidebar{transform:translate(-100%);transition:transform .25s;box-shadow:none}.sidebar-open{transform:translate(0);box-shadow:10px 0 35px #172b4d20}.mobile-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#10243c66;border:0;z-index:19}.mobile-close{display:grid;place-items:center;margin-left:auto;border:0;background:none;color:#7d8998}.main-area{margin-left:0}.menu-toggle{display:grid;place-items:center;border:0;background:none;color:#536173;padding:5px;margin-right:10px}.topbar{height:66px;padding:0 22px}.topbar-left{display:flex;align-items:center}.page-content{padding:27px 22px 18px}}@media(max-width:700px){.topbar{padding:0 15px}.topbar-actions{gap:11px}.search-box{width:36px;border:0;padding:0;justify-content:center}.search-box input,.search-box kbd{display:none}.search-box svg{width:19px;height:19px}.profile-info,.profile-button>svg,.top-divider{display:none}.profile-button{gap:0}.page-content{padding:24px 15px 15px}.page-heading{align-items:flex-start;gap:16px;flex-direction:column;margin-bottom:20px}.page-heading h1{font-size:23px}.heading-actions{width:100%}.heading-actions .button{flex:1}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{padding:14px}.stat-value{font-size:19px}.stat-bottom{font-size:8px;gap:4px}.analytics-grid,.lower-grid{grid-template-columns:1fr;gap:12px}.panel{padding:16px}.chart-wrap{height:190px}.summary-total{margin:19px 0}.activity-list{margin-top:17px}.page-footer{gap:10px;flex-direction:column}.breadcrumb{font-size:10px}.section-notice{align-items:flex-start;flex-wrap:wrap}.section-notice .button{margin-left:51px}}@media(max-width:390px){.brand-name{font-size:12px}.heading-actions{gap:6px}.button{padding:0 9px;font-size:10px}.stat-value{font-size:17px}.stat-top{font-size:10px}.stat-icon{width:30px;height:30px}}