@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#17283d;font-synthesis:none;--navy:#123b8f;--navy2:#1f63e9;--teal:#16a85a;--teal2:#0b8e49;--orange:#ff7a12;--yellow:#ffd21a;--blue:#246bfd;--green:#18b45b;--line:#e4ebf5;--muted:#6e7e92;--shadow:0 3px 14px #246bfd12;background:#f7f9fc;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:#f7f9fc;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh;padding-left:248px;transition:all .25s}.app.is-collapsed{padding-left:76px}.sidebar{background:var(--navy);color:#fff;z-index:20;flex-direction:column;width:248px;padding:22px 14px 16px;transition:all .25s;display:flex;position:fixed;inset:0 auto 0 0}.sidebar.collapsed{width:76px}.side-top{height:55px;padding:0 9px}.brand{align-items:center;gap:10px;display:flex}.brand-mark{color:#fff;border-radius:11px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 8px 20px #246bfd33}.brand strong{font:800 19px Manrope;display:block}.brand span{letter-spacing:3px;color:#8aa0b8;margin-top:-2px;font-size:8px;display:block}.sidebar nav{flex-direction:column;gap:5px;margin-top:18px;display:flex}.sidebar nav button,.side-bottom>button{color:#9fb1c3;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;height:44px;padding:0 12px;display:flex}.sidebar nav button:hover,.sidebar nav button.active,.side-bottom>button:hover,.side-bottom>button.active{color:#fff;background:#1f63e9}.sidebar nav button.active{box-shadow:inset 3px 0 0 var(--yellow)}.sidebar nav em{background:#2f4e69;border-radius:20px;margin-left:auto;padding:2px 7px;font-size:11px;font-style:normal}.side-bottom{margin-top:auto}.upgrade{background:linear-gradient(145deg,#174faf,#159f59);border:1px solid #3978e8;border-radius:12px;margin:14px 0;padding:16px}.upgrade-icon{color:#ffd21a;background:#ffd21a26;border-radius:9px;place-items:center;width:32px;height:32px;margin-bottom:12px;display:grid}.upgrade b{font-size:13px}.upgrade p{color:#a9bac9;font-size:11px;line-height:1.5}.progress{background:#3d5a72;border-radius:5px;height:5px;overflow:hidden}.progress i{background:linear-gradient(90deg, var(--blue), var(--green), var(--yellow), var(--orange));width:70%;height:100%;display:block}.upgrade button{color:#ffd21a;background:0 0;border:0;align-items:center;gap:5px;padding:11px 0 0;font-size:12px;font-weight:700;display:flex}.collapse{width:100%}.collapsed nav button,.collapsed .side-bottom>button{justify-content:center;padding:0}.mobile-close{display:none}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#fff;justify-content:space-between;align-items:center;height:75px;padding:0 30px;display:flex;position:sticky;top:0}.top-left{align-items:center;gap:10px;display:flex}.top-left p{color:#93a0ad;margin:0;font-size:11px}.top-left h1{margin:1px 0 0;font:700 16px Manrope}.menu-btn{background:0 0;border:0;display:none}.top-actions{align-items:center;gap:12px;display:flex}.global-search,.mini-search{border:1px solid var(--line);color:#8a99a9;border-radius:9px;align-items:center;gap:8px;height:39px;padding:0 11px;display:flex}.global-search{width:290px}.global-search input,.mini-search input{color:#283a4e;border:0;outline:0;flex:1;min-width:0}.global-search kbd{background:#f0f3f5;border:1px solid #dde4e9;border-radius:5px;padding:3px 5px;font-size:10px}.icon-btn{border:1px solid var(--line);background:#fff;border-radius:9px;width:39px;height:39px;position:relative}.icon-btn i{background:#ee5c5c;border:1px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:8px}.user{text-align:left;background:#fff;border:0;align-items:center;gap:9px;display:flex}.user>span{color:#087e69;background:#e0f5f0;border-radius:10px;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.user b,.user small{display:block}.user b{font-size:12px}.user small{color:#8b98a5;font-size:10px}.content{max-width:1600px;margin:auto;padding:28px 30px 46px}.welcome{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.welcome h2{color:#172b40;margin:0;font:800 24px Manrope}.welcome p{color:var(--muted);margin:6px 0 0;font-size:13px}.primary,.outline,.ghost{border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 17px;font-size:13px;font-weight:600;display:inline-flex}.primary{background:linear-gradient(135deg, var(--blue), var(--green));color:#fff;box-shadow:0 6px 16px #246bfd2e}.outline{border:1px solid var(--line);color:#233950;background:#fff}.ghost{border:1px solid var(--line);color:#4f6174;background:#fff}.small{height:37px}.small svg{width:16px}.stat-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.stat{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:18px;position:relative}.stat-icon{border-radius:10px;place-items:center;width:40px;height:40px;margin-bottom:14px;display:grid}.stat-icon svg{width:19px}.stat-icon.blue{color:var(--blue);background:#e9f0ff}.stat-icon.green{color:var(--green);background:#e8f8ee}.stat-icon.orange{color:var(--orange);background:#fff0e2}.stat-icon.purple{color:#c99b00;background:#fff8d8}.stat-title{color:#708094;justify-content:space-between;align-items:center;font-size:12px;display:flex}.stat-title button{color:#a6b1bd;background:0 0;border:0}.stat-title svg{width:17px}.stat h3{margin:6px 0;font:800 23px Manrope}.stat p{color:#778798;align-items:center;gap:3px;margin:0;font-size:11px;display:flex}.stat p svg{width:14px}.stat p.positive{color:#159577}.card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:12px}.middle-grid{grid-template-columns:minmax(0,1.6fr) minmax(280px,.75fr);gap:16px;margin-top:16px;display:grid}.chart-card,.quick-card{padding:20px}.card-heading{justify-content:space-between;align-items:flex-start;display:flex}.card-heading h3{margin:0;font:700 15px Manrope}.card-heading p{color:#8a97a5;margin:4px 0 0;font-size:11px}.select{border:1px solid var(--line);color:#546579;background:#fff;border-radius:8px;align-items:center;gap:8px;height:34px;padding:0 10px;font-size:11px;display:flex}.chart-kpi{align-items:center;gap:9px;margin-top:18px;display:flex}.chart-kpi h2{margin:0;font:800 22px Manrope}.chart-kpi span{color:#139477;background:#e8f7f2;border-radius:12px;align-items:center;padding:3px 7px;font-size:10px;display:flex}.chart-kpi small{color:#8b98a6}.chart{height:190px;margin-top:8px}.quick-list{margin-top:11px}.quick-list>button{text-align:left;background:#fff;border:0;border-bottom:1px solid #edf1f4;align-items:center;gap:11px;width:100%;padding:11px 2px;display:flex}.quick-list>button:last-child{border-bottom:0}.quick-list>button:hover{transform:translate(2px)}.quick-list>button>svg{color:#a8b3be;width:16px;margin-left:auto}.quick-list>button div{flex:1}.quick-list b,.quick-list small{display:block}.quick-list b{font-size:12px}.quick-list small{color:#8d99a6;margin-top:3px;font-size:10px}.qa{border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.qa svg{width:17px}.qa.teal{color:var(--green);background:#e8f8ee}.qa.blue{color:var(--blue);background:#e9f0ff}.qa.purple{color:#c99b00;background:#fff8d8}.qa.orange{color:var(--orange);background:#fff0e2}.invoice-card{margin-top:16px;overflow:hidden}.invoice-card>.card-heading{padding:18px 20px 13px}.table-tools{gap:8px;display:flex}.text-btn{color:var(--teal);background:0 0;border:0;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.text-btn svg{width:15px}.table-scroll{overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th{color:#83909e;letter-spacing:.6px;text-align:left;background:#f8fafb;border-top:1px solid #edf1f4;border-bottom:1px solid #edf1f4;padding:10px 18px;font-size:9px}td{color:#607083;border-bottom:1px solid #edf1f4;padding:12px 18px;font-size:11px}tbody tr:last-child td{border-bottom:0}.invoice-id{color:#243a50}.client{align-items:center;gap:9px;display:flex}.client span{color:#496071;border-radius:8px;place-items:center;width:29px;height:29px;font-size:9px;display:grid}.client b{color:#3a4e61;font-weight:600}.status{border-radius:15px;align-items:center;gap:6px;padding:4px 9px;font-size:10px;font-weight:600;display:inline-flex}.status i{background:currentColor;border-radius:50%;width:5px;height:5px}.status.paid,.status.active{color:#12866f;background:#e8f6f1}.status.pending{color:#d2821f;background:#fff4dd}.status.overdue{color:#d95151;background:#ffebeb}.status.draft{color:#758391;background:#edf1f4}.more{color:#8b98a5;background:0 0;border:0}.insight{background:linear-gradient(90deg,#eef4ff,#eefaf2,#fff9df,#fff2e8);border:1px solid #d8e5fa;border-radius:11px;align-items:center;gap:12px;min-height:64px;margin-top:16px;padding:11px 16px;display:flex}.insight>span{width:36px;height:36px;color:var(--green);background:#e8f8ee;border-radius:9px;place-items:center;display:grid}.insight>span svg{width:18px}.insight b{font-size:12px}.insight p{color:#65788a;margin:3px 0 0;font-size:11px}.insight button{color:var(--blue);background:0 0;border:0;align-items:center;margin-left:auto;font-size:11px;font-weight:700;display:flex}.insight button svg{width:14px}.mini-search{width:200px;height:37px}.mini-search svg{width:16px}.customer-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.customer{padding:19px}.customer-head{justify-content:space-between;display:flex}.customer-head>span{color:#0a8c74;background:#e4f5f1;border-radius:10px;place-items:center;width:38px;height:38px;font-size:11px;font-weight:700;display:grid}.customer-head button{background:0 0;border:0}.customer h3{margin:14px 0 5px;font-size:14px}.customer>p{color:var(--muted);margin:0 0 16px;font-size:11px}.customer>div:nth-of-type(2){background:#f7f9fa;border-radius:8px;padding:10px}.customer small,.customer b{display:block}.customer small{color:#8b98a5;font-size:9px}.customer>div b{margin-top:3px;font-size:11px}.customer footer{grid-template-columns:1fr auto auto;align-items:end;margin-top:17px;display:grid}.customer footer strong{font-size:13px}.customer footer button{color:var(--teal);background:0 0;border:0}.product-table{overflow:auto}.product-name{align-items:center;gap:11px;display:flex}.product-name svg{color:#0a8f76;background:#e7f6f2;border-radius:8px;width:32px;height:32px;padding:8px}.empty-card{text-align:center;padding:80px 20px}.empty-card>div{color:#0b997e;background:#e6f6f2;border-radius:16px;place-items:center;width:58px;height:58px;margin:auto;display:grid}.empty-card h3{margin-bottom:7px;font:700 18px Manrope}.empty-card p{max-width:470px;color:var(--muted);margin:0 auto 20px;font-size:13px;line-height:1.6}.plans-head{text-align:center;padding:25px 0 30px}.plans-head>span{color:#087f6a;background:#e3f6f1;border-radius:20px;padding:6px 11px;font-size:11px;font-weight:700}.plans-head h2{margin:17px 0 8px;font:800 29px Manrope}.plans-head p{color:var(--muted);font-size:13px}.billing-toggle{background:#e9eef2;border-radius:9px;margin-top:15px;padding:3px;display:inline-flex}.billing-toggle button{background:0 0;border:0;border-radius:7px;padding:7px 13px;font-size:11px}.billing-toggle button.active{background:#fff;box-shadow:0 2px 7px #17283d14}.billing-toggle small{color:#0b9178}.plans-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.plan{border:1px solid var(--line);background:#fff;border-radius:14px;padding:22px;position:relative}.plan.popular{border:2px solid var(--blue);box-shadow:0 12px 35px #246bfd24}.plan>em{color:#b77900;background:#fff4d0;border-radius:12px;padding:5px 8px;font-size:8px;font-style:normal;font-weight:700;position:absolute;top:15px;right:15px}.plan h3{margin:0;font:700 17px Manrope}.plan>p{color:var(--muted);font-size:11px}.price{margin:20px 0 5px}.price b{font:800 30px Manrope}.price span{color:var(--muted);font-size:11px}.plan>strong{margin-bottom:20px;font-size:11px;display:block}.plan>button{width:100%}.plan ul{margin:20px 0 0;padding:0;list-style:none}.plan li{color:#55687a;gap:8px;margin:11px 0;font-size:11px;display:flex}.plan li svg{width:14px;color:var(--teal);stroke-width:3px}.builder-content{max-width:none;padding:22px 26px}.builder-top{align-items:center;gap:11px;margin-bottom:18px;display:flex}.builder-top .back{border:1px solid var(--line);background:#fff;border-radius:9px;width:37px;height:37px}.builder-top .back svg{width:17px}.builder-top h2{margin:0;font:800 20px Manrope}.builder-top p{color:#8493a3;margin:2px 0;font-size:10px}.builder-actions{gap:8px;margin-left:auto;display:flex}.builder-actions svg{width:16px}.builder-layout{grid-template-columns:minmax(600px,1fr) 370px;align-items:start;gap:18px;display:grid}.builder-form{flex-direction:column;gap:13px;display:flex}.form-card{padding:20px}.form-title{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.form-title>div:first-child{align-items:center;gap:9px;display:flex}.form-title>div:first-child>span{width:25px;height:25px;color:var(--blue);background:#e9f0ff;border-radius:7px;place-items:center;font-size:11px;font-weight:700;display:grid}.form-title h3{margin:0;font:700 14px Manrope}.switch-wrap{align-items:center;gap:9px;display:flex}.switch-wrap small{color:#7c8b99}.segmented{background:#eef2f4;border-radius:8px;padding:3px}.segmented button{background:0 0;border:0;border-radius:6px;padding:5px 12px;font-size:10px}.segmented button.active{color:#07816b;background:#fff;box-shadow:0 1px 5px #17283d18}.fields{gap:12px;display:grid}.fields.three{grid-template-columns:repeat(3,1fr)}label{color:#68798a;flex-direction:column;gap:6px;font-size:10px;font-weight:600;display:flex}input,select,textarea{color:#2d4054;background:#fff;border:1px solid #dfe6eb;border-radius:8px;outline:0;width:100%;padding:10px 11px;font-size:11px}.input-icon{position:relative}.input-icon svg{color:#8190a0;width:15px;position:absolute;top:10px;right:10px}.wide select{height:39px}.client-details{background:#f7f9fa;border:1px solid #edf1f3;border-radius:9px;align-items:flex-start;gap:11px;margin-top:12px;padding:12px;display:flex}.client-details>svg{color:#0b8b74;background:#e3f5f1;border-radius:8px;width:31px;height:31px;padding:7px}.client-details div{flex:1}.client-details b{font-size:11px}.client-details p,.client-details small{color:#758697;margin:3px 0;font-size:9px}.client-details button{color:#0b8b74;background:0 0;border:0;font-size:10px;font-weight:700}.items-head,.item-row{grid-template-columns:minmax(180px,2.4fr) 55px 110px 72px 110px 26px;align-items:center;gap:8px;display:grid}.items-head{color:#8997a5;padding:0 5px 7px;font-size:8px}.item-row{margin-bottom:8px}.item-row input,.item-row select{padding:9px}.item-row>b{text-align:right;font-size:11px}.item-row>button{color:#b6c0c9;background:0 0;border:0}.item-row>button svg{width:15px}.rupee-input{position:relative}.rupee-input i{font-size:11px;font-style:normal;position:absolute;top:10px;left:9px}.rupee-input input{padding-left:21px}.add-line{color:#0b8b74;background:0 0;border:0;align-items:center;gap:5px;margin-top:5px;font-size:10px;font-weight:700;display:flex}.add-line svg{width:14px}.totals{border-top:1px solid var(--line);width:265px;margin:18px 0 0 auto;padding-top:8px}.totals>div{color:#637486;justify-content:space-between;padding:5px 0;font-size:10px;display:flex}.totals .grand{border-top:1px solid var(--line);color:#1e3449;margin-top:6px;padding-top:11px;font-size:14px}.totals .grand b{font:800 16px Manrope}.wide textarea{resize:vertical;min-height:65px}.invoice-preview{position:sticky;top:97px}.preview-label{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;display:flex}.preview-label button{background:0 0;border:0}.preview-label svg{width:16px}.paper{border:1px solid var(--line);background:#fff;min-height:610px;padding:25px 24px 16px;box-shadow:0 12px 35px #1b36520d}.paper .brand strong{color:#142d46}.paper-brand{justify-content:space-between;align-items:flex-start;display:flex}.paper-brand>div:last-child{text-align:right}.paper-brand h2{color:#17314a;margin:0;font:800 16px Manrope}.paper-brand p{color:#7c8b98;font-size:9px}.paper-meta{grid-template-columns:1fr 1fr;gap:25px;margin-top:34px;display:grid}.paper small{color:#8794a1;letter-spacing:.6px;font-size:7px}.paper-meta b{margin:7px 0 4px;font-size:9px;display:block}.paper-meta p{color:#718191;margin:3px 0;font-size:8px}.paper-dates{background:#f5f8f9;gap:25px;margin:17px 0;padding:9px 10px;display:flex}.paper-dates span{flex-direction:column;display:flex}.paper-dates b{margin-top:3px;font-size:8px}.paper-items>div{border-bottom:1px solid #e8edf0;grid-template-columns:1fr 35px 70px;gap:6px;padding:8px 4px;font-size:8px;display:grid}.paper-items>div:first-child{color:#fff;background:#17314b;border:0}.paper-items>div>:last-child{text-align:right}.paper-total{width:190px;margin:13px 0 0 auto}.paper-total p{color:#657689;justify-content:space-between;font-size:8px;display:flex}.paper-total div{color:#123b8f;background:linear-gradient(90deg,#e9f0ff,#e8f8ee,#fff8d8,#fff0e2);justify-content:space-between;margin-top:8px;padding:10px;font-size:10px;display:flex}.paper-note{border-top:1px solid #e9edef;margin-top:30px;padding-top:12px}.paper-note b{font-size:7px}.paper-note p{color:#718191;font-size:8px}.paper footer{text-align:center;color:#8996a2;border-top:1px solid #edf1f3;margin-top:30px;padding-top:10px;font-size:7px}@media (width<=1100px){.stat-grid,.customer-grid,.plans-grid{grid-template-columns:repeat(2,1fr)}.builder-layout{grid-template-columns:1fr}.invoice-preview{width:100%;max-width:500px;margin:auto;position:relative;top:0}.global-search{display:none}}@media (width<=780px){.app,.app.is-collapsed{padding-left:0}.sidebar,.sidebar.collapsed{width:250px;transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed .brand div:not(.brand-mark),.sidebar.collapsed nav span{display:block}.mobile-close{color:#fff;background:0 0;border:0;display:block;position:absolute;top:24px;right:12px}.backdrop{z-index:15;background:#0a1d31aa;position:fixed;inset:0}.menu-btn{display:block}.topbar{padding:0 16px}.content{padding:20px 15px}.user div,.user>svg{display:none}.middle-grid{grid-template-columns:1fr}.welcome{align-items:flex-start;gap:15px}.table-tools .ghost,.builder-actions .ghost{display:none}.builder-layout{display:block}.builder-form{min-width:0}.items-head{display:none}.item-row{grid-template-columns:1fr 60px 90px}.item-row select,.item-row>b{display:none}.fields.three{grid-template-columns:1fr}.collapse{display:none}}@media (width<=520px){.stat-grid,.customer-grid,.plans-grid{grid-template-columns:1fr}.stat-grid{gap:10px}.welcome h2{font-size:20px}.welcome .primary{padding:0 12px}.middle-grid{gap:10px}.chart-card{padding:15px}.table-heading{gap:10px}.mini-search,.insight button{display:none}.builder-top{flex-wrap:wrap}.builder-actions{width:100%;margin-left:48px}.builder-actions .primary{width:100%}.form-card{padding:15px}.paper{padding:20px 16px}.plans-head h2{font-size:24px}}.auth-shell{background:#fff;grid-template-columns:minmax(420px,1.05fr) minmax(480px,.95fr);min-height:100vh;display:grid}.auth-story{color:#fff;background:radial-gradient(circle at 85% 15%,#ffd21a40 0,#0000 32%),linear-gradient(145deg,#123b8f,#246bfd 45%,#18b45b);flex-direction:column;justify-content:space-between;padding:46px 8vw 38px;display:flex}.auth-story h1{letter-spacing:-2px;margin:24px 0 16px;font:800 clamp(38px,4.7vw,67px)/1.08 Manrope}.auth-story>div>p{color:#bbcad7;max-width:600px;font-size:16px;line-height:1.7}.auth-story>small{color:#7390a8}.auth-pill{color:#ffe36a;background:#ffd21a1f;border:1px solid #ffd21a66;border-radius:99px;padding:7px 12px;font-size:11px;font-weight:700;display:inline-flex}.auth-points{flex-direction:column;gap:12px;margin-top:32px;display:flex}.auth-points span{color:#dce9ee;align-items:center;gap:9px;font-size:13px;display:flex}.auth-points svg{color:#ffd21a;stroke-width:3px;width:18px}.auth-panel{background:#f9fbfc;place-items:center;padding:40px;display:grid}.auth-card{border:1px solid var(--line);background:#fff;border-radius:18px;width:min(100%,480px);padding:36px;box-shadow:0 20px 65px #10253f12}.auth-card .eyebrow{color:var(--teal);letter-spacing:2px;margin:0;font-size:10px;font-weight:800}.auth-card h2{margin:8px 0 4px;font:800 30px Manrope}.auth-card>p:not(.eyebrow){color:var(--muted);margin-bottom:24px;font-size:13px}.auth-card label{margin-bottom:13px}.auth-card input,.auth-card select{height:43px}.auth-fields{display:contents}.field-pair{grid-template-columns:1fr 1fr;gap:11px;display:grid}.auth-submit{width:100%;height:44px;margin-top:6px}.auth-switch{width:100%;color:var(--teal);background:0 0;border:0;margin-top:16px;font-size:12px;font-weight:700}.mobile-auth-brand{display:none}.api-notice{border-radius:9px;align-items:flex-start;gap:9px;margin:12px 0;padding:11px 13px;font-size:12px;display:flex}.api-notice svg{flex:none;width:18px}.api-notice.error{color:#b83f3f;background:#fff0f0;border:1px solid #f5cece}.api-notice.success{color:#087965;background:#e9f8f3;border:1px solid #c9eade}.loader{color:#789;align-content:center;place-items:center;gap:9px;min-height:300px;display:grid}.loader svg{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loader p{font-size:12px}.row-actions{gap:6px;display:flex}.row-actions button,.row-actions a{border:1px solid var(--line);color:#65788a;background:#fff;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.row-actions svg{width:14px}.row-actions button:hover,.row-actions a:hover{color:var(--teal);border-color:#a9c5ff}.empty-inline{text-align:center;color:#8a99a8;padding:45px;font-size:12px}.customer-head button svg,.more svg{width:16px}.modal-backdrop{z-index:80;background:#0b2037b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:16px;width:min(560px,100%);max-height:90vh;padding:24px;overflow:auto;box-shadow:0 24px 80px #07172755}.modal-head{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-head h2{margin:0;font:800 20px Manrope}.modal-head button{background:0 0;border:0}.modal-head svg{width:20px}.modal-form{flex-direction:column;gap:12px;display:flex}.modal-form h3{margin:0 0 5px;font:700 16px Manrope}.modal-form .primary{align-self:flex-end}.item-row>div:first-child{gap:5px;display:grid}.item-row>div:first-child select,.item-row>div:first-child input{padding:7px 9px}.item-row{align-items:start}.settings-view{padding:25px}.settings-view h3{margin:0 0 20px;font:800 22px Manrope}.settings-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.settings-grid p{background:#f6f9fa;border-radius:9px;margin:0;padding:13px}.settings-grid small,.settings-grid b{display:block}.settings-grid small{color:#8493a2;text-transform:uppercase;letter-spacing:.5px;font-size:9px}.settings-grid b{margin-top:5px;font-size:12px}.quick-list strong{color:#354b60;font-size:11px}.sidebar .side-bottom>button svg{width:19px}.status.sent,.status.accepted{color:var(--blue);background:#e9f0ff}.status.partial{color:#d2821f;background:#fff4dd}.primary:disabled{opacity:.6;cursor:not-allowed}@media (width<=900px){.auth-shell{grid-template-columns:1fr}.auth-story{display:none}.auth-panel{min-height:100vh}.mobile-auth-brand{margin-bottom:26px;display:block}.mobile-auth-brand .brand strong{color:var(--navy)}.settings-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=520px){.auth-panel{padding:18px}.auth-card{padding:24px}.field-pair,.settings-grid{grid-template-columns:1fr}.modal-card{padding:18px}.item-row>div:first-child select{display:block}.plans-grid{grid-template-columns:1fr}}:root{--brand-blue:#246bfd;--brand-green:#18b45b;--brand-orange:#ff7a12;--brand-yellow:#ffd21a;--brand-blue-soft:#eaf1ff;--brand-green-soft:#eaf9f0;--brand-orange-soft:#fff1e5;--brand-yellow-soft:#fff9dc}.sidebar{background:linear-gradient(#123b8f 0%,#174faf 55%,#116f49 100%)}.primary{background:linear-gradient(135deg, var(--brand-blue), var(--brand-green));box-shadow:0 7px 18px #246bfd2e}.primary:hover{background:linear-gradient(135deg,#175be8,#10994a)}.text-btn,.customer footer button,.add-line,.auth-switch{color:var(--brand-blue)}.stat-icon.blue,.qa.blue{background:var(--brand-blue-soft);color:var(--brand-blue)}.stat-icon.green,.qa.teal{background:var(--brand-green-soft);color:var(--brand-green)}.stat-icon.orange,.qa.orange{background:var(--brand-orange-soft);color:var(--brand-orange)}.stat-icon.purple,.qa.purple{background:var(--brand-yellow-soft);color:#c39300}.status.paid,.status.active,.api-notice.success{background:var(--brand-green-soft);color:#0b8e49}.status.pending,.status.partial{background:var(--brand-yellow-soft);color:#a97800}.status.sent,.status.accepted{background:var(--brand-blue-soft);color:var(--brand-blue)}.plan.popular{border-color:var(--brand-blue);box-shadow:0 12px 35px #246bfd24}.plan>em,.plans-head>span{background:var(--brand-yellow-soft);color:#a97800}.plan li svg{color:var(--brand-green)}.insight{background:linear-gradient(90deg, var(--brand-blue-soft), var(--brand-green-soft), var(--brand-yellow-soft), var(--brand-orange-soft));border-color:#d8e5fa}.insight>span{background:var(--brand-green-soft);color:var(--brand-green)}.insight button{color:var(--brand-blue)}.form-title>div:first-child>span,.client-details>svg{background:var(--brand-blue-soft);color:var(--brand-blue)}.paper-total div{background:linear-gradient(90deg, var(--brand-blue-soft), var(--brand-green-soft), var(--brand-yellow-soft), var(--brand-orange-soft));color:#123b8f}.paper footer strong{color:var(--brand-green)}input:focus,select:focus,textarea:focus{border-color:var(--brand-blue);box-shadow:0 0 0 3px #246bfd1a}.settings-page{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:16px;overflow:hidden;padding:0!important}.settings-header{border-bottom:1px solid var(--line);background:radial-gradient(circle at 95% 0,#246bfd14,#0000 35%),linear-gradient(135deg,#fff 0%,#f8fbff 100%);justify-content:space-between;align-items:center;gap:24px;padding:26px 28px;display:flex}.business-profile{align-items:center;gap:17px;min-width:0;display:flex}.business-profile>div:last-child{min-width:0}.business-profile h3{color:#17283d;margin:0 0 4px;font:800 20px Manrope,sans-serif}.business-profile p{color:var(--muted);text-overflow:ellipsis;margin:0 0 8px;font-size:12px;overflow:hidden}.business-logo-wrap{flex:0 0 82px;width:82px;height:82px;position:relative}.business-logo,.business-logo-placeholder{background:#fff;border:1px solid #dce6f5;border-radius:18px;width:82px;height:82px;box-shadow:0 8px 25px #246bfd17}.business-logo{-o-object-fit:contain;object-fit:contain;padding:8px;display:block}.business-logo-placeholder{color:var(--brand-blue,#246bfd);background:var(--brand-blue-soft,#eaf1ff);place-items:center;display:grid}.business-logo-placeholder svg{width:34px;height:34px}.logo-edit-btn{background:linear-gradient(135deg, var(--brand-blue,#246bfd), #1f63e9);color:#fff;cursor:pointer;border:3px solid #fff;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;transition:transform .18s,box-shadow .18s;display:grid;position:absolute;bottom:-6px;right:-6px;box-shadow:0 6px 15px #246bfd47}.logo-edit-btn:hover{transform:translateY(-2px)scale(1.04);box-shadow:0 9px 20px #246bfd59}.logo-edit-btn svg{width:15px;height:15px}.settings-plan-badge{background:var(--brand-blue-soft,#eaf1ff);min-height:25px;color:var(--brand-blue,#246bfd);border:1px solid #cfe0ff;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-size:10px;font-weight:800;display:inline-flex}.settings-page .btn{cursor:pointer;white-space:nowrap;border-radius:9px;justify-content:center;align-items:center;gap:7px;min-height:41px;padding:0 17px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s,color .18s;display:inline-flex}.settings-page .btn svg{flex:none;width:16px;height:16px}.settings-page .btn-primary{background:linear-gradient(135deg, var(--brand-blue,#246bfd) 0%, #1f63e9 55%, var(--brand-green,#18b45b) 140%);color:#fff;border:1px solid #0000;box-shadow:0 6px 16px #246bfd33}.settings-page .btn-primary:hover:not(:disabled){background:linear-gradient(135deg, #1f5fe5 0%, var(--brand-blue,#246bfd) 60%, var(--brand-green,#18b45b) 150%);transform:translateY(-1px);box-shadow:0 9px 22px #246bfd42}.settings-page .btn-primary:active:not(:disabled){transform:translateY(0);box-shadow:0 4px 10px #246bfd2e}.settings-page .btn-light{color:#526579;background:#fff;border:1px solid #dce4ee;box-shadow:0 2px 5px #17283d08}.settings-page .btn-light:hover:not(:disabled){color:#17283d;background:#f7f9fc;border-color:#c7d3e0;transform:translateY(-1px);box-shadow:0 5px 12px #17283d12}.settings-page .btn-light:active:not(:disabled){transform:translateY(0)}.settings-page .btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none!important}.settings-actions{flex-shrink:0;justify-content:flex-end;align-items:center;gap:9px;display:flex}.settings-actions .btn-light{min-width:100px}.settings-actions .btn-primary{min-width:135px}.settings-header>.btn-primary{min-width:130px}.settings-section{border-bottom:1px solid #edf1f6;padding:26px 28px}.settings-section:last-child{border-bottom:0}.settings-section-title{align-items:flex-start;gap:11px;margin-bottom:21px;display:flex}.settings-section-title>svg{width:19px;height:19px;color:var(--brand-blue,#246bfd);flex:none;margin-top:1px}.settings-section-title h4{color:#17283d;margin:0 0 3px;font:700 14px Manrope,sans-serif}.settings-section-title p{color:var(--muted);margin:0;font-size:10px;line-height:1.5}.settings-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 18px;display:grid}.settings-form-grid .field{margin:0;display:block}.settings-form-grid .field-full,.field-full{grid-column:1/-1}.settings-form-grid .field>label,.settings-form-grid label{color:#68798a;margin:0 0 7px;font-size:10px;font-weight:700;display:block}.settings-form-grid input,.settings-form-grid select,.settings-form-grid textarea{color:#2d4054;background:#fff;border:1px solid #dfe6eb;border-radius:9px;outline:none;width:100%;font-family:inherit;font-size:11px;transition:border-color .18s,box-shadow .18s,background .18s}.settings-form-grid input,.settings-form-grid select{height:41px;padding:0 12px}.settings-form-grid textarea{resize:vertical;min-height:84px;padding:11px 12px;line-height:1.5}.settings-form-grid input:focus,.settings-form-grid select:focus,.settings-form-grid textarea:focus{border-color:var(--brand-blue,#246bfd);box-shadow:0 0 0 3px #246bfd1a}.settings-form-grid input:disabled,.settings-form-grid select:disabled,.settings-form-grid textarea:disabled{opacity:1;cursor:default;color:#526579;-webkit-text-fill-color:#526579;background:#f7f9fc;border-color:#e8edf3}.settings-page .input-icon-wrap{position:relative}.settings-page .input-icon-wrap input{padding-left:39px}.settings-page .input-icon{z-index:1;pointer-events:none;color:#91a0af;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:12px;right:auto;transform:translateY(-50%)}.settings-page .input-icon svg{width:15px;height:15px;position:static}.current-plan-box{background:linear-gradient(90deg,#eef4ff,#eefaf2,#fffbe8);border:1px solid #d8e5fa;border-radius:11px;align-items:center;gap:60px;padding:18px 20px;display:flex}.current-plan-box>div{flex-direction:column;gap:4px;display:flex}.current-plan-box small{color:#718295;text-transform:uppercase;letter-spacing:.5px;font-size:9px;font-weight:700}.current-plan-box strong{color:#17283d;font:800 15px Manrope,sans-serif}.settings-message{border-radius:9px;align-items:center;margin:18px 28px 0;padding:11px 13px;font-size:11px;font-weight:600;display:flex}.settings-message.success{color:#087965;background:#e9f8f3;border:1px solid #c9eade}.settings-message.error{color:#b83f3f;background:#fff0f0;border:1px solid #f5cece}.settings-page .spin{animation:.8s linear infinite settingsSpin}@keyframes settingsSpin{to{transform:rotate(360deg)}}@media (width<=900px){.settings-header{align-items:flex-start}.settings-form-grid{grid-template-columns:1fr}.settings-form-grid .field-full,.field-full{grid-column:auto}}@media (width<=650px){.settings-page{border-radius:12px}.settings-header{flex-direction:column;align-items:stretch;gap:20px;padding:20px}.business-profile{align-items:center}.business-logo-wrap,.business-logo,.business-logo-placeholder{width:68px;height:68px}.business-logo-wrap{flex-basis:68px}.business-profile h3{font-size:17px}.settings-header>.btn-primary{width:100%}.settings-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.settings-actions .btn{width:100%;min-width:0}.settings-section{padding:22px 20px}.settings-message{margin:15px 20px 0}.current-plan-box{flex-wrap:wrap;gap:25px}}@media (width<=400px){.business-profile{align-items:flex-start}.business-logo-wrap,.business-logo,.business-logo-placeholder{width:60px;height:60px}.business-logo-wrap{flex-basis:60px}.settings-actions{grid-template-columns:1fr}.settings-actions .btn{width:100%}}.dashboard-page{--dashboard-primary:#0ea083;--dashboard-primary-dark:#087e69;--dashboard-blue:#2563eb;--dashboard-text:#172033;--dashboard-muted:#748096;--dashboard-border:#e5ebf1;--dashboard-surface:#fff;--dashboard-background:#f6f8fb;flex-direction:column;gap:24px;min-width:0;display:flex}.dashboard-welcome{background:radial-gradient(circle at 87% 20%,#0ea08324,#0000 26%),linear-gradient(135deg,#fff 0%,#f2fbf8 100%);border:1px solid #0ea08324;border-radius:22px;justify-content:space-between;align-items:center;gap:24px;margin:0;padding:28px 30px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 38px #1e325012}.dashboard-welcome:after{content:"";pointer-events:none;border:28px solid #0ea0830b;border-radius:50%;width:150px;height:150px;position:absolute;top:-65px;right:120px}.dashboard-welcome>*{z-index:1;position:relative}.welcome-label{color:var(--dashboard-primary);letter-spacing:.12em;margin-bottom:7px;font-size:11px;font-weight:800;display:inline-block}.dashboard-welcome h2{color:var(--dashboard-text);letter-spacing:-.04em;margin:0 0 7px;font-size:clamp(25px,3vw,34px);line-height:1.15}.dashboard-welcome p{color:var(--dashboard-muted);margin:0;font-size:14px}.create-invoice-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea083,#087e69);border:0;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 20px;font-size:14px;font-weight:750;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 24px #0ea0833d}.create-invoice-button:hover{transform:translateY(-2px);box-shadow:0 14px 30px #0ea0834d}.dashboard-filter-card{border:1px solid var(--dashboard-border);background:#fff;border-radius:18px;justify-content:space-between;align-items:center;gap:24px;padding:18px 20px;display:flex;box-shadow:0 8px 26px #1e32500d}.filter-heading{align-items:center;gap:12px;min-width:210px;display:flex}.filter-heading-icon{width:44px;height:44px;color:var(--dashboard-primary);background:#e8f8f4;border-radius:13px;flex:0 0 44px;place-items:center;display:grid}.filter-heading h3{color:var(--dashboard-text);margin:0 0 4px;font-size:16px}.filter-heading p{color:var(--dashboard-muted);margin:0;font-size:12px}.dashboard-filter-controls{justify-content:flex-end;align-items:center;gap:12px;display:flex}.period-tabs{background:#f5f7fa;border:1px solid #e7ebf0;border-radius:12px;gap:4px;padding:4px;display:flex}.period-tabs button{color:#6f7c90;cursor:pointer;background:0 0;border:0;border-radius:9px;min-width:68px;height:36px;padding:0 14px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s}.period-tabs button:hover{color:var(--dashboard-primary)}.period-tabs button.active{color:#fff;background:var(--dashboard-primary);box-shadow:0 5px 14px #0ea08333}.date-filter-input input,.date-filter-input select{min-width:155px;height:44px;color:var(--dashboard-text);cursor:pointer;background:#fff;border:1px solid #dfe5ec;border-radius:11px;outline:none;padding:0 13px;font-family:inherit;font-size:13px;font-weight:650;transition:border-color .2s,box-shadow .2s}.date-filter-input input:focus,.date-filter-input select:focus{border-color:#0ea083b3;box-shadow:0 0 0 4px #0ea0831a}.dashboard-refresh{color:#475569;cursor:pointer;background:#fff;border:1px solid #dfe5ec;border-radius:11px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 15px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.dashboard-refresh:hover:not(:disabled){color:var(--dashboard-primary);background:#f1fbf8;border-color:#0ea08380}.dashboard-refresh:disabled{opacity:.65;cursor:not-allowed}.spin-icon{animation:.8s linear infinite dashboard-spin}@keyframes dashboard-spin{to{transform:rotate(360deg)}}.dashboard-stat-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;display:grid}.dashboard-stat{border:1px solid var(--dashboard-border);background:#fff;border-radius:18px;min-width:0;padding:20px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 8px 26px #1e32500e}.dashboard-stat:after{content:"";opacity:.45;border-radius:50%;width:76px;height:76px;position:absolute;top:-20px;right:-20px}.dashboard-stat.blue:after{background:#e7f0ff}.dashboard-stat.green:after{background:#e4f8ee}.dashboard-stat.orange:after{background:#fff0dc}.dashboard-stat.teal:after{background:#ddf7f1}.dashboard-stat.purple:after{background:#f1e9ff}.dashboard-stat:hover{transform:translateY(-3px);box-shadow:0 14px 34px #1e325017}.stat-top{z-index:1;justify-content:space-between;align-items:center;margin-bottom:17px;display:flex;position:relative}.dashboard-stat .stat-icon{border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.dashboard-stat .stat-icon.blue{color:#2563eb;background:#eaf1ff}.dashboard-stat .stat-icon.green{color:#159667;background:#e6f8ef}.dashboard-stat .stat-icon.orange{color:#dc7a11;background:#fff1df}.dashboard-stat .stat-icon.teal{color:#0b9077;background:#e2f8f3}.dashboard-stat .stat-icon.purple{color:#8051d6;background:#f1eafe}.stat-period{color:#718096;letter-spacing:.06em;text-transform:uppercase;background:#f4f6f8;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:800}.dashboard-stat .stat-title{color:#6f7d91;margin-bottom:7px;font-size:12px;font-weight:650}.dashboard-stat h3{color:var(--dashboard-text);letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;margin:0 0 7px;font-size:clamp(20px,2vw,27px);overflow:hidden}.dashboard-stat p{color:#8b96a8;margin:0;font-size:11px;line-height:1.5}.dashboard-middle-grid{grid-template-columns:minmax(0,1.65fr) minmax(290px,.75fr);gap:20px;display:grid}.dashboard-chart-card{border:1px solid var(--dashboard-border);background:#fff;border-radius:20px;min-width:0;padding:24px;box-shadow:0 8px 28px #1e32500e}.dashboard-card-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.dashboard-card-heading h3,.dashboard-quick-card .card-heading h3{color:var(--dashboard-text);margin:0 0 5px;font-size:17px}.dashboard-card-heading p,.dashboard-quick-card .card-heading p{color:var(--dashboard-muted);margin:0;font-size:12px}.live-badge{color:#0a866f;background:#effbf7;border:1px solid #cfefe6;border-radius:20px;align-items:center;gap:7px;padding:7px 10px;font-size:11px;font-weight:800;display:inline-flex}.live-badge span{background:#0ea083;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #0ea0831f}.chart-summary{justify-content:space-between;align-items:flex-end;gap:16px;padding:24px 0 7px;display:flex}.chart-summary>div:first-child>span{color:#7a8799;margin-bottom:5px;font-size:12px;font-weight:650;display:block}.chart-summary h2{color:var(--dashboard-text);letter-spacing:-.05em;margin:0;font-size:clamp(25px,3vw,34px)}.chart-summary-value{color:#138565;background:#e9f8f2;border-radius:9px;align-items:center;gap:5px;padding:7px 10px;font-size:11px;font-weight:750;display:inline-flex}.dashboard-chart{width:100%;height:290px;margin-top:8px}.chart-empty{color:#8a96a8;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:25px;display:flex}.chart-empty>div{color:#0ea083;background:#e9f8f4;border-radius:18px;place-items:center;width:58px;height:58px;margin-bottom:12px;display:grid}.chart-empty h4{color:var(--dashboard-text);margin:0 0 6px;font-size:15px}.chart-empty p{margin:0;font-size:12px}.chart-legend{border-top:1px solid #eef1f4;flex-wrap:wrap;gap:20px;padding-top:14px;display:flex}.chart-legend span{color:#69778c;align-items:center;gap:7px;font-size:11px;font-weight:650;display:inline-flex}.chart-legend i{border-radius:50%;width:9px;height:9px}.chart-legend i.billed{background:#0ea083}.chart-legend i.received{background:#2563eb}.dashboard-side-column{flex-direction:column;gap:20px;min-width:0;display:flex}.gst-summary-card{background:radial-gradient(circle at 100% 0,#0ea08329,#0000 35%),linear-gradient(145deg,#f4fcfa,#fff);border:1px solid #0ea0832e;border-radius:20px;padding:22px;position:relative;overflow:hidden;box-shadow:0 8px 28px #1e32500e}.gst-summary-header{align-items:center;gap:13px;display:flex}.gst-icon{color:#fff;background:linear-gradient(135deg,#13ad8f,#087e69);border-radius:15px;flex:0 0 48px;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 8px 18px #0ea0833d}.gst-summary-header span{color:#64748b;font-size:11px;font-weight:700}.gst-summary-header h3{color:var(--dashboard-text);letter-spacing:-.04em;margin:3px 0 0;font-size:25px}.gst-summary-card>p{color:#748096;margin:17px 0;font-size:12px;line-height:1.6}.gst-progress{background:#dceee9;border-radius:10px;height:7px;overflow:hidden}.gst-progress span{border-radius:inherit;background:linear-gradient(90deg,#0ea083,#32c0a4);min-width:0;height:100%;transition:width .45s;display:block}.gst-footer{color:#718096;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;font-size:11px;display:flex}.gst-footer strong{color:#0a876f}.dashboard-quick-card{border:1px solid var(--dashboard-border);background:#fff;border-radius:20px;flex:1;padding:21px;box-shadow:0 8px 28px #1e32500e}.dashboard-quick-card .quick-list{flex-direction:column;gap:7px;margin-top:14px;display:flex}.dashboard-quick-card .quick-list button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:11px;padding:10px;font-family:inherit;transition:all .2s;display:flex}.dashboard-quick-card .quick-list button:hover{background:#f8fafb;border-color:#e4e9ef;transform:translate(2px)}.dashboard-quick-card .qa{border-radius:11px;flex:0 0 39px;place-items:center;width:39px;height:39px;display:grid}.dashboard-quick-card .qa.teal{color:#0b9077;background:#e1f8f2}.dashboard-quick-card .qa.blue{color:#2563eb;background:#e9f1ff}.dashboard-quick-card .qa.purple{color:#8253d8;background:#f1eafe}.dashboard-quick-card .qa.orange{color:#d87912;background:#fff0df}.dashboard-quick-card .quick-list div{flex:1;min-width:0}.dashboard-quick-card .quick-list b,.dashboard-quick-card .quick-list small{display:block}.dashboard-quick-card .quick-list b{color:#293448;margin-bottom:3px;font-size:12px}.dashboard-quick-card .quick-list small{color:#8792a3;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.quick-arrow{color:#a0a9b6;flex:none;transition:all .2s}.dashboard-quick-card .quick-list button:hover .quick-arrow{color:var(--dashboard-primary);transform:translate(2px,-2px)}.dashboard-documents-section{min-width:0}.documents-section-title{margin-bottom:13px}.documents-section-title h3{color:var(--dashboard-text);margin:0 0 4px;font-size:17px}.documents-section-title p{color:var(--dashboard-muted);margin:0;font-size:12px}.dashboard-inline-notice{margin:-8px 0}@media (width<=1280px){.dashboard-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1050px){.dashboard-filter-card{flex-direction:column;align-items:flex-start}.dashboard-filter-controls{flex-wrap:wrap;justify-content:flex-start;width:100%}.dashboard-middle-grid{grid-template-columns:1fr}.dashboard-side-column{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);display:grid}}@media (width<=760px){.dashboard-page{gap:18px}.dashboard-welcome{flex-direction:column;align-items:flex-start;padding:23px 20px}.create-invoice-button{width:100%}.dashboard-filter-card{padding:16px}.dashboard-filter-controls{flex-direction:column;align-items:stretch}.period-tabs{width:100%}.period-tabs button{flex:1;min-width:0}.date-filter-input,.date-filter-input input,.date-filter-input select,.dashboard-refresh{width:100%}.dashboard-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-side-column{display:flex}.dashboard-chart-card{padding:18px 14px}.chart-summary{flex-direction:column;align-items:flex-start}.dashboard-chart{height:250px}}@media (width<=520px){.dashboard-stat-grid{grid-template-columns:1fr}.dashboard-stat{padding:18px}.dashboard-welcome h2{font-size:26px}.dashboard-card-heading{flex-direction:column}.chart-summary h2{font-size:27px}.dashboard-chart{height:230px}.dashboard-refresh span{display:inline}}.documents-table-card{--table-primary:#0ea083;--table-primary-dark:#087d68;--table-blue:#2563eb;--table-text:#172033;--table-muted:#758195;--table-border:#e5eaf0;border:1px solid var(--table-border);background:#fff;border-radius:20px;padding:0;overflow:hidden;box-shadow:0 10px 32px #1d304d0f}.documents-table-heading{background:radial-gradient(circle at 88% 10%,#0ea08314,#0000 24%),#fff;border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:center;gap:22px;padding:23px 24px;display:flex}.table-eyebrow{color:var(--table-primary);letter-spacing:.12em;margin-bottom:6px;font-size:10px;font-weight:800;display:block}.documents-table-heading h3{color:var(--table-text);letter-spacing:-.025em;margin:0 0 5px;font-size:18px}.documents-table-heading p{color:var(--table-muted);margin:0;font-size:12px}.document-search{background:#fff;border:1px solid #dfe5eb;border-radius:12px;align-items:center;gap:9px;width:min(340px,100%);height:44px;padding:0 13px;transition:border-color .2s,box-shadow .2s;display:flex;position:relative}.document-search:focus-within{border-color:#0ea083a6;box-shadow:0 0 0 4px #0ea0831a}.document-search>svg{color:#8c97a7;flex:none;width:17px;height:17px}.document-search input{width:100%;min-width:0;height:100%;color:var(--table-text);background:0 0;border:0;outline:none;padding:0;font-family:inherit;font-size:12px}.document-search input::placeholder{color:#a0a9b7}.clear-search{color:#68758a;cursor:pointer;background:#eef1f4;border:0;border-radius:50%;flex:0 0 22px;place-items:center;width:22px;height:22px;padding:0;font-size:17px;line-height:1;display:grid}.view-all-button{min-height:40px;color:var(--table-primary-dark);cursor:pointer;background:#f1fbf8;border:1px solid #dce5e3;border-radius:11px;align-items:center;gap:7px;padding:0 13px;font-size:12px;font-weight:750;transition:all .2s;display:inline-flex}.view-all-button svg{width:16px;transition:transform .2s}.view-all-button:hover{background:#e6f8f3;border-color:#0ea08359}.view-all-button:hover svg{transform:translate(2px,-2px)}.documents-table-scroll{overflow-x:auto}.documents-table{border-spacing:0;border-collapse:separate;width:100%;min-width:1140px}.documents-table thead th{color:#718095;letter-spacing:.085em;text-align:left;white-space:nowrap;background:#f8fafb;border-bottom:1px solid #e9edf1;padding:13px 15px;font-size:9px;font-weight:800}.documents-table thead th:first-child,.documents-table tbody td:first-child{padding-left:24px}.documents-table thead th:last-child,.documents-table tbody td:last-child{padding-right:24px}.documents-table tbody td{color:#344054;vertical-align:middle;border-bottom:1px solid #edf0f3;padding:15px;font-size:12px}.documents-table tbody tr{background:#fff;transition:background .2s,box-shadow .2s}.documents-table tbody tr:hover{background:#fbfdfd}.documents-table tbody tr:last-child td{border-bottom:0}.invoice-number-cell{align-items:center;gap:10px;display:flex}.invoice-document-icon{color:#2563eb;background:#eaf1ff;border-radius:10px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid}.invoice-document-icon svg{width:17px;height:17px}.invoice-number-cell>div{min-width:0}.invoice-number-cell .invoice-id{color:#1f2b3d;white-space:nowrap;margin-bottom:3px;font-size:12px;display:block}.invoice-number-cell small{color:#8b96a5;text-transform:capitalize;font-size:9px;display:block}.customer-cell{align-items:center;gap:10px;min-width:190px;display:flex}.customer-avatar{color:#087e69;background:linear-gradient(135deg,#dcf7f0,#eefbf8);border:2px solid #fff;border-radius:12px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-size:11px;font-weight:800;display:grid;box-shadow:0 3px 10px #0ea0831f}.customer-information{min-width:0}.customer-information>b{color:#273448;text-overflow:ellipsis;white-space:nowrap;max-width:175px;margin-bottom:5px;font-size:12px;display:block;overflow:hidden}.organization-name{color:#7b8798;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;max-width:180px;font-size:9px;display:flex;overflow:hidden}.organization-name svg{color:#0ea083;flex:none;width:11px;height:11px}.organization-name.empty{color:#9aa3af;font-style:italic}.document-date span,.invoice-amount b{color:#344054;white-space:nowrap;margin-bottom:4px;font-size:11px;font-weight:700;display:block}.document-date small,.invoice-amount small{color:#919baa;white-space:nowrap;font-size:9px;display:block}.due-date span{color:#a25c17}.invoice-amount b{color:#172033;font-size:13px}.payment-details{min-width:166px}.payment-status-line{align-items:center;gap:8px;display:flex}.payment-status-icon{border-radius:9px;flex:0 0 30px;place-items:center;width:30px;height:30px;display:grid}.payment-status-icon svg{width:15px;height:15px}.payment-details.received .payment-status-icon{color:#0a8a63;background:#e3f8ee}.payment-details.partial .payment-status-icon{color:#b76a12;background:#fff0dc}.payment-details.pending .payment-status-icon{color:#d14b4b;background:#ffebeb}.payment-status-line strong{white-space:nowrap;margin-bottom:3px;font-size:10px;font-weight:800;display:block}.payment-details.received .payment-status-line strong{color:#0a815e}.payment-details.partial .payment-status-line strong{color:#a45c0a}.payment-details.pending .payment-status-line strong{color:#c34141}.payment-status-line small{color:#8792a2;white-space:nowrap;font-size:9px;display:block}.payment-date{color:#68768a;white-space:nowrap;align-items:center;gap:4px;margin:7px 0 0 38px;font-size:9px;font-weight:650;display:inline-flex}.payment-date svg{color:#0ea083;width:11px;height:11px}.payment-meta-row{align-items:center;gap:6px;display:flex}.payment-meta-row .payment-date{margin-left:38px}.payment-balance{color:#a45c0a;white-space:nowrap;background:#fff5e8;border-radius:6px;margin-top:7px;padding:3px 6px;font-size:8px;font-weight:800;display:inline-flex}.payment-waiting{color:#ba4141;white-space:nowrap;background:#fff0f0;border-radius:6px;margin:7px 0 0 38px;padding:3px 7px;font-size:8px;font-weight:750;display:inline-block}.action-column{text-align:right!important}.document-actions{justify-content:flex-end;align-items:center;gap:6px;display:flex}.action-button{cursor:pointer;border:1px solid #0000;border-radius:10px;flex:0 0 34px;place-items:center;width:34px;height:34px;padding:0;text-decoration:none;transition:transform .2s,border-color .2s,background .2s;display:grid}.action-button svg{width:15px;height:15px}.download-action{color:#2563eb;background:#f1f5ff;border-color:#dce7ff}.download-action:hover{background:#e7efff;border-color:#b9ceff;transform:translateY(-2px)}.convert-action{color:#07816c;background:#edf9f6;border-color:#d2eee7}.convert-action:hover{background:#dff5ef;border-color:#afe0d5;transform:translateY(-2px)}.whatsapp-action{color:#15935f;background:#edfaf3;border-color:#d3f0df}.whatsapp-action:hover:not(.disabled){background:#def6e8;border-color:#abe3c2;transform:translateY(-2px)}.action-button.disabled,.action-button:disabled{color:#a8b0bb;cursor:not-allowed;opacity:.7;background:#f2f4f6;border-color:#e5e8eb}.action-loading{animation:.8s linear infinite document-action-spin}@keyframes document-action-spin{to{transform:rotate(360deg)}}.documents-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:260px;padding:35px 20px;display:flex}.empty-document-icon{color:#0ea083;background:#e7f8f3;border-radius:20px;place-items:center;width:64px;height:64px;margin-bottom:14px;display:grid}.empty-document-icon svg{width:28px;height:28px}.documents-empty-state h4{color:var(--table-text);margin:0 0 7px;font-size:16px}.documents-empty-state p{color:#8590a0;max-width:390px;margin:0;font-size:12px;line-height:1.6}.documents-empty-state button{color:#087e69;cursor:pointer;background:#ecf9f6;border:1px solid #cce8e1;border-radius:9px;margin-top:16px;padding:9px 14px;font-family:inherit;font-size:11px;font-weight:750}@media (width<=760px){.documents-table-heading{flex-direction:column;align-items:stretch;padding:20px 17px}.table-tools,.document-search{width:100%}.view-all-button{justify-content:center;width:100%}.documents-table-scroll{overflow:visible}.documents-table{min-width:0;padding:12px;display:block}.documents-table thead{display:none}.documents-table tbody,.documents-table tr,.documents-table td{width:100%;display:block}.documents-table tbody tr{border:1px solid #e5eaf0;border-radius:15px;margin-bottom:13px;padding:5px 14px;overflow:hidden;box-shadow:0 5px 17px #1e32500d}.documents-table tbody td,.documents-table tbody td:first-child,.documents-table tbody td:last-child{text-align:right;border-bottom:1px dashed #e5e9ed;justify-content:space-between;align-items:center;gap:20px;padding:12px 0;display:flex}.documents-table tbody td:before{color:#8390a2;content:attr(data-label);letter-spacing:.05em;text-align:left;text-transform:uppercase;flex:0 0 92px;font-size:9px;font-weight:800}.documents-table tbody td:last-child{border-bottom:0}.invoice-number-cell,.customer-cell{text-align:left;justify-content:flex-end}.customer-information>b,.organization-name{max-width:165px}.payment-details{text-align:left;min-width:165px}.document-actions{justify-content:flex-end}}@media (width<=420px){.documents-table{padding:8px}.documents-table tbody tr{padding:4px 11px}.documents-table tbody td{align-items:flex-start;gap:12px}.documents-table tbody td:before{flex-basis:76px}.customer-information>b,.organization-name{max-width:135px}}.customers-page{--customer-primary:#0ea083;--customer-primary-dark:#087c68;--customer-blue:#2563eb;--customer-text:#172033;--customer-muted:#758195;--customer-border:#e4e9ef;flex-direction:column;gap:22px;min-width:0;display:flex}.customer-summary-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;display:grid}.customer-summary-card{border:1px solid var(--customer-border);background:#fff;border-radius:17px;align-items:center;gap:13px;min-width:0;padding:18px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 7px 24px #1e32500e}.customer-summary-card:after{content:"";opacity:.35;border-radius:50%;width:70px;height:70px;position:absolute;top:-22px;right:-22px}.customer-summary-card.blue:after{background:#bdd5ff}.customer-summary-card.purple:after{background:#dac9ff}.customer-summary-card.teal:after{background:#b9ece1}.customer-summary-card.green:after{background:#bcebd3}.customer-summary-card.orange:after{background:#ffdab0}.customer-summary-card:hover{transform:translateY(-3px);box-shadow:0 12px 29px #1e325017}.customer-summary-icon{z-index:1;border-radius:13px;flex:0 0 42px;place-items:center;width:42px;height:42px;display:grid;position:relative}.customer-summary-icon svg{width:20px;height:20px}.customer-summary-card.blue .customer-summary-icon{color:#2563eb;background:#e8f0ff}.customer-summary-card.purple .customer-summary-icon{color:#8052d3;background:#f0eafe}.customer-summary-card.teal .customer-summary-icon{color:#078570;background:#e1f7f2}.customer-summary-card.green .customer-summary-icon{color:#16845d;background:#e3f7ed}.customer-summary-card.orange .customer-summary-icon{color:#c46b0c;background:#fff0dd}.customer-summary-card>div{min-width:0}.customer-summary-card small,.customer-summary-card strong,.customer-summary-card p{display:block}.customer-summary-card small{color:#79869a;margin-bottom:4px;font-size:10px;font-weight:700}.customer-summary-card strong{color:var(--customer-text);letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;font-size:20px;overflow:hidden}.customer-summary-card p{color:#9aa3b0;margin:0;font-size:9px}.customer-toolbar{border:1px solid var(--customer-border);background:#fff;border-radius:16px;align-items:center;gap:14px;padding:14px;display:flex;box-shadow:0 6px 22px #1e32500b}.customer-search{background:#fbfcfd;border:1px solid #dfe5eb;border-radius:11px;flex:1;align-items:center;gap:9px;min-width:260px;height:43px;padding:0 12px;transition:border-color .2s,box-shadow .2s;display:flex}.customer-search:focus-within{border-color:#0ea083a6;box-shadow:0 0 0 4px #0ea08317}.customer-search>svg{color:#8a96a7;flex:none;width:17px}.customer-search input{width:100%;min-width:0;height:100%;color:var(--customer-text);background:0 0;border:0;outline:none;padding:0;font-family:inherit;font-size:12px}.customer-search button{color:#738096;cursor:pointer;background:#edf0f3;border:0;border-radius:50%;flex:0 0 23px;place-items:center;width:23px;height:23px;padding:0;display:grid}.customer-search button svg{width:13px}.customer-filters{background:#f3f5f7;border-radius:11px;gap:4px;padding:4px;display:flex}.customer-filters button{color:#718096;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;min-height:34px;padding:0 12px;font-family:inherit;font-size:10px;font-weight:750;transition:all .2s}.customer-filters button.active{color:#fff;background:var(--customer-primary);box-shadow:0 5px 13px #0ea08333}.customer-result-count{color:#7b8797;flex:none;font-size:10px;font-weight:700}.attractive-customer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.modern-customer-card{border:1px solid var(--customer-border);background:#fff;border-radius:19px;min-width:0;padding:20px;transition:transform .22s,border-color .22s,box-shadow .22s;position:relative;overflow:hidden;box-shadow:0 8px 26px #1e32500e}.modern-customer-card:hover{border-color:#0ea08347;transform:translateY(-4px);box-shadow:0 15px 35px #1e32501a}.customer-card-accent{background:linear-gradient(90deg,#0ea083,#37c1a6);border-radius:0 0 5px 5px;width:52px;height:3px;position:absolute;top:0;left:20px}.modern-customer-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.customer-identity{align-items:center;gap:12px;min-width:0;display:flex}.customer-large-avatar{color:#087e69;background:linear-gradient(135deg,#d7f6ee,#eefbf8);border:2px solid #fff;border-radius:15px;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:13px;font-weight:850;display:grid;box-shadow:0 5px 15px #0ea08326}.customer-identity>div{min-width:0}.customer-name-line{align-items:center;gap:7px;min-width:0;display:flex}.customer-name-line h3{color:var(--customer-text);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;overflow:hidden}.customer-tax-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:5px;flex:none;padding:3px 6px;font-size:7px;font-weight:850}.customer-tax-badge.gst{color:#0b816c;background:#e1f6f1}.customer-tax-badge.non-gst{color:#6f7b8e;background:#edf0f3}.customer-company{color:#6d798d;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;max-width:210px;margin:6px 0 0;font-size:10px;display:flex;overflow:hidden}.customer-company svg{color:#0ea083;flex:none;width:12px;height:12px}.customer-company.muted,.customer-company.muted svg{color:#98a1ae}.customer-card-actions{flex:none;gap:5px;display:flex}.customer-card-actions button{cursor:pointer;border-radius:9px;place-items:center;width:32px;height:32px;padding:0;transition:all .2s;display:grid}.customer-card-actions svg{width:14px;height:14px}.customer-edit-button{color:#2563eb;background:#eff4ff;border:1px solid #d9e5ff}.customer-edit-button:hover{background:#e4edff;border-color:#b8ceff;transform:translateY(-2px)}.customer-delete-button{color:#d14a4a;background:#fff2f2;border:1px solid #f1dada}.customer-delete-button:hover{background:#ffe5e5;border-color:#efbcbc;transform:translateY(-2px)}.customer-delete-button:disabled{opacity:.6;cursor:not-allowed}.customer-contact-list{flex-direction:column;gap:7px;margin-bottom:14px;display:flex}.customer-contact-list>a,.customer-contact-item{min-width:0;color:inherit;background:#fafbfc;border:1px solid #edf0f3;border-radius:10px;align-items:center;gap:9px;padding:8px 10px;text-decoration:none;transition:all .2s;display:flex}.customer-contact-list>a:hover{background:#f3faf8;border-color:#d7e9e4}.customer-contact-list>a>span,.customer-contact-item>span{color:#0b8b74;background:#e5f7f2;border-radius:8px;flex:0 0 27px;place-items:center;width:27px;height:27px;display:grid}.customer-contact-list svg{width:13px;height:13px}.customer-contact-list div div,.customer-contact-list a div{min-width:0}.customer-contact-list small,.customer-contact-list b{display:block}.customer-contact-list small{color:#929ba9;margin-bottom:2px;font-size:8px}.customer-contact-list b{color:#485468;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:650;overflow:hidden}.customer-gstin-row{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:13px;display:grid}.customer-gstin-row>div{background:#f6f8fa;border-radius:10px;min-width:0;padding:10px}.customer-gstin-row small,.customer-gstin-row b{display:block}.customer-gstin-row small{color:#8a95a5;margin-bottom:4px;font-size:8px}.customer-gstin-row b{color:#3c485b;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.customer-document-summary{grid-template-columns:1fr 1fr;gap:9px;margin-bottom:12px;display:grid}.customer-document-summary>div{border:1px solid #ebeff3;border-radius:11px;align-items:center;gap:9px;padding:9px;display:flex}.document-summary-icon{border-radius:9px;flex:0 0 31px;place-items:center;width:31px;height:31px;display:grid}.document-summary-icon svg{width:14px;height:14px}.document-summary-icon.invoice{color:#2563eb;background:#e9f1ff}.document-summary-icon.quotation{color:#7d50d0;background:#f0e9fc}.customer-document-summary strong,.customer-document-summary small{display:block}.customer-document-summary strong{color:#263348;margin-bottom:1px;font-size:13px}.customer-document-summary small{color:#8b96a6;font-size:8px}.customer-financial-grid{background:linear-gradient(135deg,#f5f8fa,#fafbfc);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:11px;display:grid}.customer-financial-grid>div{min-width:0}.customer-financial-grid small,.customer-financial-grid strong{display:block}.customer-financial-grid small{color:#8994a4;white-space:nowrap;margin-bottom:5px;font-size:7px}.customer-financial-grid strong{color:#344054;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.customer-financial-grid .paid strong{color:#09805f}.customer-financial-grid .pending strong{color:#c16910}.customer-card-footer{background:#fbfcfd;border-top:1px solid #edf0f3;justify-content:space-between;align-items:center;gap:12px;margin:16px -20px -20px;padding:12px 20px;display:flex}.customer-card-footer>div{color:#8490a1;align-items:center;gap:6px;font-size:8px;font-weight:650;display:inline-flex}.customer-lock-dot,.customer-active-dot{border-radius:50%;width:7px;height:7px}.customer-lock-dot{background:#e29338;box-shadow:0 0 0 3px #e293381f}.customer-active-dot{background:#12a678;box-shadow:0 0 0 3px #12a6781f}.customer-card-footer button{color:var(--customer-primary-dark);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;padding:0;font-family:inherit;font-size:9px;font-weight:800;display:inline-flex}.customer-card-footer button svg{width:13px;height:13px;transition:transform .2s}.customer-card-footer button:hover svg{transform:translate(2px,-2px)}.customer-empty-state{text-align:center;background:#fff;border:1px dashed #d9e1e8;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:330px;padding:35px;display:flex}.customer-empty-state>span{color:#0ea083;background:#e6f8f3;border-radius:22px;place-items:center;width:70px;height:70px;margin-bottom:16px;display:grid}.customer-empty-state>span svg{width:31px;height:31px}.customer-empty-state h3{color:var(--customer-text);margin:0 0 7px;font-size:18px}.customer-empty-state p{color:#8490a1;max-width:400px;margin:0;font-size:12px;line-height:1.6}.add-first-customer,.secondary-customer-button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;margin-top:17px;padding:10px 15px;font-family:inherit;font-size:11px;font-weight:750;display:inline-flex}.add-first-customer svg{width:15px}.secondary-customer-button{color:#087e69;background:#edf9f6;border:1px solid #d8e8e4}.customer-loading-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.customer-skeleton{background:#fff;border:1px solid #e8ecf0;border-radius:19px;height:390px;padding:20px}.customer-skeleton-head,.customer-skeleton-line,.customer-skeleton-stats{background:linear-gradient(90deg,#eef1f4 25%,#f8f9fa 50%,#eef1f4 75%) 0 0/200% 100%;border-radius:10px;animation:1.3s infinite customer-skeleton-loading}.customer-skeleton-head{width:52px;height:52px;margin-bottom:20px}.customer-skeleton-line{width:75%;height:13px;margin-bottom:11px}.customer-skeleton-line.large{width:55%;height:18px}.customer-skeleton-stats{height:150px;margin-top:25px}@keyframes customer-skeleton-loading{to{background-position:-200% 0}}.customer-modal-form{gap:16px}.customer-form-intro{background:#f4fbf9;border:1px solid #dfeeea;border-radius:12px;align-items:center;gap:12px;margin:-3px 0 3px;padding:13px;display:flex}.customer-form-intro>span{color:#fff;background:#0ea083;border-radius:11px;flex:0 0 39px;place-items:center;width:39px;height:39px;display:grid}.customer-form-intro svg{width:18px}.customer-form-intro h3{color:#263348;margin:0 0 3px;font-size:13px}.customer-form-intro p{color:#7c8999;margin:0;font-size:9px}.customer-modal-form label{color:#485569;font-size:10px;font-weight:750}.customer-modal-form label em{color:#dc4848;font-style:normal}.customer-modal-form input,.customer-modal-form select,.customer-modal-form textarea{color:#253247;background:#fff;border:1px solid #dce3e9;border-radius:10px;outline:none;width:100%;margin-top:7px;font-family:inherit;font-size:11px;transition:border-color .2s,box-shadow .2s}.customer-modal-form input,.customer-modal-form select{height:42px;padding:0 12px}.customer-modal-form textarea{resize:vertical;min-height:80px;padding:11px 12px}.customer-modal-form input:focus,.customer-modal-form select:focus,.customer-modal-form textarea:focus{border-color:#0ea083a6;box-shadow:0 0 0 4px #0ea08317}.customer-modal-form input:disabled{color:#98a1ae;cursor:not-allowed;background:#f2f4f6}.amount-input{align-items:center;display:flex;position:relative}.amount-input span{z-index:1;color:#748095;margin-top:3px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.amount-input input{padding-left:28px}.customer-modal-actions{justify-content:flex-end;gap:10px;padding-top:6px;display:flex}.customer-cancel-button,.customer-save-button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:43px;padding:0 17px;font-family:inherit;font-size:11px;font-weight:750;display:inline-flex}.customer-cancel-button{color:#5f6c7e;background:#fff;border:1px solid #dce2e8}.customer-cancel-button:hover{background:#f5f7f9}.customer-save-button{color:#fff;background:linear-gradient(135deg,#0ea083,#087c68);border:0;box-shadow:0 8px 19px #0ea08338}.customer-save-button svg{width:15px}.customer-save-button:disabled,.customer-cancel-button:disabled{opacity:.6;cursor:not-allowed}@media (width<=1280px){.customer-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.attractive-customer-grid,.customer-loading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.customer-toolbar{flex-direction:column;align-items:stretch}.customer-search{width:100%}.customer-filters{overflow-x:auto}.customer-filters button{flex:1}.customer-result-count{padding-left:3px}}@media (width<=700px){.customer-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.attractive-customer-grid,.customer-loading-grid{grid-template-columns:1fr}}@media (width<=520px){.customers-page{gap:17px}.customer-summary-grid{grid-template-columns:1fr}.customer-summary-card{padding:15px}.customer-toolbar{padding:11px}.customer-filters button{min-width:max-content}.modern-customer-card{padding:17px}.modern-customer-head{align-items:flex-start}.customer-name-line{flex-direction:column;align-items:flex-start;gap:4px}.customer-large-avatar{flex-basis:43px;width:43px;height:43px}.customer-gstin-row,.customer-document-summary{grid-template-columns:1fr}.customer-card-footer{margin:16px -17px -17px;padding:12px 17px}.customer-modal-form .field-pair{grid-template-columns:1fr}.customer-modal-actions{flex-direction:column-reverse}.customer-cancel-button,.customer-save-button{width:100%}}.products-page{--product-primary:#0ea083;--product-primary-dark:#087b67;--product-text:#172033;--product-muted:#758195;--product-border:#e4e9ef;flex-direction:column;gap:22px;min-width:0;display:flex}.product-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.product-summary-card{border:1px solid var(--product-border);background:#fff;border-radius:17px;align-items:center;gap:13px;min-width:0;padding:19px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 25px #1e32500e}.product-summary-card:after{content:"";opacity:.35;border-radius:50%;width:76px;height:76px;position:absolute;top:-24px;right:-24px}.product-summary-card.blue:after{background:#bed5ff}.product-summary-card.teal:after{background:#b8eddf}.product-summary-card.purple:after{background:#d9c8ff}.product-summary-card.orange:after{background:#ffd7a5}.product-summary-card:hover{transform:translateY(-3px);box-shadow:0 13px 32px #1e325017}.product-summary-card>span{z-index:1;border-radius:14px;flex:0 0 45px;place-items:center;width:45px;height:45px;display:grid;position:relative}.product-summary-card>span svg{width:21px;height:21px}.product-summary-card.blue>span{color:#2563eb;background:#e8f0ff}.product-summary-card.teal>span{color:#07856f;background:#e0f7f1}.product-summary-card.purple>span{color:#8051d3;background:#f0eafe}.product-summary-card.orange>span{color:#bd680d;background:#fff0dc}.product-summary-card>div{min-width:0}.product-summary-card small,.product-summary-card strong,.product-summary-card p{display:block}.product-summary-card small{color:#7a8799;margin-bottom:4px;font-size:10px;font-weight:700}.product-summary-card strong{color:var(--product-text);letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;font-size:21px;overflow:hidden}.product-summary-card p{color:#99a2af;margin:0;font-size:9px}.product-toolbar{border:1px solid var(--product-border);background:#fff;border-radius:16px;align-items:center;gap:14px;padding:14px;display:flex;box-shadow:0 6px 22px #1e32500b}.product-search{background:#fbfcfd;border:1px solid #dfe5eb;border-radius:11px;flex:1;align-items:center;gap:9px;min-width:260px;height:43px;padding:0 12px;display:flex}.product-search:focus-within{border-color:#0ea083a6;box-shadow:0 0 0 4px #0ea08317}.product-search>svg{color:#8995a6;flex:none;width:17px}.product-search input{width:100%;min-width:0;height:100%;color:var(--product-text);background:0 0;border:0;outline:0;padding:0;font-family:inherit;font-size:12px}.product-search button{color:#718096;cursor:pointer;background:#edf0f3;border:0;border-radius:50%;flex:0 0 23px;place-items:center;width:23px;height:23px;padding:0;display:grid}.product-search button svg{width:13px}.product-filter-tabs{background:#f3f5f7;border-radius:11px;gap:4px;padding:4px;display:flex}.product-filter-tabs button{color:#718096;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;height:34px;padding:0 13px;font-family:inherit;font-size:10px;font-weight:750}.product-filter-tabs button.active{color:#fff;background:var(--product-primary);box-shadow:0 5px 13px #0ea08333}.product-result-count{color:#7c8899;white-space:nowrap;font-size:10px;font-weight:700}.modern-product-table{border:1px solid var(--product-border);background:#fff;border-radius:19px;padding:0;overflow:hidden;box-shadow:0 9px 29px #1e32500e}.product-table-scroll{overflow-x:auto}.modern-product-table table{border-spacing:0;border-collapse:separate;width:100%;min-width:1120px}.modern-product-table thead th{color:#718095;letter-spacing:.075em;text-align:left;white-space:nowrap;background:#f8fafb;border-bottom:1px solid #e9edf1;padding:13px 15px;font-size:9px;font-weight:800}.modern-product-table thead th:first-child,.modern-product-table tbody td:first-child{padding-left:23px}.modern-product-table thead th:last-child,.modern-product-table tbody td:last-child{padding-right:23px}.modern-product-table tbody td{color:#425066;vertical-align:middle;border-bottom:1px solid #edf0f3;padding:14px 15px;font-size:11px}.modern-product-table tbody tr{background:#fff;transition:background .2s}.modern-product-table tbody tr:hover{background:#fafdfc}.modern-product-table tbody tr:last-child td{border-bottom:0}.product-identity{align-items:center;gap:12px;min-width:245px;display:flex}.product-image-box{background:#f3f7f6;border:1px solid #e5e9ed;border-radius:13px;flex:0 0 51px;place-items:center;width:51px;height:51px;display:grid;position:relative;overflow:hidden}.product-image-box img{z-index:2;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:relative}.product-image-fallback{color:#0c9278;background:linear-gradient(135deg,#e1f7f1,#f0fbf8);place-items:center;display:none;position:absolute;inset:0}.product-image-fallback.visible{display:grid}.product-image-fallback svg{width:21px;height:21px}.product-title{min-width:0}.product-title>div{align-items:center;gap:7px;display:flex}.product-title b{color:#263348;text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:12px;overflow:hidden}.product-title>small{color:#8b96a5;text-overflow:ellipsis;white-space:nowrap;max-width:225px;margin-top:6px;font-size:9px;display:block;overflow:hidden}.product-type-badge{text-transform:uppercase;border-radius:5px;flex:none;padding:3px 6px;font-size:7px;font-weight:800}.product-type-badge.product{color:#087f6a;background:#e2f6f1}.product-type-badge.service{color:#7750c0;background:#eee8fb}.product-code b,.product-code small,.product-sale-rate b,.product-sale-rate small{display:block}.product-code b{color:#374458;margin-bottom:4px;font-size:10px}.product-code small{color:#929baa;font-size:8px}.product-mrp{color:#68758a;font-size:10px;text-decoration:line-through}.product-sale-rate b{color:#152034;margin-bottom:3px;font-size:12px}.product-sale-rate small{color:#0a8a65;font-size:8px;font-weight:700}.product-discount{color:#a65d0c;background:#fff2e0;border-radius:7px;align-items:center;gap:3px;padding:5px 7px;font-size:9px;font-weight:750;display:inline-flex}.product-discount svg{width:11px;height:11px}.product-tax{color:#2861b7;background:#edf3ff;border-radius:7px;padding:5px 8px;font-size:9px;font-weight:750;display:inline-flex}.product-unit{color:#5f6c7f;background:#f7f9fa;border:1px solid #e1e6eb;border-radius:7px;padding:5px 8px;font-size:9px;font-weight:750;display:inline-flex}.product-row-actions{gap:6px;display:flex}.product-row-actions button{cursor:pointer;border-radius:9px;place-items:center;width:33px;height:33px;padding:0;transition:transform .2s,background .2s;display:grid}.product-row-actions svg{width:14px;height:14px}.product-edit-action{color:#2563eb;background:#eff4ff;border:1px solid #d9e5ff}.product-edit-action:hover{background:#e3edff;transform:translateY(-2px)}.product-delete-action{color:#d24949;background:#fff1f1;border:1px solid #f0d9d9}.product-delete-action:hover{background:#ffe5e5;transform:translateY(-2px)}.product-delete-action:disabled{opacity:.55;cursor:not-allowed}.products-loading,.products-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:290px;padding:35px;display:flex}.products-loading>span{border:3px solid #dcefe9;border-top-color:var(--product-primary);border-radius:50%;width:35px;height:35px;animation:.8s linear infinite product-loading-spin}.products-loading p{color:#8290a2;margin:12px 0 0;font-size:11px}@keyframes product-loading-spin{to{transform:rotate(360deg)}}.products-empty>span{color:#0b9077;background:#e3f7f2;border-radius:21px;place-items:center;width:68px;height:68px;margin-bottom:15px;display:grid}.products-empty>span svg{width:29px;height:29px}.products-empty h3{color:var(--product-text);margin:0 0 7px;font-size:17px}.products-empty p{color:#8490a1;max-width:410px;margin:0;font-size:11px;line-height:1.6}.products-empty button{color:#087d68;cursor:pointer;background:#edf9f6;border:1px solid #cfe8e2;border-radius:9px;margin-top:16px;padding:9px 14px;font-family:inherit;font-size:10px;font-weight:750}.product-modal-form{gap:16px}.product-modal-form label{color:#485569;font-size:10px;font-weight:750}.product-modal-form label em{color:#dc4848;font-style:normal}.product-modal-form input,.product-modal-form select,.product-modal-form textarea{color:#253247;background:#fff;border:1px solid #dce3e9;border-radius:10px;outline:none;width:100%;margin-top:7px;font-family:inherit;font-size:11px}.product-modal-form input,.product-modal-form select{height:42px;padding:0 12px}.product-modal-form textarea{resize:vertical;min-height:80px;padding:11px 12px}.product-modal-form input:focus,.product-modal-form select:focus,.product-modal-form textarea:focus{border-color:#0ea083a6;box-shadow:0 0 0 4px #0ea08317}.product-image-upload>input{display:none}.product-upload-placeholder{width:100%;color:inherit;text-align:left;cursor:pointer;background:#f5fbf9;border:1px dashed #bcded6;border-radius:13px;align-items:center;gap:12px;padding:14px;font-family:inherit;display:flex}.product-upload-placeholder>span{color:#0a8a72;background:#dff5ef;border-radius:12px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.product-upload-placeholder>span svg{width:20px}.product-upload-placeholder>div{flex:1;min-width:0}.product-upload-placeholder strong,.product-upload-placeholder small{display:block}.product-upload-placeholder strong{color:#334155;margin-bottom:4px;font-size:11px}.product-upload-placeholder small{color:#8390a1;font-size:9px}.product-upload-placeholder>svg{color:#0ea083;width:18px}.product-upload-preview{background:#f8fbfa;border:1px solid #d9e8e4;border-radius:13px;align-items:center;gap:12px;padding:11px;display:flex}.product-upload-preview>img{-o-object-fit:cover;object-fit:cover;background:#fff;border:1px solid #e2e7eb;border-radius:12px;flex:0 0 62px;width:62px;height:62px}.product-upload-preview>div{flex:1;min-width:0}.product-upload-preview strong,.product-upload-preview small{display:block}.product-upload-preview strong{color:#334155;margin-bottom:4px;font-size:11px}.product-upload-preview small{color:#8490a1;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.product-upload-preview div button{color:#07836c;cursor:pointer;background:0 0;border:0;margin-top:7px;padding:0;font-family:inherit;font-size:9px;font-weight:750}.remove-product-image{color:#cf4848;cursor:pointer;background:#fff0f0;border:1px solid #efd5d5;border-radius:9px;flex:0 0 31px;place-items:center;width:31px;height:31px;padding:0;display:grid}.remove-product-image svg{width:14px}.three-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.product-amount-input,.product-percent-input{position:relative}.product-amount-input>span,.product-percent-input>span{color:#778397;position:absolute;top:50%;transform:translateY(-50%)}.product-amount-input>span{margin-top:3px;left:12px}.product-amount-input input{padding-left:28px}.product-percent-input>span{margin-top:3px;right:12px}.product-percent-input input{padding-right:28px}.product-price-preview{background:#f5fbf9;border:1px solid #dcebe7;border-radius:12px;grid-template-columns:1fr auto 1fr auto 1.2fr;align-items:center;gap:10px;padding:13px;display:grid}.product-price-preview>div{min-width:0}.product-price-preview small,.product-price-preview strong{display:block}.product-price-preview small{color:#8090a0;margin-bottom:4px;font-size:8px}.product-price-preview strong{color:#354155;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.product-price-preview>span{color:#9aa4b1;font-size:14px}.product-price-preview .total{background:#dff5ef;border-radius:9px;padding:8px 10px}.product-price-preview .total strong{color:#087d68}.product-modal-actions{justify-content:flex-end;gap:10px;padding-top:5px;display:flex}.product-cancel-button,.product-save-button{cursor:pointer;border-radius:10px;justify-content:center;align-items:center;min-height:43px;padding:0 18px;font-family:inherit;font-size:11px;font-weight:750;display:inline-flex}.product-cancel-button{color:#5f6c7e;background:#fff;border:1px solid #dce2e8}.product-save-button{color:#fff;background:linear-gradient(135deg,#0ea083,#087c68);border:0;box-shadow:0 8px 19px #0ea08338}.product-cancel-button:disabled,.product-save-button:disabled{opacity:.6;cursor:not-allowed}@media (width<=1050px){.product-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-toolbar{flex-direction:column;align-items:stretch}.product-search{width:100%}}@media (width<=700px){.product-filter-tabs{overflow-x:auto}.product-filter-tabs button{flex:1}.product-table-scroll{overflow:visible}.modern-product-table table{min-width:0;padding:11px;display:block}.modern-product-table thead{display:none}.modern-product-table tbody,.modern-product-table tr,.modern-product-table td{width:100%;display:block}.modern-product-table tbody tr{border:1px solid #e4e9ef;border-radius:15px;margin-bottom:13px;padding:5px 13px;box-shadow:0 5px 17px #1e32500d}.modern-product-table tbody td,.modern-product-table tbody td:first-child,.modern-product-table tbody td:last-child{border-bottom:1px dashed #e5e9ed;justify-content:space-between;align-items:center;gap:17px;padding:11px 0;display:flex}.modern-product-table tbody td:before{color:#8591a2;content:attr(data-label);letter-spacing:.05em;text-align:left;text-transform:uppercase;flex:0 0 78px;font-size:8px;font-weight:800}.modern-product-table tbody td:last-child{border-bottom:0}.product-identity{justify-content:flex-end;min-width:0}.product-title{text-align:left}.product-row-actions{justify-content:flex-end}.three-fields{grid-template-columns:1fr}}@media (width<=520px){.product-summary-grid{grid-template-columns:1fr}.product-filter-tabs button{min-width:max-content}.product-modal-form .field-pair,.product-price-preview{grid-template-columns:1fr}.product-price-preview>span{display:none}.product-modal-actions{flex-direction:column-reverse}.product-cancel-button,.product-save-button{width:100%}}.reports-page{flex-direction:column;gap:20px;min-width:0;display:flex}.reports-toolbar{background:#fff;border:1px solid #e3e9ef;border-radius:17px;align-items:center;gap:18px;padding:17px;display:flex;box-shadow:0 7px 24px #1e32500d}.report-date-heading{align-items:center;gap:10px;min-width:190px;display:flex}.report-date-heading>span{color:#0b8c74;background:#e3f7f2;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.report-date-heading svg{width:19px}.report-date-heading h3{color:#172033;margin:0 0 3px;font-size:14px}.report-date-heading p{color:#8490a1;margin:0;font-size:9px}.report-date-fields{align-items:flex-end;gap:9px;display:flex}.report-date-fields label{color:#667388;font-size:9px;font-weight:750}.report-date-fields input{border:1px solid #dce3e9;border-radius:9px;outline:none;height:40px;margin-top:5px;padding:0 10px;font-family:inherit;font-size:10px;display:block}.report-date-fields input:focus{border-color:#0ea083;box-shadow:0 0 0 3px #0ea08317}.report-refresh,.report-export-actions button{cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:6px;height:40px;padding:0 12px;font-family:inherit;font-size:9px;font-weight:750;display:inline-flex}.report-refresh{color:#536175;background:#fff;border:1px solid #dce3e9}.report-refresh svg,.report-export-actions svg{width:14px}.report-export-actions{gap:7px;margin-left:auto;display:flex}.gst-csv-button{color:#087c67;background:#edf9f6;border:1px solid #cde7df}.gstr-json-button{color:#fff;background:linear-gradient(135deg,#0ea083,#087c67);border:0;box-shadow:0 7px 17px #0ea08333}.report-export-actions button:disabled{opacity:.55;cursor:not-allowed}.report-stat-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;display:grid}.report-stat{background:#fff;border:1px solid #e4e9ef;border-radius:16px;align-items:center;gap:11px;min-width:0;padding:17px;display:flex;box-shadow:0 7px 22px #1e32500d}.report-stat-icon{border-radius:11px;flex:0 0 39px;place-items:center;width:39px;height:39px;display:grid}.report-stat-icon svg{width:18px}.report-stat.blue .report-stat-icon{color:#2563eb;background:#e8f0ff}.report-stat.purple .report-stat-icon{color:#7d50cd;background:#f0eafe}.report-stat.teal .report-stat-icon{color:#087f6a;background:#e1f7f1}.report-stat.green .report-stat-icon{color:#13805b;background:#e2f7ec}.report-stat.orange .report-stat-icon{color:#bd680d;background:#fff0dc}.report-stat.pink .report-stat-icon{color:#c24778;background:#fce9f1}.report-stat>div{min-width:0}.report-stat small,.report-stat strong,.report-stat p{display:block}.report-stat small{color:#7c899a;margin-bottom:4px;font-size:8px}.report-stat strong{color:#172033;text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;font-size:17px;overflow:hidden}.report-stat p{color:#9aa3af;margin:0;font-size:7px}.gst-breakup-card{background:radial-gradient(circle at 95% 0,#0ea0831f,#0000 30%),#fff;border:1px solid #d8eae5;border-radius:18px;padding:21px;box-shadow:0 8px 25px #1e32500d}.gst-breakup-heading{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.gst-breakup-heading h3{color:#172033;margin:0 0 4px;font-size:15px}.gst-breakup-heading p{color:#8290a1;margin:0;font-size:9px}.gst-breakup-heading>strong{color:#087f69;font-size:23px}.gst-breakup-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.gst-breakup-grid>div{border-radius:11px;padding:13px}.gst-breakup-grid small,.gst-breakup-grid strong{display:block}.gst-breakup-grid small{margin-bottom:5px;font-size:8px}.gst-breakup-grid strong{font-size:13px}.gst-breakup-grid .cgst{color:#2563eb;background:#edf3ff}.gst-breakup-grid .sgst{color:#7d50cd;background:#f2edfc}.gst-breakup-grid .igst{color:#bd680d;background:#fff2e2}.gst-breakup-grid .taxable{color:#087f69;background:#e8f8f4}.gst-validation-warning{background:#fff8eb;border:1px solid #f1d5a8;border-radius:13px;gap:12px;padding:15px;display:flex}.gst-validation-warning>span{color:#c57815}.gst-validation-warning svg{width:20px}.gst-validation-warning h3{color:#8d5511;margin:0 0 4px;font-size:12px}.gst-validation-warning p{color:#9c722f;margin:0 0 8px;font-size:9px}.gst-validation-warning div div{flex-wrap:wrap;gap:6px;display:flex}.gst-validation-warning b{color:#a35d0b;background:#ffedcf;border-radius:6px;padding:4px 7px;font-size:8px}.report-chart-card,.report-invoice-card{background:#fff;border:1px solid #e4e9ef;border-radius:18px;overflow:hidden;box-shadow:0 8px 25px #1e32500d}.report-section-heading,.report-table-heading{border-bottom:1px solid #edf0f3;justify-content:space-between;align-items:center;padding:19px 21px;display:flex}.report-section-heading h3,.report-table-heading h3{color:#172033;margin:0 0 4px;font-size:15px}.report-section-heading p,.report-table-heading p{color:#8490a1;margin:0;font-size:9px}.report-chart{height:310px;padding:18px}.report-chart-empty{color:#8c97a7;place-items:center;height:100%;font-size:11px;display:grid}.report-search{border:1px solid #dfe5eb;border-radius:9px;align-items:center;gap:7px;width:280px;height:39px;padding:0 11px;display:flex}.report-search svg{color:#8793a4;width:14px}.report-search input{border:0;outline:none;width:100%;font-family:inherit;font-size:9px}.report-table-scroll{overflow-x:auto}.report-table-scroll table{border-collapse:collapse;width:100%;min-width:1050px}.report-table-scroll th{color:#718095;letter-spacing:.06em;text-align:left;background:#f8fafb;border-bottom:1px solid #e8edf1;padding:12px 14px;font-size:8px}.report-table-scroll td{color:#465367;border-bottom:1px solid #edf0f3;padding:13px 14px;font-size:9px}.report-table-scroll td b,.report-table-scroll td small{display:block}.report-table-scroll td small{color:#929baa;margin-top:4px;font-size:8px}.report-table-scroll .gstin{color:#087f69;font-weight:700}.report-table-scroll .missing{color:#bd4d4d;background:#fff0f0;border-radius:5px;padding:4px 6px;font-weight:700}.gst-total{color:#7850bd}.report-empty{color:#8793a4;place-items:center;min-height:180px;font-size:10px;display:grid}.gst-export-note{color:#7c642f;background:#fff9ed;border-radius:11px;align-items:flex-start;gap:9px;padding:12px 14px;display:flex}.gst-export-note svg{flex:none;width:16px}.gst-export-note p{margin:0;font-size:9px;line-height:1.55}@media (width<=1250px){.report-stat-grid{grid-template-columns:repeat(3,1fr)}.reports-toolbar{flex-wrap:wrap}}@media (width<=800px){.reports-toolbar{flex-direction:column;align-items:stretch}.report-date-fields,.report-export-actions{width:100%;margin-left:0}.report-date-fields label{flex:1}.report-date-fields input{width:100%}.report-export-actions button{flex:1}.gst-breakup-grid{grid-template-columns:repeat(2,1fr)}.report-table-heading{flex-direction:column;align-items:stretch;gap:12px}.report-search{width:100%}}@media (width<=520px){.report-stat-grid,.gst-breakup-grid{grid-template-columns:1fr}.report-date-fields{flex-direction:column;align-items:stretch}.report-export-actions{flex-direction:column}.gst-breakup-heading{flex-direction:column;align-items:flex-start;gap:10px}}.plans-page{--plan-primary:#0ea083;--plan-primary-dark:#087d69;--plan-navy:#172033;--plan-muted:#758195;--plan-border:#e4e9ef;flex-direction:column;gap:27px;min-width:0;display:flex}.plans-hero{text-align:center;background:radial-gradient(circle at 15% 15%,#27d2b133,#0000 27%),radial-gradient(circle at 88% 82%,#2d75d738,#0000 29%),linear-gradient(135deg,#092d40,#064c51 58%,#087965);border-radius:24px;padding:54px 28px;position:relative;overflow:hidden;box-shadow:0 18px 42px #063d4333}.plans-hero-glow{pointer-events:none;border:1px solid #ffffff14;border-radius:50%;position:absolute}.plans-glow-one{width:260px;height:260px;top:-100px;left:-50px}.plans-glow-two{width:330px;height:330px;bottom:-130px;right:-110px}.plans-hero-content{z-index:1;max-width:760px;margin:auto;position:relative}.plans-eyebrow{color:#a9f3df;letter-spacing:.12em;background:#ffffff14;border:1px solid #ffffff29;border-radius:20px;align-items:center;gap:7px;margin-bottom:17px;padding:7px 11px;font-size:9px;font-weight:850;display:inline-flex}.plans-eyebrow svg{width:13px;height:13px}.plans-hero h1{color:#fff;letter-spacing:-.055em;margin:0;font-size:clamp(31px,5vw,49px);line-height:1.1}.plans-hero h1 span{color:#73e6cc}.plans-hero>.plans-hero-content>p{color:#ffffffb3;max-width:630px;margin:17px auto 0;font-size:13px;line-height:1.7}.plans-hero-benefits{flex-wrap:wrap;justify-content:center;gap:18px;margin-top:24px;display:flex}.plans-hero-benefits span{color:#ffffffd1;align-items:center;gap:6px;font-size:10px;font-weight:650;display:inline-flex}.plans-hero-benefits svg{color:#62e0c2;width:14px;height:14px}.modern-plans-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:17px;display:grid}.modern-plans-grid.three-plans{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:1100px;margin:auto}.modern-plan{border:1px solid var(--plan-border);background:#fff;border-radius:21px;flex-direction:column;min-width:0;padding:23px;transition:border-color .24s,box-shadow .24s,transform .24s;display:flex;position:relative;overflow:hidden;box-shadow:0 9px 28px #1e325011}.modern-plan:hover{border-color:#0ea08352;transform:translateY(-6px);box-shadow:0 18px 40px #1e32501c}.modern-plan.popular{background:linear-gradient(#0ea0830e,#0000 24%),#fff;border:2px solid #0ea083;box-shadow:0 18px 42px #0ea08329}.modern-plan.current{border-color:#2563eb}.popular-plan-label,.current-plan-label{color:#fff;letter-spacing:.07em;border-radius:0 0 8px 8px;align-items:center;gap:5px;height:25px;padding:0 10px;font-size:7px;font-style:normal;font-weight:850;display:inline-flex;position:absolute;top:0;right:18px}.popular-plan-label{background:linear-gradient(135deg,#0ea083,#087d69)}.current-plan-label{background:linear-gradient(135deg,#2563eb,#194bb3)}.popular-plan-label svg,.current-plan-label svg{width:10px;height:10px}.plan-top{align-items:flex-start;gap:12px;margin:9px 0 22px;display:flex}.plan-icon{border-radius:14px;flex:0 0 45px;place-items:center;width:45px;height:45px;display:grid}.plan-icon svg{width:21px;height:21px}.modern-plan.free .plan-icon{color:#526175;background:#edf0f3}.modern-plan.starter .plan-icon{color:#2563eb;background:#e9f1ff}.modern-plan.professional .plan-icon{color:#087f6a;background:#e0f6f1}.modern-plan.business .plan-icon{color:#7b50c6;background:#f0eafe}.plan-top>div{min-width:0}.plan-top h3{color:var(--plan-navy);letter-spacing:-.025em;margin:0 0 5px;font-size:17px}.plan-top p{color:#7f8b9c;margin:0;font-size:9px;line-height:1.55}.plan-price{min-height:47px;color:var(--plan-navy);align-items:baseline;margin-bottom:4px;display:flex}.plan-price .price-symbol{margin-right:2px;font-size:18px;font-weight:800}.plan-price b{letter-spacing:-.06em;font-size:clamp(31px,3vw,39px);line-height:1}.plan-price>span:last-child{color:#7e8998;margin-left:6px;font-size:10px;font-weight:600}.plan-tax-note{color:#9aa3b0;min-height:14px;margin:0 0 16px;font-size:8px}.plan-limit{background:#f6f8fa;border-radius:11px;align-items:center;gap:9px;margin-bottom:18px;padding:11px;display:flex}.plan-limit>span{color:#0b8971;background:#e0f5f0;border-radius:9px;flex:0 0 31px;place-items:center;width:31px;height:31px;display:grid}.plan-limit svg{width:15px;height:15px}.plan-limit strong,.plan-limit small{display:block}.plan-limit strong{color:#2d394d;margin-bottom:2px;font-size:12px}.plan-limit small{color:#8792a1;font-size:8px}.choose-plan-button{cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;font-family:inherit;font-size:10px;font-weight:800;transition:transform .2s,box-shadow .2s;display:inline-flex}.choose-plan-button.primary{color:#fff;background:linear-gradient(135deg,#0ea083,#087d69);border:0;box-shadow:0 8px 19px #0ea08338}.choose-plan-button.outline{color:#344054;background:#fff;border:1px solid #d9e2e9}.choose-plan-button:hover:not(:disabled){transform:translateY(-2px)}.choose-plan-button.outline:hover:not(:disabled){color:#087d69;background:#f1faf7;border-color:#0ea0836b}.choose-plan-button svg{width:14px;height:14px}.choose-plan-button:disabled{color:#2563eb;box-shadow:none;cursor:default;opacity:1;background:#eef4ff;border-color:#d7e4ff}.plan-button-loader{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite plan-spin}@keyframes plan-spin{to{transform:rotate(360deg)}}.plan-divider{color:#939daa;letter-spacing:.09em;align-items:center;margin:22px 0 16px;font-size:7px;font-weight:850;display:flex;position:relative}.plan-divider:after{content:"";background:#e8ecf0;flex:1;height:1px;margin-left:9px}.plan-features{flex-direction:column;flex:1;gap:11px;margin:0;padding:0;list-style:none;display:flex}.plan-features li{color:#586579;align-items:flex-start;gap:8px;font-size:9px;line-height:1.5;display:flex}.plan-features li>span{color:#087e68;background:#e0f5ef;border-radius:50%;flex:0 0 17px;place-items:center;width:17px;height:17px;margin-top:-1px;display:grid}.plan-features svg{stroke-width:3px;width:10px;height:10px}.plan-card-footer{color:#8792a1;background:#fafbfc;border-top:1px solid #edf0f3;justify-content:center;align-items:center;gap:5px;margin:21px -23px -23px;padding:11px;font-size:7px;display:flex}.plan-card-footer svg{color:#0b8b73;width:11px;height:11px}.plans-loading-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;display:grid}.plan-skeleton{background:#fff;border:1px solid #e6ebef;border-radius:21px;min-height:460px;padding:23px}.plan-skeleton-icon,.plan-skeleton-title,.plan-skeleton-text,.plan-skeleton-price,.plan-skeleton-button,.plan-skeleton-feature{background:linear-gradient(90deg,#edf0f3 25%,#f8f9fa 50%,#edf0f3 75%) 0 0/200% 100%;border-radius:8px;animation:1.3s infinite plan-skeleton}.plan-skeleton-icon{width:45px;height:45px;margin-bottom:20px}.plan-skeleton-title{width:55%;height:18px;margin-bottom:10px}.plan-skeleton-text{width:90%;height:11px;margin-bottom:28px}.plan-skeleton-price{width:65%;height:38px;margin-bottom:25px}.plan-skeleton-button{width:100%;height:44px;margin-bottom:30px}.plan-skeleton-feature{width:85%;height:10px;margin-bottom:14px}@keyframes plan-skeleton{to{background-position:-200% 0}}.plans-assurance{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.plans-assurance>div{border:1px solid var(--plan-border);background:#fff;border-radius:15px;align-items:center;gap:12px;padding:17px;display:flex}.plans-assurance>div>span{color:#087f69;background:#e3f7f2;border-radius:12px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid}.plans-assurance svg{width:18px}.plans-assurance h3{color:#273448;margin:0 0 4px;font-size:11px}.plans-assurance p{color:#8792a2;margin:0;font-size:8px;line-height:1.5}.plans-bottom-cta{background:radial-gradient(circle at 92% 0,#42d8b536,#0000 30%),linear-gradient(135deg,#092d40,#07594f);border-radius:20px;justify-content:space-between;align-items:center;gap:25px;padding:29px;display:flex;box-shadow:0 14px 34px #063d432e}.plans-bottom-cta span{color:#75e5cb;letter-spacing:.11em;font-size:8px;font-weight:850}.plans-bottom-cta h2{color:#fff;margin:7px 0;font-size:21px}.plans-bottom-cta p{color:#ffffffa6;margin:0;font-size:9px}.plans-bottom-cta a{color:#07594f;background:#fff;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:7px;min-height:43px;padding:0 17px;font-size:10px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 8px 19px #00000021}.plans-bottom-cta a svg{width:14px}.plans-empty{text-align:center;background:#fff;border:1px dashed #d8e0e7;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:35px;display:flex}.plans-empty>span{color:#0b8a72;background:#e2f7f1;border-radius:21px;place-items:center;width:67px;height:67px;margin-bottom:15px;display:grid}.plans-empty h3{color:#172033;margin:0 0 7px;font-size:17px}.plans-empty p{color:#8290a2;max-width:400px;margin:0;font-size:10px;line-height:1.6}@media (width<=1250px){.modern-plans-grid,.plans-loading-grid,.modern-plans-grid.three-plans{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.plans-hero{padding:43px 20px}.plans-assurance{grid-template-columns:1fr}.plans-bottom-cta{flex-direction:column;align-items:flex-start}}@media (width<=600px){.modern-plans-grid,.modern-plans-grid.three-plans,.plans-loading-grid{grid-template-columns:1fr}.plans-hero h1{font-size:32px}.plans-hero-benefits{flex-direction:column;align-items:center;gap:9px}.modern-plan{padding:20px}.plan-card-footer{margin:21px -20px -20px}.plans-bottom-cta a{width:100%}}.payments-page{--payment-primary:#0ea083;--payment-primary-dark:#087c68;--payment-text:#172033;--payment-muted:#758195;--payment-border:#e4e9ef;flex-direction:column;gap:21px;min-width:0;display:flex}.payment-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;display:grid}.payment-summary-card{border:1px solid var(--payment-border);background:#fff;border-radius:17px;align-items:center;gap:13px;min-width:0;padding:18px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 7px 23px #1e32500e}.payment-summary-card:after{content:"";opacity:.34;border-radius:50%;width:75px;height:75px;position:absolute;top:-23px;right:-23px}.payment-summary-card.blue:after{background:#bfd6ff}.payment-summary-card.orange:after{background:#ffd7a7}.payment-summary-card.green:after{background:#bdebd3}.payment-summary-card.red:after{background:#ffc6c6}.payment-summary-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px #1e325017}.payment-summary-card>span{z-index:1;border-radius:13px;flex:0 0 43px;place-items:center;width:43px;height:43px;display:grid;position:relative}.payment-summary-card>span svg{width:20px}.payment-summary-card.blue>span{color:#2563eb;background:#e8f0ff}.payment-summary-card.orange>span{color:#bd680d;background:#fff0dc}.payment-summary-card.green>span{color:#12805c;background:#e2f7ec}.payment-summary-card.red>span{color:#c24a4a;background:#ffeded}.payment-summary-card>div{min-width:0}.payment-summary-card small,.payment-summary-card strong,.payment-summary-card p{display:block}.payment-summary-card small{color:#7c899a;margin-bottom:4px;font-size:9px;font-weight:700}.payment-summary-card strong{color:var(--payment-text);letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;margin-bottom:3px;font-size:20px;overflow:hidden}.payment-summary-card p{color:#98a2af;margin:0;font-size:8px}.payments-main-grid{grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);align-items:start;gap:19px;display:grid}.payment-form-card,.outstanding-card{border:1px solid var(--payment-border);background:#fff;border-radius:19px;min-width:0;padding:22px;box-shadow:0 9px 28px #1e32500e}.payment-form-heading{border-bottom:1px solid #edf0f3;align-items:center;gap:12px;margin-bottom:7px;padding-bottom:18px;display:flex}.payment-form-heading>span{color:#fff;background:linear-gradient(135deg,#0ea083,#087c68);border-radius:13px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 7px 18px #0ea08338}.payment-form-heading svg{width:20px}.payment-form-heading h3{color:var(--payment-text);margin:0 0 4px;font-size:16px}.payment-form-heading p{color:#8190a1;margin:0;font-size:9px}.payment-form-card label{color:#4a576b;font-size:10px;font-weight:750}.payment-form-card label em{color:#d84a4a;font-style:normal}.payment-form-card input,.payment-form-card select,.payment-form-card textarea{color:#253247;background:#fff;border:1px solid #dce3e9;border-radius:10px;outline:none;width:100%;margin-top:7px;font-family:inherit;font-size:11px}.payment-form-card input,.payment-form-card select{height:43px;padding:0 12px}.payment-form-card textarea{resize:vertical;min-height:76px;padding:11px 12px}.payment-form-card input:focus,.payment-form-card select:focus,.payment-form-card textarea:focus{border-color:#0ea083a6;box-shadow:0 0 0 4px #0ea08317}.payment-form-card input:disabled{color:#9aa3af;cursor:not-allowed;background:#f2f4f6}.selected-invoice-card{background:radial-gradient(circle at 95% 0,#0ea0831a,#0000 32%),#f8fcfb;border:1px solid #d7e9e4;border-radius:13px;padding:14px;overflow:hidden}.selected-invoice-top{align-items:center;gap:10px;display:flex}.selected-invoice-icon{color:#0a8870;background:#dcf4ee;border-radius:11px;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.selected-invoice-icon svg{width:18px}.selected-invoice-top>div{flex:1;min-width:0}.selected-invoice-top small,.selected-invoice-top strong,.selected-invoice-top p{display:block}.selected-invoice-top small{color:#8793a3;margin-bottom:2px;font-size:7px}.selected-invoice-top strong{color:#263348;margin-bottom:4px;font-size:12px}.selected-invoice-top p{color:#718095;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;margin:0;font-size:8px;display:flex;overflow:hidden}.selected-invoice-top p svg{width:10px}.selected-due-badge{color:#6e7b8e;background:#edf0f3;border-radius:7px;flex:none;padding:5px 7px;font-size:7px;font-weight:750}.selected-due-badge.overdue{color:#bb4545;background:#ffebeb}.selected-invoice-values{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:13px;display:grid}.selected-invoice-values>div{background:#fff;border-radius:9px;min-width:0;padding:9px}.selected-invoice-values small,.selected-invoice-values strong{display:block}.selected-invoice-values small{color:#8994a4;margin-bottom:4px;font-size:7px}.selected-invoice-values strong{color:#344054;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.selected-invoice-values .received strong{color:#0a805f}.selected-invoice-values .outstanding strong{color:#c26c10}.payment-amount-input{position:relative}.payment-amount-input>span{z-index:1;color:#748095;margin-top:3px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.payment-amount-input input{padding-left:28px}.payment-quick-amounts{flex-wrap:wrap;align-items:center;gap:6px;margin-top:-7px;display:flex}.payment-quick-amounts>span{color:#8792a2;margin-right:3px;font-size:8px}.payment-quick-amounts button{color:#087e69;cursor:pointer;background:#f0faf7;border:1px solid #d9e8e4;border-radius:7px;min-height:26px;padding:0 9px;font-family:inherit;font-size:8px;font-weight:750}.payment-quick-amounts button:hover{background:#e2f6f1;border-color:#acdacf}.payment-method-field{border:0;margin:0;padding:0}.payment-method-field legend{color:#4a576b;margin-bottom:8px;font-size:10px;font-weight:750}.payment-method-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.payment-method-grid label{cursor:pointer;background:#fafbfc;border:1px solid #e0e5ea;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:76px;padding:9px;transition:all .2s;display:flex;position:relative}.payment-method-grid label:hover{background:#f4faf8;border-color:#badfd6}.payment-method-grid label.active{background:#ebf9f5;border-color:#0ea083;box-shadow:0 0 0 3px #0ea08314}.payment-method-grid input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.payment-method-grid label>span{color:#69768a;background:#edf0f3;border-radius:9px;place-items:center;width:29px;height:29px;display:grid}.payment-method-grid label.active>span{color:#087f69;background:#d7f2eb}.payment-method-grid svg{width:14px}.payment-method-grid b{color:#536074;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:8px;overflow:hidden}.payment-method-grid label.active b{color:#087f69}.payment-calculation{border-radius:11px;grid-template-columns:1fr auto 1fr auto;align-items:center;gap:11px;padding:12px;display:grid}.payment-calculation.full{background:#effaf6;border:1px solid #cce8df}.payment-calculation.partial{background:#fff8ec;border:1px solid #eddcbf}.payment-calculation small,.payment-calculation strong{display:block}.payment-calculation small{color:#8390a1;margin-bottom:3px;font-size:7px}.payment-calculation strong{color:#334155;font-size:11px}.payment-calculation>span{color:#94a0af}.payment-calculation>b{white-space:nowrap;border-radius:7px;padding:5px 7px;font-size:7px}.payment-calculation.full>b{color:#087e69;background:#d9f2eb}.payment-calculation.partial>b{color:#a6600f;background:#ffebcb}.record-payment-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea083,#087c68);border:0;border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:45px;font-family:inherit;font-size:11px;font-weight:800;display:inline-flex;box-shadow:0 8px 20px #0ea0833b}.record-payment-button svg{width:16px}.record-payment-button:disabled{box-shadow:none;opacity:.55;cursor:not-allowed}.payment-button-loader{border:2px solid #ffffff73;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite payment-spin}@keyframes payment-spin{to{transform:rotate(360deg)}}.outstanding-card{padding:0}.outstanding-heading{justify-content:space-between;align-items:center;padding:19px 20px 14px;display:flex}.outstanding-heading h3{color:var(--payment-text);margin:0 0 4px;font-size:15px}.outstanding-heading p{color:#8290a1;margin:0;font-size:8px}.outstanding-heading>button{color:#647186;cursor:pointer;background:#fff;border:1px solid #dfe5ea;border-radius:9px;place-items:center;width:33px;height:33px;padding:0;display:grid}.outstanding-heading>button:hover{color:#087e69;background:#f0faf7}.outstanding-heading button svg{width:14px}.outstanding-search{background:#fafbfc;border:1px solid #dfe5eb;border-radius:10px;align-items:center;gap:8px;height:40px;margin:0 20px 13px;padding:0 11px;display:flex}.outstanding-search>svg{color:#8995a5;flex:none;width:14px}.outstanding-search input{background:0 0;border:0;outline:none;width:100%;min-width:0;height:100%;padding:0;font-family:inherit;font-size:9px}.outstanding-search button{color:#6f7c90;cursor:pointer;background:#edf0f3;border:0;border-radius:50%;flex:0 0 22px;place-items:center;width:22px;height:22px;padding:0;display:grid}.outstanding-search button svg{width:12px}.outstanding-list{max-height:570px;padding:0 12px 12px;overflow-y:auto}.outstanding-invoice{width:100%;color:inherit;text-align:left;cursor:pointer;background:#f8fafb;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;margin-bottom:7px;padding:11px;font-family:inherit;transition:all .2s;display:flex}.outstanding-invoice:hover{background:#f2faf7;border-color:#d9e8e4;transform:translate(2px)}.outstanding-invoice.active{background:#eaf8f4;border-color:#0ea083;box-shadow:0 0 0 3px #0ea08312}.outstanding-icon{color:#bd680d;background:#fff0dc;border-radius:10px;flex:0 0 36px;place-items:center;width:36px;height:36px;display:grid}.outstanding-invoice.active .outstanding-icon{color:#087f69;background:#d8f2eb}.outstanding-icon svg{width:16px}.outstanding-info{flex:1;min-width:0}.outstanding-info>div{align-items:center;gap:5px;display:flex}.outstanding-info b{color:#344054;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.overdue-label{color:#bd4545;text-transform:uppercase;background:#ffebeb;border-radius:5px;flex:none;padding:3px 5px;font-size:6px;font-weight:800}.outstanding-info small,.outstanding-info p{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.outstanding-info small{color:#758195;margin-top:4px;font-size:8px}.outstanding-info p{color:#9ba4b1;margin:3px 0 0;font-size:7px}.outstanding-amount{text-align:right;flex:none}.outstanding-amount small,.outstanding-amount strong{display:block}.outstanding-amount small{color:#939daa;margin-bottom:4px;font-size:7px}.outstanding-amount strong{color:#bd680d;font-size:10px}.outstanding-footer{background:#f8fafb;border-top:1px solid #e9edf1;border-radius:0 0 19px 19px;justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.outstanding-footer span{color:#758195;font-size:9px;font-weight:700}.outstanding-footer strong{color:#b9660e;font-size:14px}.outstanding-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:300px;padding:25px;display:flex}.outstanding-empty>span{color:#0a876f;background:#e2f7f1;border-radius:18px;place-items:center;width:58px;height:58px;margin-bottom:13px;display:grid}.outstanding-empty>span svg{width:26px}.outstanding-empty h4{color:#263348;margin:0 0 6px;font-size:13px}.outstanding-empty p{color:#8692a2;max-width:270px;margin:0;font-size:9px;line-height:1.55}.payment-list-skeleton{align-items:center;gap:10px;margin-bottom:7px;padding:11px;display:flex}.payment-list-skeleton>span{background:#edf0f3;border-radius:10px;width:36px;height:36px}.payment-list-skeleton>div{flex:1}.payment-list-skeleton i{background:linear-gradient(90deg,#edf0f3 25%,#f8f9fa 50%,#edf0f3 75%) 0 0/200% 100%;border-radius:7px;width:75%;height:9px;margin-bottom:8px;animation:1.3s infinite payment-skeleton;display:block}.payment-list-skeleton i:last-child{width:50%;margin-bottom:0}@keyframes payment-skeleton{to{background-position:-200% 0}}@media (width<=1100px){.payment-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payments-main-grid{grid-template-columns:1fr}.outstanding-list{max-height:500px}}@media (width<=650px){.payment-summary-grid{grid-template-columns:1fr}.payment-form-card{padding:17px}.payment-method-grid{grid-template-columns:repeat(2,1fr)}.selected-invoice-values,.payment-calculation{grid-template-columns:1fr}.payment-calculation>span{display:none}.payment-form-card .field-pair{grid-template-columns:1fr}}