@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#182b46;background:#f4f7fb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--navy:#17375f;--blue:#3478f6;--blue-dark:#2564d8;--muted:#7b8aa1;--line:#e7edf4;--panel:#fff;--green:#19a768;--orange:#e78317;--red:#de5156;--shadow:0 3px 12px rgba(26,53,87,.035)}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}a{color:inherit;text-decoration:none}.app-layout{min-height:100vh;display:flex}.sidebar{width:246px;background:#fff;border-right:1px solid #e8edf4;position:fixed;inset:0 auto 0 0;z-index:20;display:flex;flex-direction:column;padding:24px 15px 14px}.brand-row,.login-brand,.mobile-login-brand{display:flex;align-items:center;gap:10px;padding:0 10px;color:#183e6d}.brand-row strong,.login-brand strong{font:800 18px Manrope,sans-serif;letter-spacing:1.4px;display:block;line-height:1.05}.brand-row span,.login-brand span{display:block;font-size:9px;letter-spacing:2.7px;font-weight:700;color:#8190a3;margin-top:3px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;background:#eaf2ff;color:var(--blue);border-radius:11px}.sidebar-product{margin:26px 8px 30px;padding:10px 11px;border:1px solid #e5edf6;border-radius:9px;font-size:10px;font-weight:700;letter-spacing:1px;color:#71819a;display:flex;align-items:center;gap:8px}.product-dot{width:7px;height:7px;background:#f07a19;border-radius:50%}.nav-caption{font-size:9px;letter-spacing:1.1px;color:#9aa7b7;font-weight:700;padding:0 12px 10px}.side-nav{display:flex;flex-direction:column;gap:4px}.nav-link{height:43px;border-radius:8px;padding:0 12px;display:flex;align-items:center;gap:12px;color:#63748c;font-size:13px;font-weight:600;transition:all .15s}.nav-link:hover{background:#f5f8fc;color:#2c4d79}.nav-link.active{background:#edf4ff;color:#2468dd}.nav-count{margin-left:auto;color:#3478f6;font-size:8px;letter-spacing:.5px}.sidebar-bottom{margin-top:auto}.sidebar-status{display:flex;align-items:center;gap:8px;color:#8290a4;font-size:10px;padding:12px 10px;border-top:1px solid #f0f3f7}.online-dot{width:7px;height:7px;border-radius:50%;background:#17aa67;box-shadow:0 0 0 3px #e6f7ef}.user-card{display:flex;align-items:center;gap:9px;padding:12px 6px;border-top:1px solid #eef2f6}.avatar{width:34px;height:34px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:#e4edff;color:#315fc1;font-size:11px;font-weight:700}.user-meta{min-width:0;display:flex;flex-direction:column;gap:3px;flex:1}.user-meta strong{font-size:11px;color:#243c5e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-meta span{font-size:10px;color:#8795a8}.icon-button{border:0;background:transparent;color:#7e8da2;width:32px;height:32px;border-radius:8px;display:grid;place-items:center}.icon-button:hover{background:#f1f5fa;color:#2f5c95}.logout-button{width:28px}.sidebar-foot{font-size:9px;color:#a2adbb;padding:12px 10px 0;display:flex;align-items:center;gap:6px}.main-area{margin-left:246px;width:calc(100% - 246px);min-height:100vh}.topbar{height:68px;background:#fff;border-bottom:1px solid #e8edf4;display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:10}.breadcrumb{display:flex;align-items:center;gap:10px;color:#9aa5b4;font-size:12px}.breadcrumb strong{color:#314867;font-weight:600}.crumb-sep{color:#c5ced8}.topbar-right{display:flex;align-items:center;gap:16px}.today-label{display:flex;gap:7px;align-items:center;color:#7e8ba0;font-size:11px;text-transform:capitalize}.top-search,.notification-button{border-left:1px solid #edf0f4;border-radius:0;width:40px;height:28px}.notification-button{position:relative}.notification-button i{position:absolute;width:5px;height:5px;background:#f18625;border-radius:50%;right:8px;top:4px}.top-user{display:flex;align-items:center;gap:7px;color:#9aa5b4}.avatar-small{width:29px;height:29px;font-size:9px}.page-wrap{max-width:1540px;margin:0 auto;padding:29px 34px 50px}.welcome-row,.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:23px}.eyebrow,.panel-kicker{display:block;color:#8191a6;font-size:9px;font-weight:700;letter-spacing:1.15px;margin-bottom:7px}.welcome-row h1,.page-heading h1,.client-hero h1{font:700 25px Manrope,sans-serif;color:#1a304e;letter-spacing:-.55px;margin:0}.welcome-row p,.page-heading p{font-size:12px;margin:7px 0 0}.muted{color:#8492a5}.live-pill,.read-only-pill{display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #e6ebf2;border-radius:20px;padding:8px 11px;color:#65758c;font-size:10px;font-weight:600}.live-pill i{width:7px;height:7px;background:#e89320;border-radius:50%}.demo-banner{background:#fff6db;border:1px solid #f4de9e;color:#80621f;border-radius:8px;padding:11px 14px;display:flex;align-items:center;gap:10px;font-size:11px;margin-bottom:18px}.demo-banner-icon{width:17px;height:17px;display:grid;place-items:center;border-radius:50%;background:#f5e4af;font:700 11px Georgia;color:#876820;flex:0 0 auto}.demo-banner b{font-weight:700}.compact-banner{margin-top:4px}.inline-error,.form-error{background:#fff0f0;border:1px solid #f4cccc;color:#ae3e41;border-radius:7px;padding:10px 12px;font-size:12px;margin:12px 0}.success-banner{background:#effaf4;border:1px solid #cdeedb;color:#20734b;border-radius:7px;padding:10px 12px;font-size:12px;display:flex;gap:8px;align-items:center;margin:0 0 14px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:17px}.kpi-card,.panel,.report-summary-card,.client-mini-card{background:var(--panel);border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow)}.kpi-card{padding:17px 18px 14px;min-height:134px;position:relative}.kpi-icon{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;flex:0 0 auto}.kpi-icon.blue{background:#eaf1ff;color:#3977ed}.kpi-icon.green{background:#e6f8ee;color:#20a569}.kpi-icon.orange{background:#fff3dd;color:#d88418}.kpi-icon.violet{background:#f0ebff;color:#7959d6}.kpi-title{position:absolute;left:62px;top:25px;color:#7e8ca1;font-size:10px;font-weight:600}.kpi-value{font:700 24px Manrope,sans-serif;display:block;color:#1b3455;margin:16px 0 0;letter-spacing:-.5px}.kpi-foot{border-top:1px solid #f0f3f7;margin-top:12px;padding-top:8px;color:#9aa6b5;font-size:9px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,1fr);gap:14px;margin-bottom:15px}.panel{padding:18px 18px 15px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.panel-head h3{font:700 14px Manrope,sans-serif;color:#263e5e;margin:0}.panel-kicker{font-size:8px;margin-bottom:5px;letter-spacing:1.1px}.text-link,.panel-bottom-link{display:inline-flex;align-items:center;gap:6px;color:#3978e5;font-size:10px;font-weight:600}.panel-head-icon{color:#9aabc0}.small-count{min-width:23px;height:23px;border-radius:8px;background:#f1f5fa;display:grid;place-items:center;padding:0 6px;color:#72849c;font-size:10px;font-weight:700}.chart-area{height:210px;padding:5px 0}.panel-foot-grid{border-top:1px solid #edf1f5;padding-top:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.panel-foot-grid div{display:flex;flex-direction:column;gap:5px}.panel-foot-grid span{font-size:9px;color:#8997aa}.panel-foot-grid strong{font-size:13px;color:#2b405d}.tasks-panel{min-height:310px;display:flex;flex-direction:column}.task-list{display:flex;flex-direction:column;flex:1}.task-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid #f0f3f7;padding:10px 0}.task-row:first-child{padding-top:3px}.check-task{width:16px;height:16px;border:1px solid #cad4e1;border-radius:50%;background:#fff;color:#fff;display:grid;place-items:center;flex:0 0 auto;padding:0}.check-task:hover{border-color:#3578eb;background:#edf4ff}.task-content{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.task-title{font-size:10px;color:#344b68;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-content span{font-size:9px;color:#95a1b0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-due{display:flex;align-items:center;gap:5px;color:#8998ac;font-size:9px;white-space:nowrap}.panel-bottom-link{justify-content:center;width:100%;border-top:1px solid #edf1f5;padding-top:12px;margin-top:9px}.lower-grid{grid-template-columns:minmax(0,1.45fr) minmax(320px,1fr)}.table-scroll{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:560px;font-size:10px}.data-table th{color:#8997aa;text-align:left;font-weight:600;font-size:9px;padding:9px 10px;border-bottom:1px solid #edf1f5;white-space:nowrap}.data-table td{padding:12px 10px;border-bottom:1px solid #f2f4f7;color:#52647b;white-space:nowrap}.data-table tbody tr:last-child td{border-bottom:0}.data-table td strong{color:#344b67}.person-cell{display:flex;align-items:center;gap:8px;color:#344b67;font-weight:600}.avatar-tiny{width:24px;height:24px;font-size:8px}.positive{color:#168456!important}.negative{color:#cc4b4f!important}.collection-summary{display:flex;align-items:flex-end;justify-content:space-between;margin:21px 0 15px}.collection-number{font:700 30px Manrope;color:#e18114;display:flex;flex-direction:column;gap:3px}.collection-number span{font:500 10px DM Sans;color:#8796a9}.collection-amount{font:700 18px Manrope;color:#344b68}.collection-meter{height:7px;background:#eef2f7;border-radius:8px;overflow:hidden}.collection-meter span{height:100%;background:#20a769;display:block;border-radius:8px}.meter-foot{display:flex;justify-content:space-between;margin-top:8px;color:#8d99a9;font-size:9px}.portfolio-card{padding:17px 3px 20px}.portfolio-count{font:700 32px Manrope;color:#1d3b62}.portfolio-count span{font:500 12px DM Sans;color:#8190a5;margin-left:7px}.portfolio-card p{font-size:11px;line-height:1.6;color:#8492a5;max-width:330px;margin:7px 0 15px}.page-heading{align-items:center;margin-bottom:21px}.heading-count{height:41px;padding:0 13px;display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#7d8ca0;font-size:10px}.heading-count strong{color:#294a75;font-size:14px}.client-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:15px}.search-box,.select-box{height:40px;background:#fff;border:1px solid #e5ebf2;border-radius:8px;display:flex;align-items:center;gap:9px;padding:0 11px;color:#91a0b1}.search-box{flex:1;max-width:440px}.search-box input{border:0;outline:none;width:100%;color:#304662;font-size:11px}.search-box input::placeholder{color:#a1adba}.select-box{min-width:190px;position:relative}.select-box select{appearance:none;border:0;outline:none;background:transparent;color:#697b91;width:100%;font-size:10px;cursor:pointer}.select-box>svg:last-child{position:absolute;right:10px;pointer-events:none}.clients-panel{padding:0}.client-table{min-width:760px}.client-name-cell{display:flex;align-items:center;gap:10px}.client-name-cell>span:last-child{display:flex;flex-direction:column;gap:4px}.client-name-cell strong{font-size:10px}.client-name-cell small{font-size:9px;color:#93a0af}.client-avatar{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#e7efff;color:#3c68c9;font-weight:700;font-size:9px;flex:0 0 auto}.c-avatar-1{background:#fff1df;color:#b77a23}.c-avatar-2{background:#e3f7ed;color:#228d61}.c-avatar-3{background:#f0eaff;color:#7558b8}.c-avatar-4{background:#ffe9ea;color:#ba545d}.company-label{font-size:10px;color:#5d6f86}.inline-select{max-width:155px;border:1px solid transparent;background:transparent;color:#586b82;font-size:10px;padding:5px 3px;border-radius:5px}.inline-select:hover,.inline-select:focus{border-color:#dce6f2;background:#fff;outline:none}.location-cell{display:flex;align-items:center;gap:4px;color:#7d8ca0;font-size:10px}.status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:15px;padding:5px 8px;font-size:9px;font-weight:600;white-space:nowrap}.status-pill i{width:6px;height:6px;border-radius:50%;background:currentColor}.status-active{background:#eaf8f0;color:#21885b}.status-pending{background:#fff4df;color:#c77b16}.status-partial{background:#edf3ff;color:#4879cf}.row-open{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;color:#8190a4}.row-open:hover{background:#edf4ff;color:#3578e8}.table-footer{border-top:1px solid #edf1f5;padding:11px 16px;display:flex;justify-content:space-between;color:#93a0af;font-size:9px}.note-strip{display:flex;align-items:center;gap:8px;color:#8795a8;font-size:10px;margin-top:13px}.note-strip svg{color:#5b8fe9}.empty-panel{text-align:center;padding:50px 20px}.empty-icon{width:45px;height:45px;border-radius:13px;background:#eef4ff;color:#4c7ede;margin:0 auto 12px;display:grid;place-items:center}.empty-panel h3{font:700 14px Manrope;margin:0 0 6px}.empty-panel p{font-size:11px;color:#8a98a9;margin:0}.empty-state{min-height:92px;display:grid;place-items:center;text-align:center;color:#99a5b4;font-size:11px;padding:20px}.compact.empty-state{min-height:55px}.back-link{display:inline-flex;align-items:center;gap:7px;color:#6f829b;font-size:11px;margin-bottom:16px}.back-link:hover{color:#3478ed}.client-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 22px;background:#fff;border:1px solid var(--line);border-radius:11px;margin-bottom:13px;box-shadow:var(--shadow)}.client-hero-main{display:flex;align-items:center;gap:14px;min-width:0}.hero-avatar{width:48px;height:48px;border-radius:13px;font-size:12px}.client-hero h1{font-size:21px}.source-chip{display:inline-flex;align-items:center;border-radius:12px;background:#eef4ff;color:#4f79c3;padding:4px 7px;font-size:8px;letter-spacing:.2px;margin-left:5px;vertical-align:2px}.hero-meta{display:flex;flex-wrap:wrap;gap:13px;margin-top:8px}.hero-meta span{display:flex;align-items:center;gap:5px;color:#7d8da2;font-size:10px}.client-hero-actions{display:flex;gap:8px;flex:0 0 auto}.primary-button,.secondary-button{min-height:36px;border:1px solid transparent;border-radius:7px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:10px;font-weight:600;white-space:nowrap;transition:all .15s}.primary-button{background:#3478f6;color:#fff;box-shadow:0 3px 6px #3478f61f}.primary-button:hover{background:#2368e2}.secondary-button{background:#fff;border-color:#dfe7f0;color:#566b85}.secondary-button:hover{background:#f7f9fc;border-color:#cbd7e5}.client-mini-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:14px}.client-mini-card{padding:12px 13px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:17px 22px;column-gap:10px;align-items:center}.client-mini-card .kpi-icon{grid-row:1/3;width:31px;height:31px}.client-mini-card>span{font-size:9px;color:#8896a8}.client-mini-card strong{font:700 14px Manrope;color:#304967}.client-detail-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(255px,.85fr);gap:14px;align-items:start}.client-main-column,.client-side-column{display:flex;flex-direction:column;gap:13px}.timeline{padding:2px 3px 0}.timeline-row{display:flex;gap:11px;position:relative;padding:4px 0 17px}.timeline-row:not(:last-child):before{content:"";position:absolute;left:14px;top:33px;bottom:0;width:1px;background:#e8edf4}.timeline-marker{width:29px;height:29px;border-radius:9px;background:#edf4ff;color:#4a7fdf;display:grid;place-items:center;flex:0 0 auto;z-index:1}.timeline-marker.service{background:#e7f8ef;color:#209660}.timeline-marker.invoice{background:#fff3df;color:#c98520}.timeline-body{flex:1;padding-top:2px}.timeline-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.timeline-title-row strong{font-size:11px;color:#3b526f}.timeline-title-row span{font-size:9px;color:#9aa6b4;white-space:nowrap}.timeline-body p{font-size:10px;line-height:1.5;color:#6d7d91;margin:5px 0 0}.timeline-body small{display:block;color:#a0aab6;font-size:9px;margin-top:5px}.contact-list{display:flex;flex-direction:column;gap:15px}.contact-item{display:flex;align-items:flex-start;gap:9px}.contact-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;color:#6e8fbc;background:#f0f5fb;flex:0 0 auto}.contact-item div{display:flex;flex-direction:column;gap:4px;min-width:0}.contact-item small{font-size:9px;color:#9aa6b4}.contact-item strong{font-size:10px;color:#485e78;overflow-wrap:anywhere}.field-label{display:flex;flex-direction:column;gap:6px;color:#718199;font-size:10px;font-weight:600}.field-label select,.field-label input,.field-label textarea{width:100%;border:1px solid #dfe7f0;border-radius:7px;background:#fff;color:#3f5672;min-height:36px;padding:8px 10px;font-size:11px;outline:none}.field-label select:focus,.field-label input:focus,.field-label textarea:focus{border-color:#8fb4f4;box-shadow:0 0 0 3px #eff5ff}.field-label textarea{resize:vertical}.assignment-panel .field-label{margin-top:12px}.client-task-list{display:flex;flex-direction:column;gap:11px}.client-task{display:flex;align-items:flex-start;gap:9px}.client-task .check-task{margin-top:1px}.client-task.done .check-task{background:#20a769;border-color:#20a769}.client-task span{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#485d77;line-height:1.4}.client-task small{font-size:9px;color:#9aa6b4}.service-list{display:flex;flex-direction:column}.service-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #f0f3f7}.service-row:last-child{border-bottom:0}.service-icon{width:31px;height:31px;background:#eaf7f0;color:#269664;border-radius:9px;display:grid;place-items:center}.service-name{display:flex;flex-direction:column;gap:4px;flex:1}.service-name strong{font-size:10px;color:#405773}.service-name span{font-size:9px;color:#95a1af}.service-cost{font-size:9px;color:#7d8da1}.modal-backdrop{position:fixed;inset:0;background:#10223957;z-index:80;display:grid;place-items:center;padding:18px}.modal-card{width:min(100%,480px);background:#fff;border-radius:13px;box-shadow:0 18px 60px #172c4933;padding:19px}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.modal-head h3{font:700 15px Manrope;color:#2b4361;margin:0}.modal-form{display:flex;flex-direction:column;gap:13px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.login-screen{min-height:100vh;display:grid;grid-template-columns:minmax(340px,1fr) minmax(430px,.85fr);background:#fff}.login-visual{background:linear-gradient(148deg,#143c70,#1d5792 58%,#3378c6);color:#fff;padding:40px 8%;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-visual:before,.login-visual:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%;width:560px;height:560px;right:-140px;top:18%}.login-visual:after{width:390px;height:390px;right:-57px;top:29%;border-color:#ffffff14}.login-brand{color:#fff;z-index:1;padding:0}.login-brand .brand-mark{background:#ffffff26;color:#fff}.login-brand span{color:#c5d5e9}.login-visual-copy{margin:auto 0;position:relative;z-index:1;max-width:460px}.login-visual .eyebrow{color:#a9c6eb}.login-visual h1{font:700 clamp(35px,4.7vw,59px) Manrope,sans-serif;line-height:1.12;letter-spacing:-1.5px;margin:14px 0}.login-visual h1 em{font-style:normal;color:#b7d4ff}.login-visual-copy p{color:#d3e2f4;font-size:13px;line-height:1.7;max-width:390px}.visual-stat-row{display:flex;gap:40px;margin-top:38px}.visual-stat-row div{display:flex;flex-direction:column;gap:5px}.visual-stat-row strong{font:700 23px Manrope}.visual-stat-row span{font-size:10px;color:#bad0e9}.visual-footer{position:relative;z-index:1;font-size:9px;letter-spacing:1.5px;color:#bfd1e7}.visual-footer span{margin:0 5px;color:#85b5fb}.login-panel{display:grid;place-items:center;padding:34px}.login-form-wrap{width:min(100%,370px)}.mobile-login-brand{display:none}.login-icon{width:41px;height:41px;border-radius:12px;display:grid;place-items:center;color:#3478f6;background:#eef4ff;margin-bottom:20px}.login-form-wrap h2{font:700 24px Manrope;margin:0;color:#223a5b}.login-form-wrap>p{font-size:11px;margin:8px 0 24px}.login-form{display:flex;flex-direction:column;gap:14px}.login-form label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#66788e;font-weight:600}.login-form input{height:42px;border:1px solid #dfe6ee;border-radius:7px;padding:0 11px;outline:none;color:#334b69;font-size:12px}.login-form input:focus{border-color:#7eabf3;box-shadow:0 0 0 3px #eff5ff}.full-button{width:100%;height:42px;margin-top:3px}.demo-access{margin-top:22px;border:1px solid #e8edf3;background:#f9fbfd;padding:13px;border-radius:8px}.demo-label{font-size:9px;color:#6380a2;font-weight:700;display:flex;align-items:center;gap:6px;letter-spacing:.55px}.demo-access p{font-size:10px;line-height:1.75;color:#8390a2;margin:8px 0}.demo-access b{color:#586c86}.demo-switch{display:flex;gap:7px}.demo-switch button{border:1px solid #dce6f2;background:#fff;border-radius:6px;padding:7px 8px;color:#527098;font-size:9px}.demo-switch button:hover{background:#edf4ff;border-color:#c9dbf5}.login-legal{text-align:center;margin-top:21px;color:#aab4c0;font-size:9px}.loading-screen,.page-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:50vh;color:#8997a9;font-size:12px}.spinner{width:18px;height:18px;border:2px solid #dce6f4;border-top-color:#3478f6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.rules-hint{display:flex;align-items:center;gap:11px;padding:12px 14px;border:1px solid #dbe7fa;border-radius:8px;background:#f3f7ff;color:#4875b3;margin-bottom:14px}.rules-hint>svg{flex:0 0 auto}.rules-hint div{display:flex;flex-direction:column;gap:4px}.rules-hint strong{font-size:10px}.rules-hint span{font-size:10px;color:#7589a7}.rules-columns{display:grid;grid-template-columns:1fr 1.3fr;gap:14px}.rule-list{display:flex;flex-direction:column}.rule-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #eff2f6}.rule-row:last-child{border-bottom:0}.rule-person{display:flex;align-items:center;gap:9px;min-width:0}.rule-person>div{display:flex;flex-direction:column;gap:4px;min-width:0}.rule-person strong{font-size:10px;color:#425974}.rule-person span:not(.avatar){font-size:9px;color:#97a3b1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rule-percent{font:700 19px Manrope;color:#3976df;white-space:nowrap}.rule-percent small{font:600 11px DM Sans;margin-left:2px}.commission-note{display:flex;align-items:flex-start;gap:12px;margin-top:14px;background:#fbfcff}.commission-note-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#7960cf;background:#f0ebff;flex:0 0 auto}.commission-note strong{font-size:11px;color:#3b506d}.commission-note p{font-size:10px;line-height:1.6;color:#7d8ba0;margin:5px 0 0}.filter-panel{display:flex;align-items:flex-end;gap:11px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;margin-bottom:15px}.filter-title{display:flex;align-items:center;gap:7px;color:#637b9c;font-size:10px;margin:0 auto 10px 0;white-space:nowrap}.filter-panel label{display:flex;flex-direction:column;gap:5px;color:#8a98aa;font-size:9px;min-width:120px}.filter-panel input,.filter-panel select{height:34px;padding:0 8px;border:1px solid #dfe7f0;border-radius:6px;background:#fff;color:#536880;font-size:10px}.filter-apply{min-height:34px}.report-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.report-summary-card{padding:14px;display:grid;grid-template-columns:34px 1fr;grid-template-rows:17px 26px;column-gap:9px;align-items:center}.report-summary-card .kpi-icon{grid-row:1/3}.report-summary-card>span:nth-child(2){font-size:9px;color:#8a98aa}.report-summary-card strong{font:700 17px Manrope;color:#304865}.report-equation{font-size:9px;color:#92a0af}.margin-chip{display:inline-block;background:#edf8f2;color:#24875a;padding:5px 7px;border-radius:12px;font-size:9px;font-weight:700}.report-footnote{display:flex;align-items:center;gap:7px;color:#8b98a9;font-size:9px;margin-top:12px}.status-dot{width:7px;height:7px;background:#20a66c;border-radius:50%;display:inline-block;flex:0 0 auto}.status-dot.warning{background:#e39a30}.integration-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:14px}.integration-card{padding:17px}.integration-card-top{display:flex;align-items:center;justify-content:space-between}.integration-logo{width:40px;height:40px;border-radius:11px;display:grid;place-items:center}.nova-logo{color:#3977e3;background:#eaf1ff}.bc-logo{color:#258962;background:#e8f7ef}.integration-title h3{font:700 14px Manrope;color:#2d4565;margin:15px 0 5px}.integration-title p{font-size:10px;line-height:1.55;color:#8694a7;margin:0;min-height:32px}.integration-card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eff2f6;margin-top:14px;padding-top:10px}.integration-card-bottom>span{display:flex;align-items:center;gap:7px;color:#8b98a8;font-size:9px}.integration-checklist{margin-bottom:14px}.checklist-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.integration-checklist-col h4{font:700 11px Manrope;color:#415a78;margin:0 0 10px}.checklist-item{display:flex;align-items:flex-start;gap:7px;color:#8190a4;font-size:9px;line-height:1.5;margin:8px 0}.checklist-item svg{color:#76a0dc;flex:0 0 auto}.integration-warning{display:flex;align-items:flex-start;gap:8px;color:#927231;background:#fff8e7;border:1px solid #f4e6bd;border-radius:7px;padding:10px;margin-top:14px;font-size:9px;line-height:1.5}.integration-warning svg{flex:0 0 auto}.sync-empty{display:flex;align-items:center;gap:11px;padding:5px 0;color:#8da0b8}.sync-empty>div{display:flex;flex-direction:column;gap:4px}.sync-empty strong{font-size:10px;color:#5d718c}.sync-empty span{font-size:9px;color:#96a2b1}@media(max-width:1200px){.sidebar{width:220px}.main-area{margin-left:220px;width:calc(100% - 220px)}.page-wrap{padding:24px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.client-hero{align-items:flex-start;flex-direction:column}.client-hero-actions{align-self:flex-end}.filter-panel{flex-wrap:wrap}.filter-title{min-width:100%;margin-bottom:0}.filter-panel label{flex:1}}@media(max-width:850px){.sidebar{width:72px;padding:18px 9px}.brand-row{padding:0 9px}.brand-row>div:last-child,.sidebar-product,.nav-caption,.nav-link span,.sidebar-status,.user-meta,.logout-button,.sidebar-foot{display:none}.side-nav{margin-top:28px}.nav-link{justify-content:center;padding:0}.nav-link svg{width:20px;height:20px}.user-card{justify-content:center;padding:12px 0}.main-area{margin-left:72px;width:calc(100% - 72px)}.topbar{padding:0 20px}.dashboard-grid,.lower-grid,.client-detail-grid{grid-template-columns:1fr}.client-side-column{display:grid;grid-template-columns:1fr 1fr}.tasks-card{grid-column:1/-1}.page-wrap{padding:22px 19px}.report-summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.login-screen{display:block}.login-visual{display:none}.login-panel{min-height:100vh;padding:24px}.mobile-login-brand{display:flex;margin-bottom:40px;padding:0;color:#1b3b66}.mobile-login-brand .brand-mark{width:33px;height:33px}.mobile-login-brand strong{font:800 14px Manrope;letter-spacing:1px}.login-icon{margin-bottom:14px}.topbar{height:58px;padding:0 12px}.breadcrumb{font-size:10px;gap:6px}.today-label{display:none}.topbar-right{gap:8px}.top-search{display:none}.page-wrap{padding:19px 12px 36px}.welcome-row,.page-heading{align-items:flex-start;flex-direction:column;margin-bottom:16px}.welcome-row h1,.page-heading h1{font-size:22px}.welcome-actions{align-self:flex-start}.kpi-grid{gap:8px}.kpi-card{padding:13px;min-height:124px}.kpi-title{font-size:9px;left:55px;top:23px}.kpi-value{font-size:19px;margin-top:18px}.kpi-foot{font-size:8px;line-height:1.4}.panel{padding:14px}.dashboard-grid{gap:9px}.client-toolbar{flex-wrap:wrap}.search-box{max-width:none;flex-basis:100%}.select-box{min-width:calc(50% - 5px);flex:1}.client-mini-kpis{grid-template-columns:repeat(2,1fr);gap:8px}.client-mini-card{padding:10px}.client-hero{padding:15px}.client-hero-main{align-items:flex-start}.client-hero h1{font-size:18px}.hero-meta{gap:8px}.client-hero-actions{align-self:stretch}.client-hero-actions button{flex:1}.client-side-column{display:flex}.rules-columns,.integration-grid,.checklist-grid{grid-template-columns:1fr}.report-summary-grid{gap:8px}.report-summary-card{padding:10px;grid-template-columns:30px 1fr;column-gap:7px}.report-summary-card .kpi-icon{width:29px;height:29px}.report-summary-card strong{font-size:13px}.filter-panel{align-items:stretch}.filter-panel label{min-width:calc(50% - 6px)}.filter-apply{align-self:flex-end}.report-equation{display:none}.table-footer{padding:10px 12px}.service-row{flex-wrap:wrap}.service-cost{margin-left:41px}.modal-card{padding:15px}.form-row{grid-template-columns:1fr}}