:root{--ink:#081636;--muted:#5f6b85;--soft:#f7f9fd;--line:#e5eaf3;--purple:#5b3df5;--purple2:#7a4dff;--nav:#061634;--green:#00a76f;--orange:#f59e0b;--red:#f04444;--blue:#2563eb;--shadow:0 10px 35px rgba(17,24,39,.08)}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,Segoe UI,sans-serif;background:#fff}button,input,select{font:inherit}button{color:inherit}.hidden{display:none!important}.app{min-height:100vh;display:grid;grid-template-columns:292px minmax(0,1fr);background:#fff}.sidebar{min-height:100vh;background:linear-gradient(180deg,#071630,#07142c 55%,#051129);color:#fff;padding:26px 20px;display:flex;flex-direction:column;gap:22px}.agency-mark{position:relative;width:40px;height:34px}.agency-mark span{position:absolute;width:22px;height:22px;border-radius:8px;background:linear-gradient(135deg,#8b5cf6,#4f46e5)}.agency-mark span:nth-child(1){left:9px;top:0}.agency-mark span:nth-child(2){left:0;bottom:0}.agency-mark span:nth-child(3){right:0;bottom:0}.agency-mark.small{width:44px;height:36px;flex:0 0 auto}.side-brand{display:flex;align-items:center;gap:12px}.side-brand strong{font-size:25px;line-height:1}.side-brand strong span{color:#7c5cff}.side-brand p{margin:6px 0 0;color:#aab6cd;font-size:13px}.side-nav{display:grid;gap:7px}.nav-btn{height:50px;border:0;border-radius:10px;padding:0 14px;display:grid;grid-template-columns:22px 1fr;align-items:center;gap:14px;background:transparent;color:#fff;text-align:left;font-weight:760;font-size:16px;cursor:pointer}.nav-btn svg{width:21px;height:21px}.nav-btn:hover,.nav-btn.active{background:linear-gradient(135deg,#704dff,#5132df);box-shadow:0 10px 22px rgba(91,61,245,.28)}.side-user{height:74px;border-radius:10px;background:rgba(255,255,255,.08);display:grid;grid-template-columns:44px 1fr 18px;align-items:center;gap:11px;padding:0 14px}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#eef3ff;color:#5236e8;font-weight:900}.avatar.photo{background:linear-gradient(135deg,#f0c28b,#6b3d24);color:#fff}.avatar.tiny{width:28px;height:28px;font-size:11px;display:inline-grid;margin-right:8px}.side-user strong,.top-user strong{display:block;font-size:14px}.side-user span,.top-user span{display:block;color:#aab6cd;font-size:12px}.main{min-width:0;background:#fff}.topbar{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;padding:0 32px}.icon-btn{width:40px;height:40px;border:0;border-radius:10px;background:transparent;display:inline-grid;place-items:center;color:#33415f;cursor:pointer}.icon-btn svg{width:20px;height:20px}.mobile{display:none}.global-search{width:min(430px,38vw);height:50px;background:#f5f7fb;border:1px solid #f0f2f7;border-radius:9px;display:flex;align-items:center;gap:12px;padding:0 14px;color:#73809b}.global-search input{min-width:0;flex:1;border:0;background:transparent;outline:0;color:var(--ink)}kbd{border:1px solid #dfe5ef;background:#fff;border-radius:7px;padding:5px 9px;color:#263653;font-size:12px}.top-actions{margin-left:auto;display:flex;align-items:center;gap:18px}.has-alert{position:relative}.has-alert:after{content:'3';position:absolute;right:4px;top:2px;width:16px;height:16px;border-radius:50%;background:#ff3347;color:#fff;font-size:10px;display:grid;place-items:center}.top-user{display:flex;align-items:center;gap:12px}.btn{height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 16px;display:inline-flex;align-items:center;gap:9px;cursor:pointer;color:#33415f;font-weight:760}.btn.primary{border:0;background:linear-gradient(135deg,#6648ff,#5132df);color:#fff}.quick{display:none}.page{padding:32px}.page-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:28px}.page-head h1{margin:0;font-size:32px;letter-spacing:-.02em}.page-head p{margin:8px 0 0;color:#4b5877;font-size:16px}.stats{display:grid;grid-template-columns:repeat(7,minmax(140px,1fr));gap:14px;margin-bottom:24px}.stat{min-height:134px;border:1px solid var(--line);border-radius:10px;padding:18px;background:#fff;box-shadow:var(--shadow);display:flex;align-items:center;gap:15px}.stat-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#f0eaff;color:#6b3df5}.stat-icon svg{width:25px;height:25px}.s1{background:#eaf9ee;color:#16a34a}.s2{background:#eaf2ff;color:#2563eb}.s3{background:#efe9ff;color:#6b3df5}.s4{background:#fff0ef;color:#ef4444}.s5{background:#fff7df;color:#f59e0b}.s6{background:#eaf9ee;color:#16a34a}.stat span{font-size:12px;color:#4b5877;font-weight:750}.stat strong{display:block;margin:7px 0 10px;font-size:23px}.stat p{margin:0;font-size:12px}.up{color:var(--green)}.down{color:#ef4444}.dashboard-grid{display:grid;grid-template-columns:1.25fr .9fr 1fr;gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);overflow:hidden}.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:22px}.panel h2{margin:0;font-size:18px}.panel h3{font-size:26px;margin:22px 0 6px}.revenue-card{grid-column:span 1}.payments-card{grid-column:span 1}.invoices-card{grid-column:span 2}.services-card{grid-column:span 1}.donut-wrap{display:grid;grid-template-columns:180px 1fr;align-items:center;gap:10px;padding:0 22px 22px}.donut-wrap ul{list-style:none;padding:0;margin:0;display:grid;gap:12px;color:#33415f}.dot{width:11px;height:11px;border-radius:50%;display:inline-block;margin-right:9px}.green{background:#31c48d}.orange{background:#f59e0b}.red{background:#ff3d4f}.gray{background:#c9ced8}.mini-row{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:12px 22px}.mini-row strong{display:block}.mini-row span{color:#64708b;font-size:13px}.mini-row b{color:#00a76f}.mini-table{width:100%;border-collapse:collapse}.mini-table td{padding:13px 22px;border-top:1px solid var(--line)}.service-bars{padding:0 22px 22px;display:grid;gap:18px}.service-bars div{position:relative;display:grid;grid-template-columns:1fr auto;gap:10px;padding-bottom:12px}.service-bars div:after{content:'';position:absolute;left:0;right:0;bottom:0;height:7px;border-radius:99px;background:#edf0f7}.service-bars i{position:absolute;left:0;bottom:0;height:7px;border-radius:99px;background:linear-gradient(90deg,#6b3df5,#8c72ff);z-index:1}.link-btn{border:0;background:transparent;color:#5132df;font-weight:850;cursor:pointer}.module-toolbar{display:flex;align-items:center;gap:22px;margin-bottom:20px}.module-search{width:min(520px,42vw);height:54px;border:1px solid var(--line);border-radius:9px;background:#fff;display:flex;align-items:center;gap:12px;padding:0 18px;color:#71809c}.module-search input{border:0;outline:0;flex:1;font-size:16px}.module-toolbar select{height:50px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 18px;color:#33415f}.table-card{border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:var(--shadow);overflow:hidden}.table-wrap{overflow:auto}table{width:100%;min-width:860px;border-collapse:collapse}th,td{padding:18px 28px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}th{font-size:14px;color:#101d3a;font-weight:850}td{font-size:15px;color:#172442}.badge{display:inline-flex;align-items:center;min-height:28px;border-radius:8px;padding:4px 12px;background:#eaf2ff;color:#0756ff;font-weight:780;font-size:13px}.badge.good{background:#ddf7e8;color:#008c4f}.badge.warn{background:#fff1dc;color:#d97706}.badge.bad{background:#ffe1e4;color:#e11d48}.person{display:inline-flex;align-items:center}.row-action{border:0;background:transparent;color:#33415f;cursor:pointer}.pager{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;color:#33415f}.page-pill{width:42px;height:42px;border:1px solid #6b3df5;border-radius:8px;background:#fff;color:#5132df;font-weight:850}.modal-backdrop{position:fixed;inset:0;background:rgba(8,16,34,.35);display:grid;place-items:center;padding:18px;z-index:20}.modal{width:min(820px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:12px;box-shadow:0 25px 80px rgba(8,16,34,.25)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:22px}.form-grid label.full{grid-column:1/-1}.form-grid input{height:44px;border:1px solid var(--line);border-radius:8px;padding:0 12px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:0 22px 22px}.toast{position:fixed;right:22px;bottom:22px;z-index:40;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:10px;padding:14px 16px;opacity:0;transform:translateY(12px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}.login-shell{min-height:100vh;display:grid;place-items:center;background:#f8f9fd}.login-card{width:min(420px,calc(100vw - 32px));background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:28px;display:grid;gap:16px}.login-copy{text-align:center}.login-copy .agency-mark{margin:0 auto 12px}.login-copy h1{margin:0;font-size:24px}.login-copy p,.hint{color:#66728c}.login-card input{height:44px;border:1px solid var(--line);border-radius:8px;padding:0 12px}.empty{padding:0 22px 22px;color:#66728c}@media(max-width:1200px){.stats{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:1fr}.invoices-card,.services-card{grid-column:auto}}@media(max-width:900px){.app{grid-template-columns:1fr}.sidebar{display:none}.sidebar.open{display:flex}.mobile{display:grid}.global-search{width:100%}.topbar{padding:0 16px}.page{padding:20px}.top-actions{gap:8px}.top-user div{display:none}.stats{grid-template-columns:1fr}.module-toolbar{flex-wrap:wrap}.module-search{width:100%}}.side-user{margin-top:auto}.page{max-width:1680px}.stats{grid-template-columns:repeat(7,minmax(0,1fr));gap:16px}.stat{min-width:0;min-height:132px;padding:18px 16px}.stat>div:last-child{min-width:0}.stat strong{font-size:clamp(18px,1.25vw,23px);white-space:nowrap}.stat p{line-height:1.35}.dashboard-grid{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:20px}.dashboard-grid>.panel{min-width:0}.revenue-card{grid-column:span 5;min-height:390px}.dashboard-grid>.panel:nth-child(2){grid-column:span 3;min-height:390px}.payments-card{grid-column:span 4;min-height:390px}.invoices-card{grid-column:span 8}.services-card{grid-column:span 4}.panel-head{min-height:78px;align-items:flex-start}.revenue-card canvas{display:block;width:100%!important;padding:0 22px 22px}.donut-wrap{grid-template-columns:minmax(140px,180px) minmax(0,1fr);min-height:280px}.mini-row{min-height:58px}.mini-table td{height:54px}.service-bars{min-height:248px;align-content:start}.table-card,.panel{border-color:#e4e9f2}@media(max-width:1400px){.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.revenue-card,.dashboard-grid>.panel:nth-child(2),.payments-card,.invoices-card,.services-card{grid-column:span 6}}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.revenue-card,.dashboard-grid>.panel:nth-child(2),.payments-card,.invoices-card,.services-card{grid-column:auto;min-height:0}}@media(max-width:900px){.page{max-width:none}.stats{grid-template-columns:1fr}.donut-wrap{grid-template-columns:1fr}.stat strong{font-size:22px}}
.dashboard-grid>.panel:nth-child(2){grid-column:span 4}.payments-card{grid-column:span 3}.dashboard-grid>.panel:nth-child(2) .donut-wrap{display:grid;grid-template-columns:1fr;justify-items:center;align-items:center;gap:14px;min-height:300px;padding:0 22px 24px}.dashboard-grid>.panel:nth-child(2) canvas{max-width:220px!important;max-height:220px!important}.dashboard-grid>.panel:nth-child(2) .donut-wrap ul{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;font-size:15px}.dashboard-grid>.panel:nth-child(2) .donut-wrap li{display:flex;align-items:center;min-width:0;line-height:1.35}.dashboard-grid>.panel:nth-child(2) .dot{flex:0 0 11px}@media(max-width:1400px){.dashboard-grid>.panel:nth-child(2),.payments-card{grid-column:span 6}.dashboard-grid>.panel:nth-child(2) .donut-wrap{grid-template-columns:minmax(140px,180px) minmax(0,1fr);justify-items:stretch}.dashboard-grid>.panel:nth-child(2) .donut-wrap ul{grid-template-columns:1fr}}@media(max-width:1100px){.dashboard-grid>.panel:nth-child(2),.payments-card{grid-column:auto}.dashboard-grid>.panel:nth-child(2) .donut-wrap{grid-template-columns:1fr}.dashboard-grid>.panel:nth-child(2) .donut-wrap ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.dashboard-grid>.panel:nth-child(2) .donut-wrap ul{grid-template-columns:1fr}}
.invoice-create-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.invoice-create-head>div:first-child{display:grid;grid-template-columns:40px 1fr;column-gap:10px;align-items:center}.invoice-create-head h1{margin:0;font-size:30px}.invoice-create-head p{grid-column:2;margin:4px 0 0;color:#64708b}.invoice-create-head>div:last-child{display:flex;gap:12px}.invoice-builder{display:grid;grid-template-columns:minmax(520px,1fr) minmax(420px,.9fr);gap:20px;align-items:start}.invoice-form-card,.invoice-preview-card{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.invoice-form-card section,.invoice-preview-card{padding:22px}.invoice-form-card h2,.invoice-preview-card h2{margin:0 0 18px;font-size:18px}.invoice-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.invoice-fields label,.invoice-summary-box label{display:grid;gap:8px;color:#33415f;font-weight:750;font-size:13px}.invoice-fields input,.invoice-fields select,.invoice-item-row input,.invoice-item-row select,.invoice-summary-box input,.invoice-bottom textarea{width:100%;height:44px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 12px;color:#101d3a}.invoice-fields .full{grid-column:1/-1}.invoice-items-head,.invoice-item-row{display:grid;grid-template-columns:1.2fr 1.3fr 70px 100px 110px 38px;gap:10px;align-items:center}.invoice-items-head{margin-bottom:8px;color:#66728c;font-size:12px;font-weight:850}.invoice-item-row{margin-bottom:10px}.invoice-item-row .line-total{font-size:14px;text-align:right}.invoice-item-row .icon-btn{color:#ef4444}.add-item{height:38px;color:#5132df}.invoice-bottom{display:grid;grid-template-columns:1fr 270px;gap:18px;padding:0 22px 22px}.invoice-bottom section{padding:0}.invoice-bottom textarea{height:118px;padding:12px;resize:vertical}.invoice-summary-box{border:1px solid var(--line);border-radius:10px;padding:14px;display:grid;gap:12px}.invoice-summary-box label{grid-template-columns:1fr 110px;align-items:center}.invoice-summary-box label:first-child strong{text-align:right}.invoice-summary-box div{border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;font-size:18px;font-weight:900}.invoice-preview{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}.preview-top{display:flex;justify-content:space-between;gap:18px;padding:24px}.preview-brand{color:#101d3a}.preview-brand p{color:#66728c}.preview-top h3{margin:0 0 8px;color:#5132df;font-size:28px}.preview-top p{margin:4px 0;color:#33415f;font-size:12px}.preview-address{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 24px 18px}.preview-address b{color:#101d3a}.preview-address p{color:#33415f;font-size:12px;line-height:1.65}.preview-table{min-width:0;width:100%;font-size:12px}.preview-table th{background:linear-gradient(135deg,#6648ff,#5132df);color:#fff;padding:12px}.preview-table td{padding:12px;border-bottom:1px solid #edf0f7;white-space:normal}.preview-totals{width:min(270px,100%);margin:14px 24px 18px auto;display:grid;gap:8px}.preview-totals p{margin:0;display:flex;justify-content:space-between;gap:12px;color:#33415f}.preview-totals .grand{background:#f1edff;color:#5132df;border-radius:4px;padding:12px;font-weight:900}.preview-totals .balance{background:#e8f8ee;color:#008c4f;border-radius:4px;padding:12px;font-weight:900}.preview-notes{padding:0 24px 24px;color:#33415f}.preview-notes p{margin:8px 0 0;font-size:12px}.invoice-preview-card{position:sticky;top:20px;overflow:hidden}@media(max-width:1280px){.invoice-builder{grid-template-columns:1fr}.invoice-preview-card{position:static}.invoice-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.invoice-create-head,.invoice-create-head>div:last-child{align-items:stretch;flex-direction:column}.invoice-fields,.invoice-bottom{grid-template-columns:1fr}.invoice-items-head{display:none}.invoice-item-row{grid-template-columns:1fr 1fr}.invoice-item-row .line-total{text-align:left}.preview-address,.preview-top{grid-template-columns:1fr;display:grid}.preview-table{display:block;overflow:auto}}
.invoice-builder{grid-template-columns:1fr}.invoice-preview-card{display:none}.invoice-form-card{max-width:1180px}.invoice-fields{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.invoice-fields{grid-template-columns:1fr}}
.leads-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.leads-head h1{margin:0;font-size:30px}.leads-head p{margin:6px 0 0;color:#52617f}.leads-head>div:last-child{display:flex;gap:12px}.lead-stats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-bottom:20px}.lead-stat{min-height:112px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:18px;display:flex;align-items:center;gap:14px}.lead-stat-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#efe9ff;color:#6547f5}.lead-stat-icon.l1{background:#e8f8ee;color:#16a34a}.lead-stat-icon.l2{background:#eaf2ff;color:#2563eb}.lead-stat-icon.l3{background:#f0eaff;color:#6b3df5}.lead-stat-icon.l4{background:#fff5df;color:#f59e0b}.lead-stat-icon.l5{background:#ffe8ec;color:#ef4444}.lead-stat span{font-size:12px;color:#4b5877;font-weight:850}.lead-stat strong{display:block;margin:5px 0 8px;font-size:22px}.lead-stat p{margin:0;font-size:12px}.lead-card{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);overflow:hidden}.lead-tabs{min-height:68px;display:flex;align-items:center;gap:8px;padding:0 18px;border-bottom:1px solid var(--line)}.lead-tab{height:44px;border:0;background:transparent;color:#33415f;padding:0 12px;border-bottom:2px solid transparent;font-weight:800;cursor:pointer}.lead-tab.active{color:#5132df;border-bottom-color:#5132df}.lead-tab span{margin-left:8px;color:#71809c;font-size:12px}.lead-search{margin-left:auto;width:min(280px,32vw);height:38px;border:1px solid var(--line);border-radius:6px;display:flex;align-items:center;gap:9px;padding:0 12px;color:#71809c}.lead-search input{border:0;outline:0;flex:1;min-width:0}.lead-table-wrap{overflow:auto}.lead-table{min-width:1120px}.lead-table th{font-size:12px;color:#23314f;background:#fff;padding:14px 16px}.lead-table td{height:58px;padding:12px 16px;font-size:13px}.lead-table input[type="checkbox"]{width:16px;height:16px;accent-color:#5b3df5}.lead-name{display:flex;align-items:center;gap:10px}.lead-avatar{width:28px;height:28px;border-radius:50%;display:inline-grid;place-items:center;font-size:10px;font-weight:900;color:#5132df;background:#efe9ff;flex:0 0 28px}.lead-avatar.mint{background:#dff8e9;color:#008c4f}.lead-avatar.sky{background:#eaf2ff;color:#2563eb}.lead-avatar.sun{background:#fff1dc;color:#b45309}.lead-avatar.rose{background:#ffe1e4;color:#e11d48}.lead-avatar.aqua{background:#dff7fb;color:#0891b2}.lead-actions{display:flex;gap:8px}.lead-actions .icon-btn{width:30px;height:30px;border:1px solid var(--line);border-radius:6px}.lead-actions .lead-call{color:#5132df}.lead-actions .lead-edit{color:#33415f}.lead-actions .lead-delete{color:#ef4444}@media(max-width:1400px){.lead-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.leads-head,.leads-head>div:last-child{flex-direction:column}.lead-stats{grid-template-columns:1fr}.lead-tabs{flex-wrap:wrap;padding:12px}.lead-search{margin-left:0;width:100%}}
.payments-layout{display:grid;grid-template-columns:minmax(0,1fr)280px;gap:20px}.payments-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:22px}.payments-head h1{margin:0;font-size:30px}.payments-head p{margin:6px 0 0;color:#52617f}.payments-head>div:last-child{display:flex;gap:12px}.payment-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:20px}.payment-stat{min-height:112px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:18px;display:flex;align-items:center;gap:14px}.payment-stat-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#e8f8ee;color:#16a34a}.payment-stat-icon.p1{background:#eaf2ff;color:#2563eb}.payment-stat-icon.p2{background:#f0eaff;color:#6b3df5}.payment-stat-icon.p3{background:#fff1dc;color:#f97316}.payment-stat span{font-size:12px;color:#4b5877;font-weight:850}.payment-stat strong{display:block;margin:5px 0 8px;font-size:22px}.payment-stat p{margin:0;font-size:12px}.payment-card,.side-panel{background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);overflow:hidden}.payment-tabs{min-height:68px;display:flex;align-items:center;gap:8px;padding:0 18px;border-bottom:1px solid var(--line)}.payment-tab{height:44px;border:0;background:transparent;color:#33415f;padding:0 12px;border-bottom:2px solid transparent;font-weight:800;cursor:pointer}.payment-tab.active{color:#5132df;border-bottom-color:#5132df}.payment-tab span{margin-left:8px;color:#71809c;font-size:12px}.payment-date{margin-left:auto;height:38px}.payment-table-wrap{overflow:auto}.payment-table{min-width:960px}.payment-table th{font-size:12px;color:#23314f;background:#fff;padding:14px 16px}.payment-table td{height:58px;padding:12px 16px;font-size:13px}.pay-method{display:inline-flex;align-items:center;gap:8px}.method-mark.upi{font-size:10px;font-weight:900;color:#111827}.method-mark.card{width:24px;height:15px;border-radius:8px;background:linear-gradient(90deg,#ef4444 0 50%,#f59e0b 50%)}.payments-side{display:grid;gap:16px}.side-panel{padding:18px}.side-panel h2{margin:0 0 16px;font-size:16px}.payment-donut{width:150px;height:150px;margin:4px auto 16px;border-radius:50%;background:conic-gradient(#31c48d 0 62%,#f59e0b 62% 86%,#ff3d4f 86% 100%);display:grid;place-items:center}.payment-donut>div{width:92px;height:92px;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center}.payment-donut b{font-size:11px;color:#66728c}.payment-donut strong{font-size:16px}.payment-legend{list-style:none;padding:0;margin:0;display:grid;gap:12px;font-size:12px;color:#33415f}.payment-legend li{display:flex;align-items:center;gap:8px}.payment-legend b{margin-left:auto}.method-bars{display:grid;gap:16px}.method-bars div{position:relative;display:grid;grid-template-columns:1fr auto;gap:8px;padding-bottom:10px;font-size:12px}.method-bars div:after{content:'';position:absolute;left:0;right:0;bottom:0;height:6px;border-radius:99px;background:#edf0f7}.method-bars i{position:absolute;left:0;bottom:0;height:6px;border-radius:99px;background:linear-gradient(90deg,#5b3df5,#7a4dff);z-index:1}.panel-head.compact{padding:0;min-height:auto}.recent-payment{display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #edf0f7}.recent-payment strong{display:block;font-size:12px}.recent-payment span{font-size:11px;color:#66728c}.recent-payment b{font-size:12px;color:#00a76f}.check-dot{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#31c48d;color:#fff}.check-dot svg{width:12px;height:12px}@media(max-width:1280px){.payments-layout{grid-template-columns:1fr}.payments-side{grid-template-columns:repeat(3,minmax(0,1fr))}.payment-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.payments-head,.payments-head>div:last-child{flex-direction:column}.payment-stats,.payments-side{grid-template-columns:1fr}.payment-tabs{flex-wrap:wrap;padding:12px}.payment-date{margin-left:0}}
.login-shell{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#f8f9ff 0%,#ffffff 45%,#f4f1ff 100%);padding:24px}.login-card{width:min(360px,calc(100vw - 32px));background:#fff;border:1px solid #edf0f7;border-radius:12px;box-shadow:0 20px 60px rgba(18,28,58,.10);padding:36px 30px 28px;display:grid;gap:18px}.login-copy{text-align:center;margin-bottom:6px}.login-lock{position:relative;width:92px;height:92px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#ede7ff 0 42%,rgba(237,231,255,.52) 43% 70%,transparent 71%);color:#fff}.login-lock:before,.login-lock:after{content:'';position:absolute;border-radius:50%;background:#d8ccff}.login-lock:before{width:10px;height:10px;left:10px;top:28px}.login-lock:after{width:7px;height:7px;right:18px;top:18px}.login-lock span{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,#6d4aff,#4f2ee5);box-shadow:0 12px 25px rgba(91,61,245,.28);display:block}.login-lock svg{position:absolute;width:22px;height:22px;color:#fff}.login-copy h1{margin:0;color:#111a35;font-size:24px;letter-spacing:0;font-weight:900}.login-copy p{margin:8px 0 0;color:#6f7b95;font-size:13px}.login-field{display:grid;gap:8px;color:#182540;font-size:12px;font-weight:850}.login-field span{height:42px;border:1px solid #dfe5ef;border-radius:7px;display:flex;align-items:center;gap:10px;padding:0 12px;background:#fff;color:#8a96ad}.login-field span:focus-within{border-color:#7a4dff;box-shadow:0 0 0 3px rgba(122,77,255,.10)}.login-field svg{width:16px;height:16px;flex:0 0 auto}.login-field input{border:0;outline:0;min-width:0;flex:1;height:100%;padding:0;color:#111a35;background:transparent;font-size:13px}.login-field input::placeholder{color:#8a96ad}.login-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:-2px}.login-row label{display:flex;align-items:center;gap:8px;color:#6f7b95;font-size:12px}.login-row input{width:14px;height:14px;accent-color:#6746f4}.login-row button{border:0;background:transparent;color:#5b3df5;font-weight:800;font-size:12px;cursor:pointer}.login-submit{height:46px;border:0;border-radius:7px;background:linear-gradient(135deg,#6d4aff,#5132df);color:#fff;font-weight:850;box-shadow:0 12px 24px rgba(91,61,245,.24);cursor:pointer}.login-submit:hover{filter:brightness(1.03)}
.stats{grid-template-columns:repeat(7,minmax(0,1fr));gap:18px;align-items:stretch}.stat{min-height:116px;padding:18px 16px;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:14px}.stat-icon{width:42px;height:42px;border-radius:18px;align-self:center}.stat-icon svg{width:24px;height:24px}.stat>div:last-child{display:grid;align-content:center;gap:5px;min-height:78px}.stat span{font-size:13px;line-height:1.35;font-weight:850;color:#304269}.stat strong{margin:0;font-size:24px;line-height:1.1;letter-spacing:0;color:#00123d}.stat p{margin:0;font-size:13px;line-height:1.25;max-width:118px}.stat .up,.stat p.up{color:#00a76f}.stat .down,.stat p.down{color:#ff3347}@media(max-width:1500px){.stats{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:900px){.stats{grid-template-columns:1fr}.stat{grid-template-columns:44px 1fr}.stat p{max-width:none}}

/* Beaconblitz purple liquid glass refresh */
:root{--purple:#6e45ff;--purple2:#c33bff;--purple3:#31d6ff;--glass:rgba(255,255,255,.70);--glass-strong:rgba(255,255,255,.82);--glass-line:rgba(255,255,255,.56);--glass-shadow:0 22px 60px rgba(72,43,164,.16)}
body{background:radial-gradient(circle at 8% 4%,rgba(110,69,255,.24),transparent 30%),radial-gradient(circle at 98% 8%,rgba(195,59,255,.20),transparent 34%),radial-gradient(circle at 55% 100%,rgba(49,214,255,.12),transparent 34%),linear-gradient(135deg,#f8f6ff 0%,#fff 46%,#f4eeff 100%);}
.app{background:transparent}.main{background:linear-gradient(135deg,rgba(250,248,255,.94),rgba(255,255,255,.86));position:relative;overflow:hidden}.main:before{content:'';position:fixed;inset:0 0 0 292px;pointer-events:none;background:radial-gradient(circle at 25% 4%,rgba(112,77,255,.13),transparent 28%),radial-gradient(circle at 85% 12%,rgba(204,61,255,.10),transparent 32%)}
.sidebar{background:linear-gradient(180deg,rgba(37,18,98,.98),rgba(12,10,43,.99));box-shadow:18px 0 60px rgba(33,21,91,.22);backdrop-filter:blur(22px);position:relative;z-index:2}.side-brand{min-height:76px;align-items:flex-start}.brand-logo{width:214px;max-width:100%;height:auto;display:block;filter:drop-shadow(0 14px 24px rgba(0,0,0,.24))}.topbar{background:rgba(255,255,255,.68);border-bottom:1px solid rgba(103,70,244,.14);backdrop-filter:blur(20px);position:relative;z-index:1}.page{position:relative;z-index:1}
.panel,.table-card,.stat,.lead-card,.payment-card,.side-panel,.lead-stat,.payment-stat,.invoice-form-card,.modal,.login-card{background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(255,255,255,.58));border:1px solid var(--glass-line);box-shadow:var(--glass-shadow);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.panel,.table-card,.stat,.lead-card,.payment-card,.side-panel,.lead-stat,.payment-stat,.invoice-form-card{border-radius:14px}.login-shell{background:radial-gradient(circle at 18% 12%,rgba(110,69,255,.22),transparent 30%),radial-gradient(circle at 86% 20%,rgba(195,59,255,.16),transparent 34%),linear-gradient(135deg,#fbfaff,#f6f1ff)}.login-card{border-radius:18px}.login-logo{width:250px;max-width:100%;height:auto;margin:0 auto 16px;display:block;border-radius:16px;padding:14px 18px;background:linear-gradient(135deg,#24125f,#6e45ff 58%,#c33bff);box-shadow:0 20px 45px rgba(94,55,255,.24)}
.global-search,.module-search,.lead-search,.payment-date,.login-field span,.btn,select,input,textarea{background:rgba(255,255,255,.68);border-color:rgba(103,70,244,.16);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.btn.primary,.login-submit,.nav-btn:hover,.nav-btn.active{background:linear-gradient(135deg,#704dff,#8f45ff 52%,#c33bff);color:#fff;box-shadow:0 14px 30px rgba(100,68,245,.30)}.nav-btn{border:1px solid transparent}.nav-btn.active{border-color:rgba(255,255,255,.20)}.stat-icon,.lead-stat-icon,.payment-stat-icon{background:linear-gradient(135deg,rgba(118,75,255,.16),rgba(195,59,255,.12));color:#6e45ff}.page-head h1,.leads-head h1,.payments-head h1,.invoice-create-head h1{letter-spacing:0;color:#0b1735}.badge{backdrop-filter:blur(10px)}.payment-donut{background:conic-gradient(#31c48d 0 62%,#f59e0b 62% 80%,#ff3d4f 80% 90%,#c9ced8 90% 100%)}
@media(max-width:900px){.main:before{inset:0}.brand-logo{width:190px}.topbar{background:rgba(255,255,255,.82)}}

/* Full agency module menu */
.side-nav{overflow:auto;padding-right:4px;scrollbar-width:thin}.nav-section{margin:14px 8px 6px;color:rgba(255,255,255,.58);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.nav-section:first-child{margin-top:0}.nav-btn{height:44px;font-size:14px}.side-brand{flex:0 0 auto}.side-user{flex:0 0 auto}.sidebar{gap:14px}.nav-btn span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Salary entry journal-style form */
.salary-entry-wrap{display:grid;place-items:start center;padding:12px 0 40px}.salary-entry-card{width:min(520px,100%);background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(255,255,255,.62));border:1px solid rgba(255,255,255,.62);box-shadow:0 22px 60px rgba(72,43,164,.16);backdrop-filter:blur(22px);border-radius:14px;overflow:hidden}.salary-entry-head{height:62px;border-bottom:1px solid rgba(103,70,244,.14);display:flex;align-items:center;justify-content:space-between;padding:0 24px}.salary-entry-head h1{font-size:15px;margin:0}.salary-entry-card section{padding:18px 24px}.salary-entry-card h2{font-size:13px;margin:0 0 14px;color:#162344}.salary-entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.salary-entry-grid label,.salary-line{font-size:12px;font-weight:850;color:#273659}.salary-entry-grid .full{grid-column:1/-1}.salary-entry-grid input,.salary-entry-grid select,.salary-entry-grid textarea,.salary-line input,.salary-line select{width:100%;margin-top:7px;border:1px solid rgba(103,70,244,.16);border-radius:8px;background:rgba(255,255,255,.72);padding:0 12px;height:42px;outline:0}.salary-entry-grid textarea{height:82px;padding-top:12px;resize:vertical}.salary-lines-head,.salary-line{display:grid;grid-template-columns:1.35fr .9fr .9fr 34px;gap:10px;align-items:center}.salary-lines-head{font-size:11px;font-weight:900;color:#3c4968;margin-bottom:8px}.salary-line{margin-bottom:10px}.salary-line .icon-btn{color:#ef4444}.salary-totals{margin:10px 24px 18px;padding:18px;border-radius:12px;background:rgba(246,247,255,.82);display:grid;grid-template-columns:repeat(3,1fr);gap:12px;text-align:center}.salary-totals span{display:block;font-size:11px;color:#66728c}.salary-totals strong{display:block;margin-top:8px;font-size:13px;color:#081636}.salary-totals div:nth-child(1) strong,.salary-totals div:nth-child(2) strong{color:#00a76f}.salary-entry-actions{padding:0 24px 24px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.salary-entry-actions .btn{justify-content:center}

/* Invoice live preview restored */
.invoice-builder{grid-template-columns:minmax(560px,1fr) minmax(430px,.86fr);align-items:start}
.invoice-preview-card{display:block;position:sticky;top:20px;background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(255,255,255,.62));border:1px solid var(--glass-line);box-shadow:var(--glass-shadow);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-radius:14px;overflow:hidden}
.invoice-preview-card h2{padding:22px 22px 0;margin:0 0 18px}.invoice-preview-card .invoice-preview{margin:0 22px 22px}.preview-brand img{width:142px;max-width:100%;height:auto;display:block;padding:8px 10px;border-radius:10px;background:linear-gradient(135deg,#24125f,#6e45ff 58%,#c33bff)}.preview-lower{display:grid;grid-template-columns:1fr 240px;gap:18px}.preview-sign{border-top:1px solid #edf0f7;margin:0 24px 24px;padding-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:18px;color:#33415f;font-size:12px}.preview-sign p{margin:8px 0 0;line-height:1.6}.preview-sign strong{display:block;margin-top:12px;color:#40245d;font-size:16px}.preview-sign em{display:block;margin-top:10px;color:#40245d;font-size:24px;font-style:normal}.invoice-form-card{max-width:none}
@media(max-width:1280px){.invoice-builder{grid-template-columns:1fr}.invoice-preview-card{position:static}.preview-lower,.preview-sign{grid-template-columns:1fr}}

/* Full-page module entry screens */
.entry-page{display:grid;gap:22px}.entry-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:4px}.entry-head p{margin:0 0 8px;color:#5b6b89;font-size:12px}.entry-head h1{margin:0;color:#081636;font-size:30px;letter-spacing:0}.entry-head span{display:block;margin-top:8px;color:#4b5877}.entry-head>div:last-child{display:flex;gap:12px}.entry-layout{display:grid;grid-template-columns:minmax(0,1fr)420px;gap:18px;align-items:start}.entry-main,.entry-side{display:grid;gap:18px}.entry-card{background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(255,255,255,.62));border:1px solid var(--glass-line);box-shadow:var(--glass-shadow);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-radius:10px;padding:22px}.entry-card h2{margin:0 0 20px;display:flex;align-items:center;gap:10px;color:#14213f;font-size:15px}.entry-card h2 svg{width:18px;height:18px;color:#694bff;background:#f1edff;border-radius:7px;padding:3px}.entry-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.entry-side .entry-grid{grid-template-columns:1fr}.entry-field{display:grid;gap:8px;min-width:0;color:#273659;font-size:12px;font-weight:850}.entry-field span b{color:#ef4444}.entry-field input,.entry-field select,.entry-field textarea{width:100%;min-width:0;border:1px solid rgba(103,70,244,.16);border-radius:7px;background:rgba(255,255,255,.72);height:42px;padding:0 12px;outline:0;color:#102044}.entry-field textarea{height:96px;padding-top:12px;resize:vertical}.entry-field.wide,.entry-upload.wide,.entry-check.wide{grid-column:1/-1}.entry-upload{min-height:86px;border:1px dashed rgba(103,70,244,.35);border-radius:9px;background:rgba(250,248,255,.62);display:grid;place-items:center;text-align:center;padding:16px;color:#6c7894}.entry-upload svg{color:#6648ff;width:28px;height:28px}.entry-upload strong{display:block;color:#253354;font-size:12px}.entry-upload span{font-size:11px;line-height:1.5}.entry-check{display:flex;align-items:center;gap:8px;color:#273659;font-size:12px;font-weight:850}.entry-check input{accent-color:#6244f4}.followup-entry{grid-template-columns:minmax(0,1fr)390px}.entry-side{position:sticky;top:20px}.entry-side .entry-card{padding:20px}.entry-side .entry-card h2{font-size:14px}.entry-side .entry-field textarea{height:118px}@media(max-width:1280px){.entry-layout,.followup-entry{grid-template-columns:1fr}.entry-side{position:static}.entry-side .entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.entry-head,.entry-head>div:last-child{flex-direction:column;align-items:stretch}.entry-grid,.entry-side .entry-grid{grid-template-columns:1fr}.entry-card{padding:18px}.entry-head h1{font-size:25px}}

/* Premium typography + simple purple toolbar */
:root{--font-premium:'Plus Jakarta Sans',Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--toolbar-a:#24115f;--toolbar-b:#5f35f5;--toolbar-c:#c13cff}
body,button,input,select,textarea{font-family:var(--font-premium);font-feature-settings:'ss01' 1,'ss02' 1,'cv01' 1;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}
body{letter-spacing:0;color:#071431}.page-head h1,.leads-head h1,.payments-head h1,.invoice-create-head h1,.entry-head h1,.login-copy h1{font-weight:800;letter-spacing:-.018em}.page-head p,.leads-head p,.payments-head p,.entry-head span,.module-search input,.global-search input{font-weight:500}.btn,.nav-btn,th,.badge,.entry-field span,.login-field,.stat span{font-weight:700}.stat strong,.payment-stat strong,.lead-stat strong{font-weight:800;letter-spacing:-.01em}
.app{grid-template-columns:264px minmax(0,1fr)}.main:before{inset:0 0 0 264px}.sidebar{padding:22px 14px;background:linear-gradient(165deg,var(--toolbar-a) 0%,#35178d 42%,var(--toolbar-b) 76%,var(--toolbar-c) 118%);box-shadow:16px 0 48px rgba(64,31,156,.24);gap:12px}.side-brand{min-height:66px;justify-content:center;align-items:center;padding:0 8px}.brand-logo{width:198px;filter:drop-shadow(0 12px 22px rgba(0,0,0,.22))}.side-nav{gap:5px;padding:4px 2px 0;overflow:auto}.nav-section{margin:16px 12px 7px;color:rgba(255,255,255,.56);font-size:10px;font-weight:800;letter-spacing:.12em}.nav-btn{height:42px;border-radius:12px;padding:0 13px;grid-template-columns:20px minmax(0,1fr);gap:11px;color:rgba(255,255,255,.86);font-size:13px;font-weight:700;background:transparent;border:1px solid transparent;box-shadow:none}.nav-btn svg{width:18px;height:18px;stroke-width:2}.nav-btn:hover,.nav-btn.active{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.20);box-shadow:none;color:#fff;backdrop-filter:blur(14px)}.nav-btn.active{background:linear-gradient(135deg,rgba(255,255,255,.25),rgba(255,255,255,.12))}.side-user{height:62px;border-radius:14px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.14);padding:0 12px;grid-template-columns:38px 1fr 16px}.side-user strong{font-size:13px}.side-user span{font-size:11px;color:rgba(255,255,255,.68)}.topbar{height:78px}.global-search{height:44px;border-radius:14px}.icon-btn{border-radius:12px}.btn{border-radius:12px}.table-card,.panel,.stat,.lead-card,.payment-card,.side-panel,.entry-card,.invoice-form-card,.invoice-preview-card{border-radius:16px}
@media(max-width:900px){.app{grid-template-columns:1fr}.main:before{inset:0}.sidebar{padding:22px 16px}.brand-logo{width:188px}}