:root{--navy:#071b2d;--navy2:#0b2a43;--green:#168365;--green-dark:#126e55;--ink:#142538;--muted:#68788a;--line:#e3e9ee;--canvas:#f4f7f8;--white:#fff;--shadow:0 1px 2px rgba(12,35,53,.04),0 12px 30px rgba(19,50,70,.045)}
*{box-sizing:border-box}html{background:var(--canvas)}body{margin:0;background:var(--canvas);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(32,164,126,.2);outline-offset:1px}.hidden{display:none!important}.app-shell{min-height:100vh}
.sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:252px;display:flex;flex-direction:column;color:#dbe6ed;background:linear-gradient(180deg,var(--navy),#08243a 62%,var(--navy2));border-right:1px solid rgba(255,255,255,.05)}.sidebar-brand{height:78px;padding:0 20px;display:flex;align-items:center;gap:11px;border-bottom:1px solid rgba(255,255,255,.075)}.logo-mark{width:37px;height:37px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#27b88c,#128064);border-radius:11px;box-shadow:0 7px 18px rgba(17,139,105,.3);font-size:21px;font-weight:800}.sidebar-brand>div{display:flex;flex-direction:column;line-height:1.1}.sidebar-brand strong{color:#fff;font-size:16px}.sidebar-brand small{margin-top:5px;color:#8096a8;font-size:9px;letter-spacing:.1em;text-transform:uppercase}.close-menu{display:none;margin-left:auto;color:#fff;background:transparent;border:0;font-size:25px}.workspace{margin:17px 14px 11px;padding:10px;display:grid;grid-template-columns:32px 1fr 16px;gap:9px;align-items:center;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);border-radius:11px}.workspace>span{width:32px;height:32px;display:grid;place-items:center;color:#bde8db;background:#254a63;border-radius:9px;font-size:11px;font-weight:800}.workspace div{min-width:0;display:flex;flex-direction:column}.workspace strong{overflow:hidden;color:#eef5f8;font-size:11px;white-space:nowrap;text-overflow:ellipsis}.workspace small{margin-top:3px;color:#7990a2;font-size:9px}.workspace b{color:#7791a1}
#navigation{padding:5px 11px;display:flex;flex-direction:column}.nav-label{padding:11px 12px 7px;color:#687f91;font-size:9px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.nav-label.analysis{margin-top:8px}.nav-item{position:relative;height:42px;padding:0 12px;display:flex;align-items:center;gap:11px;color:#9eb0be;background:transparent;border:0;border-radius:9px;font-size:11px;font-weight:650;text-align:left;transition:.18s}.nav-item i{width:18px;color:#9bb2c0;font-size:16px;font-style:normal;text-align:center}.nav-item:hover{color:#fff;background:rgba(255,255,255,.055)}.nav-item.active{color:#fff;background:linear-gradient(90deg,rgba(31,162,124,.24),rgba(31,162,124,.11))}.nav-item.active:before{content:"";position:absolute;left:0;width:3px;height:20px;background:#32c398;border-radius:3px;box-shadow:0 0 10px rgba(50,195,152,.45)}.nav-item em{margin-left:auto;min-width:20px;height:20px;padding:0 6px;display:grid;place-items:center;color:#d9fff3;background:rgba(39,181,140,.24);border-radius:10px;font-size:9px;font-style:normal}.sales-tip{margin:auto 14px 13px;padding:13px;color:#8ea3b2;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.065);border-radius:11px}.sales-tip>span{width:28px;height:28px;display:grid;place-items:center;color:#56d2ae;background:rgba(37,183,140,.13);border-radius:8px}.sales-tip strong{display:block;margin:9px 0 3px;color:#dbe7ed;font-size:10px}.sales-tip p{margin:0;font-size:9px;line-height:1.55}.sidebar-user{min-height:66px;padding:11px 15px;display:grid;grid-template-columns:34px 1fr 27px;gap:9px;align-items:center;border-top:1px solid rgba(255,255,255,.07)}.sidebar-user>span{width:34px;height:34px;display:grid;place-items:center;color:#e8fff8;background:#1a755e;border-radius:10px;font-size:10px;font-weight:800}.sidebar-user div{display:flex;flex-direction:column}.sidebar-user strong{color:#edf4f7;font-size:10px}.sidebar-user small{margin-top:3px;color:#71899a;font-size:8px}.sidebar-user button{color:#8298a8;background:transparent;border:0;font-size:17px}
.main-area{min-height:100vh;margin-left:252px}.topbar{position:sticky;top:0;z-index:30;height:64px;padding:0 28px;display:flex;align-items:center;gap:18px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(15px)}.menu-button{display:none;color:var(--ink);background:transparent;border:0;font-size:20px}.search-box{width:min(420px,45vw);height:38px;padding:0 12px;display:flex;align-items:center;gap:9px;color:#8b98a6;background:#f5f7f8;border:1px solid #e8edf0;border-radius:9px}.search-box input{width:100%;color:var(--ink);background:transparent;border:0;font-size:10px}.search-box input:focus{outline:0}.top-actions{margin-left:auto;display:flex;align-items:center;gap:13px}.notification{position:relative;width:36px;height:36px;color:#536578;background:#fff;border:1px solid var(--line);border-radius:9px}.notification i{position:absolute;top:7px;right:7px;width:6px;height:6px;background:#eb6a57;border:2px solid #fff;border-radius:50%}.date-time-chip,.db-chip{display:flex;align-items:center;gap:7px;color:#627386;font-size:9px;font-weight:650}.date-time-chip{min-width:122px;padding:5px 9px;background:#f6f8f9;border:1px solid #e9edef;border-radius:9px}.date-time-chip>i{color:#168365;font-size:13px;font-style:normal}.date-time-chip>span{display:flex;flex-direction:column;gap:1px}.date-time-chip b{color:#3e5264;font-size:9px;white-space:nowrap}.date-time-chip small{color:#168365;font-size:8px;font-weight:800;letter-spacing:.035em}.db-chip{padding:7px 10px;background:#f5f8f7;border-radius:8px}.db-chip i{width:7px;height:7px;background:#25a77f;border-radius:50%;box-shadow:0 0 0 3px #d9f0e9}.page{max-width:1540px;margin:0 auto;padding:27px 28px 40px}.page-heading{margin-bottom:23px;display:flex;justify-content:space-between;align-items:flex-end;gap:24px}.eyebrow{display:block;margin-bottom:5px;color:var(--green);font-size:8px;font-weight:850;letter-spacing:.13em;text-transform:uppercase}.page-heading h1{margin:0;color:#12273a;font-size:clamp(23px,2.15vw,31px);letter-spacing:-.035em;line-height:1.1}.page-heading p{margin:7px 0 0;color:var(--muted);font-size:10px}.heading-actions{display:flex;gap:9px}.button{min-height:38px;padding:0 15px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;font-size:10px;font-weight:800;transition:.16s}.button.primary{color:#fff;background:var(--green);border:1px solid var(--green);box-shadow:0 5px 13px rgba(20,129,99,.14)}.button.primary:hover{background:var(--green-dark);transform:translateY(-1px)}.button.secondary{color:#42556a;background:#fff;border:1px solid var(--line)}.button.full{width:100%}.demo-banner{margin:-7px 0 20px;padding:11px 13px;display:flex;align-items:center;gap:10px;color:#496476;background:#edf7f4;border:1px solid #d4ebe3;border-radius:10px}.demo-banner>span{width:28px;height:28px;display:grid;place-items:center;color:#16795d;background:#fff;border-radius:8px}.demo-banner p{margin:0;font-size:9px;line-height:1.5}.demo-banner button{margin-left:auto;color:#126e55;background:transparent;border:0;font-size:9px;font-weight:800}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric-card{position:relative;min-height:123px;padding:17px;display:flex;gap:12px;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.metric-icon{flex:0 0 38px;width:38px;height:38px;display:grid;place-items:center;border-radius:10px;font-size:17px;font-weight:800}.green{color:#167759;background:#e0f4ed}.blue{color:#296c9b;background:#e4f0f8}.amber{color:#a36a13;background:#fff1d7}.violet{color:#7353a5;background:#efe9f8}.metric-copy>span{color:#6c7c8d;font-size:9px;font-weight:650}.metric-copy>strong{display:block;margin-top:6px;color:#14283c;font-size:clamp(20px,1.7vw,27px);letter-spacing:-.04em}.metric-copy p{margin:7px 0 0;color:#8a98a5;font-size:8px}.metric-copy em{margin-right:3px;color:#17815f;font-style:normal;font-weight:800}.metric-copy em.warn{color:#c67523}.dashboard-grid,.reports-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,.82fr);gap:18px}.full-width{grid-column:1/-1}.panel{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}.panel-heading{padding:17px 18px 8px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.panel-heading span{display:block;margin-bottom:5px;color:var(--green);font-size:8px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.panel-heading h2{margin:0;color:#1a2d40;font-size:13px}.period{height:31px;padding:0 10px;color:#68788a;background:#f8fafb;border:1px solid #e8ecef;border-radius:8px;font-size:8px}.chart-summary{padding:7px 19px 0;display:flex;gap:35px}.chart-summary div{display:grid;grid-template-columns:auto auto;gap:2px 8px;align-items:baseline}.chart-summary small{grid-column:1/-1;color:#8996a2;font-size:8px}.chart-summary strong{font-size:18px}.chart-summary span{color:#17815f;font-size:8px;font-weight:800}.bar-chart{height:175px;margin:14px 22px 0;padding:8px 5px 0;display:flex;justify-content:space-around;gap:12px;background:repeating-linear-gradient(to bottom,#edf1f3 0 1px,transparent 1px 46px)}.bar-group{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:8px}.bars{width:100%;height:140px;display:flex;align-items:flex-end;justify-content:center;gap:4px}.bar{display:block;width:min(13px,32%);min-height:7px;border-radius:4px 4px 2px 2px}.revenue-bar{background:linear-gradient(#23aa82,#168264)}.expense-bar{background:#b9cbd6}.bar-group small{color:#7f8d99;font-size:8px}.chart-legend{padding:12px 18px 16px;display:flex;gap:18px;justify-content:center;color:#758492;font-size:8px}.chart-legend span{display:flex;align-items:center;gap:6px}.chart-legend i{width:8px;height:8px;border-radius:2px}.legend-revenue{background:#1c9b75}.legend-expense{background:#b9cbd6}.donut-wrap{padding:8px;display:grid;place-items:center}.donut{width:121px;height:121px;display:grid;place-items:center;background:conic-gradient(#1a9a74 0 72%,#f0b24f 72% 90%,#e7655a 90%);border-radius:50%}.donut:before{content:"";grid-area:1/1;width:83px;height:83px;background:#fff;border-radius:50%}.donut div{grid-area:1/1;position:relative;display:flex;flex-direction:column;align-items:center}.donut strong{font-size:21px}.donut span{color:#84929e;font-size:8px}.health-list{padding:3px 19px 9px}.health-list>div{padding:7px 0;display:flex;justify-content:space-between;border-bottom:1px solid #edf1f3;font-size:9px}.health-list span{display:flex;align-items:center;gap:7px;color:#68798a}.health-list i{width:7px;height:7px;border-radius:2px}.paid-dot{background:#1c9b75}.partial-dot{background:#efb24e}.overdue-dot{background:#e66459}.text-link{margin:5px 18px 15px;color:#157a5e;background:transparent;border:0;font-size:9px;font-weight:800}
.table-panel{min-width:0;overflow:hidden}.table-toolbar{min-height:65px;padding:13px 17px;display:flex;align-items:center;justify-content:space-between;gap:16px}.table-toolbar>div:first-child{display:flex;flex-direction:column;gap:4px}.table-toolbar strong{font-size:11px}.table-toolbar span{color:#8794a0;font-size:8px}.table-toolbar-actions{display:flex;align-items:center;gap:10px}.filters{display:flex;gap:5px}.filters button{height:27px;padding:0 10px;color:#6e7f8e;background:#f7f9fa;border:1px solid #ebeff2;border-radius:7px;font-size:8px;font-weight:700}.filters button.active{color:#146d54;background:#eaf6f2;border-color:#d6eae4}.bulk-controls{display:flex;align-items:center;gap:7px;padding-left:10px;border-left:1px solid #e3e9ed}.selected-count{min-width:55px;color:#647687!important;font-size:8px!important;font-weight:750}.bulk-delete{height:29px;padding:0 10px;color:#b3443b;background:#fff1ef;border:1px solid #f2d3ce;border-radius:7px;font-size:8px;font-weight:800;transition:.15s}.bulk-delete:hover:not(:disabled){color:#fff;background:#c85146;border-color:#c85146}.bulk-delete:disabled{opacity:.42;cursor:not-allowed}.table-wrap{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{padding:10px 13px;color:#8a97a2;background:#fafbfc;border-top:1px solid #edf1f3;border-bottom:1px solid #edf1f3;font-size:8px;font-weight:800;letter-spacing:.055em;text-align:left;text-transform:uppercase}td{padding:11px 13px;color:#5d6f80;border-bottom:1px solid #eef1f3;font-size:9px}tbody tr:hover td{background:#fbfdfc}tbody tr.row-selected td{background:#f0f8f5}.check-cell{width:38px;padding-left:16px!important;padding-right:4px!important}.row-select,.select-all{width:15px;height:15px;margin:0;accent-color:#168365;cursor:pointer}.invoice-no{color:#166f58!important}.customer-cell,.product-cell{display:flex;align-items:center;gap:8px}.avatar{flex:0 0 29px;width:29px;height:29px;display:grid;place-items:center;color:#34647a;background:#e8f0f4;border-radius:8px;font-size:8px;font-weight:800}.customer-cell div,.product-cell div,.stack{display:flex;flex-direction:column;gap:3px}.customer-cell small,.product-cell small,.stack small{color:#96a1aa;font-size:8px}.product-box{width:32px;height:32px;display:grid;place-items:center;color:#467086;background:#edf3f6;border-radius:8px}.status{display:inline-flex;padding:5px 8px;border-radius:12px;font-size:8px;font-weight:800}.status-paid,.status-active{color:#157557;background:#e1f3ec}.status-partial,.status-sent{color:#9b661c;background:#fff0d7}.status-overdue{color:#b54840;background:#fde8e5}.status-draft,.status-inactive{color:#68798a;background:#edf1f3}.amount-due{color:#b85845!important}.amount-clear{color:#17805f!important}.row-button{min-width:28px;height:28px;color:#748493;background:transparent;border:1px solid transparent;border-radius:7px}.row-button:hover{color:#176f57;background:#eef7f4}.pay-button{height:25px;padding:0 8px;color:#166f57;background:#e9f5f1;border:0;border-radius:7px;font-size:8px;font-weight:800}.stock-status{display:inline-flex;align-items:center;gap:6px;font-size:8px;font-weight:750}.stock-status i{width:7px;height:7px;border-radius:50%}.stock-good{color:#1b795d}.stock-good i{background:#24a47e;box-shadow:0 0 0 3px #e2f2ed}.stock-low{color:#b05742}.stock-low i{background:#df6e57;box-shadow:0 0 0 3px #f9e9e5}.summary-cards{margin-bottom:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.summary-cards article{min-height:85px;padding:15px;display:flex;flex-direction:column;justify-content:center;gap:4px;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.summary-cards small{color:#82909c;font-size:8px}.summary-cards strong{color:#1d3346;font-size:20px}.summary-cards span{color:#83919d;font-size:8px}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quick-actions button{min-height:72px;padding:13px 15px;display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;text-align:left;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.quick-actions button>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px}.quick-actions button div{display:flex;flex-direction:column;gap:4px}.quick-actions strong{color:#24384b;font-size:10px}.quick-actions small{color:#8b98a4;font-size:8px}.stock-list{padding:4px 17px 8px}.stock-list>div{padding:9px 0;display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;border-bottom:1px solid #eef1f3}.stock-list>div>span:first-child{width:30px;height:30px;display:grid;place-items:center;color:#9b641c;background:#fff2df;border-radius:8px}.stock-list div div,.stock-list .qty{display:flex;flex-direction:column;gap:3px}.stock-list strong{font-size:9px}.stock-list small{color:#8a98a5;font-size:8px}.stock-list .qty{text-align:right}.expense-layout{margin-bottom:16px;display:grid;grid-template-columns:.9fr 1.5fr;gap:14px}.expense-total{min-height:178px;padding:24px;display:flex;gap:14px;color:#fff;background:linear-gradient(140deg,#0c3148,#105740);border-radius:13px}.expense-total>span{width:40px;height:40px;display:grid;place-items:center;background:rgba(255,255,255,.12);border-radius:10px}.expense-total div{display:flex;flex-direction:column}.expense-total small{color:#b6d0cf;font-size:8px}.expense-total strong{margin-top:9px;font-size:27px}.expense-total p{margin:8px 0 0;color:#8eb4b1;font-size:8px}.category-list{padding:6px 18px 14px}.category-list div{padding:10px 0;display:flex;align-items:center;gap:9px;border-bottom:1px solid #eef1f2;font-size:9px}.category-list i{width:8px;height:8px;background:#1d9b75;border-radius:3px}.category-list b{margin-left:auto}.report-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.report-kpis article{padding:16px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.report-kpis span{color:#728291;font-size:8px}.report-kpis strong{margin:7px 0 6px;font-size:20px}.report-kpis small{color:#8b98a4;font-size:8px}.line-chart{height:280px;padding:20px}.line-chart svg{width:100%;height:220px}.area-path{fill:url(#area)}.revenue-line{fill:none;stroke:#17815f;stroke-width:4;stroke-linecap:round}.expense-line{fill:none;stroke:#9bb1bf;stroke-width:3;stroke-linecap:round;stroke-dasharray:7 7}.rank-list{padding:4px 17px 14px}.rank-list>div{padding:10px 0;display:grid;grid-template-columns:18px 30px 1fr auto;gap:8px;align-items:center;border-bottom:1px solid #eef1f3}.rank-list>div>div{display:flex;flex-direction:column;gap:3px}.rank-list strong{font-size:9px}.rank-list small{color:#909ca6;font-size:8px}.rank-list b{font-size:9px}.empty{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:13px}.empty span{width:46px;height:46px;display:grid;place-items:center;color:#238263;background:#e9f5f1;border-radius:13px}.empty strong{margin-top:13px;font-size:12px}.empty p{margin:6px;color:#7b8b98;font-size:9px}
.settings-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.settings-card{padding:19px}.span-two{grid-column:1/-1}.settings-heading{display:flex;gap:11px;padding-bottom:15px;border-bottom:1px solid #edf1f3}.settings-heading>span{width:36px;height:36px;display:grid;place-items:center;color:#19795d;background:#e5f3ee;border-radius:10px}.settings-heading h2{margin:1px 0 5px;font-size:12px}.settings-heading p{margin:0;color:#7d8b97;font-size:8px}.settings-form{padding-top:15px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.settings-form label,.entry-form label,.auth-card label{display:flex;flex-direction:column;gap:6px;color:#536577;font-size:9px;font-weight:750}.settings-form input,.settings-form textarea,.settings-form select,.entry-form input,.entry-form textarea,.entry-form select,.auth-card input{width:100%;min-height:38px;padding:9px 11px;color:#203549;background:#fbfcfc;border:1px solid #dfe6ea;border-radius:8px;font-size:9px}.settings-form textarea,.entry-form textarea{min-height:70px;resize:vertical}.db-status{margin:17px 0;padding:13px;display:flex;gap:10px;color:#7c591e;background:#fff8e9;border:1px solid #f2e1bd;border-radius:10px}.db-status.connected{color:#1d7057;background:#edf8f4;border-color:#d5ebe3}.db-status>span{width:30px;height:30px;display:grid;place-items:center;background:#fff;border-radius:8px}.db-status div{display:flex;flex-direction:column;gap:4px}.db-status strong{font-size:9px}.db-status p{margin:0;font-size:8px}.config-list div{padding:11px 2px;display:flex;justify-content:space-between;border-bottom:1px solid #eef1f2}.config-list code,.config-list span{font-size:8px}.setup-note{color:#71818e;font-size:8px;line-height:1.65}
.modal-backdrop{position:fixed;inset:0;z-index:100;padding:24px;display:grid;place-items:center;background:rgba(5,22,35,.58);backdrop-filter:blur(3px)}.modal{width:min(610px,100%);max-height:calc(100vh - 45px);overflow:auto;background:#fff;border-radius:15px;box-shadow:0 24px 80px rgba(3,20,33,.25);animation:modalIn .2s}.modal>header{padding:20px 21px 16px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.modal h2{margin:0;font-size:17px}.modal header p{margin:6px 0 0;color:#7b8a96;font-size:9px}.modal header button{width:32px;height:32px;color:#687887;background:#f5f7f8;border:0;border-radius:8px;font-size:20px}.entry-form{padding:18px 21px 21px;display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-actions{padding-top:4px;display:flex;justify-content:flex-end;gap:8px}.invoice-preview{padding:13px;display:flex;justify-content:flex-end;gap:22px;background:#f5f9f8;border-radius:9px}.invoice-preview span{display:flex;flex-direction:column;gap:4px;color:#748491;font-size:8px}.invoice-preview strong{color:#1e3b4a;font-size:11px}.toast{position:fixed;z-index:120;right:24px;bottom:24px;min-height:48px;padding:0 16px 0 9px;display:flex;align-items:center;gap:10px;color:#e9fff8;background:#123b31;border-radius:11px;box-shadow:0 15px 40px rgba(8,35,29,.22);font-size:9px;font-weight:700}.toast span{width:30px;height:30px;display:grid;place-items:center;color:#123b31;background:#74d6b6;border-radius:8px}.toast p{margin:0}
.auth-screen{position:fixed;inset:0;z-index:200;display:grid;grid-template-columns:1.15fr .85fr;background:#fff}.auth-visual{position:relative;padding:42px clamp(36px,6vw,90px);display:flex;flex-direction:column;color:#fff;overflow:hidden;background:radial-gradient(circle at 75% 30%,rgba(41,181,140,.21),transparent 28%),linear-gradient(145deg,#071b2d,#0b3247 58%,#0d4a42)}.auth-brand{display:flex;align-items:center;gap:11px;font-size:17px}.auth-copy{margin:auto 0;max-width:620px}.kicker{display:inline-flex;padding:7px 10px;color:#a8ebd7;background:rgba(31,172,130,.13);border:1px solid rgba(102,220,186,.18);border-radius:20px;font-size:9px;font-weight:800;text-transform:uppercase}.auth-copy h1{max-width:590px;margin:23px 0 17px;font-size:clamp(36px,4.2vw,63px);line-height:1.03;letter-spacing:-.055em}.auth-copy p{max-width:535px;color:#aac0cc;font-size:13px;line-height:1.75}.auth-points{display:flex;gap:35px;color:#8ea9b5;font-size:9px}.auth-points span{display:flex;flex-direction:column}.auth-points b{color:#dff8f1;font-size:15px}.auth-form-wrap{padding:40px;display:grid;place-items:center;background:#f7f9fa}.auth-card{width:min(390px,100%);padding:31px;background:#fff;border:1px solid #e2e8eb;border-radius:16px;box-shadow:0 20px 60px rgba(16,42,57,.08)}.auth-card h2{margin:0;font-size:23px}.auth-card>p{margin:8px 0 22px;color:#788794;font-size:9px}.auth-card label{margin-top:13px}.auth-card input{min-height:42px}.auth-card .primary{margin-top:18px}.link-button{width:100%;margin-top:14px;color:#18775b;background:transparent;border:0;font-size:9px;font-weight:800}.form-error{padding:10px!important;color:#a1493d!important;background:#fceae7;border-radius:8px;font-size:9px!important}
@keyframes modalIn{from{opacity:0;transform:translateY(8px) scale(.985)}}
@media(max-width:1120px){.metric-grid,.report-kpis{grid-template-columns:repeat(2,1fr)}.date-time-chip{min-width:108px}.settings-grid{grid-template-columns:1fr}.settings-grid>.span-two{grid-column:auto}}
@media(max-width:900px){.sidebar{transform:translateX(-102%);transition:.22s;box-shadow:20px 0 50px rgba(5,21,32,.2)}.sidebar.open{transform:translateX(0)}.close-menu,.menu-button{display:block}.menu-backdrop{position:fixed;inset:0;z-index:35;background:rgba(6,22,34,.42);border:0}.main-area{margin-left:0}.topbar{padding:0 18px}.page{padding:23px 18px 35px}.dashboard-grid,.reports-grid{grid-template-columns:1fr}.chart-panel,.health-panel,.table-panel,.stock-panel,.report-chart,.rank-panel{grid-column:1}.quick-actions{grid-template-columns:1fr}.auth-screen{grid-template-columns:1fr}.auth-visual{display:none}.auth-form-wrap{min-height:100vh}}
@media(max-width:680px){.topbar{gap:9px}.search-box{width:auto;flex:1}.db-chip{display:none}.page-heading{align-items:flex-start;flex-direction:column}.heading-actions{width:100%}.heading-actions button{flex:1}.metric-grid,.summary-cards,.report-kpis{grid-template-columns:1fr 1fr}.expense-layout{grid-template-columns:1fr}.settings-form,.entry-form{grid-template-columns:1fr}.span-two{grid-column:auto}.filters{overflow:auto;max-width:55vw}.table-toolbar-actions{align-items:flex-end;flex-direction:column}.bulk-controls{padding-left:0;border-left:0}.demo-banner button{display:none}.toast{left:18px;right:18px;bottom:18px}.modal-backdrop{padding:10px}}
@media(max-width:430px){.metric-grid,.summary-cards,.report-kpis{grid-template-columns:1fr}.topbar{padding:0 12px}.page{padding:20px 12px 30px}.table-toolbar{align-items:flex-start;flex-direction:column}.table-toolbar-actions{width:100%;align-items:flex-start}.filters{width:100%;max-width:100%}.bulk-controls{width:100%;justify-content:space-between}.modal{max-height:calc(100vh - 20px)}.auth-form-wrap{padding:22px}.auth-card{padding:24px}}

/* 2026 visual refresh: larger type, plum/cobalt palette and clearer controls */
:root{--navy:#26143f;--navy2:#432568;--green:#5b4fd6;--green-dark:#4539bd;--ink:#2a2235;--muted:#756b82;--line:#e7e1ee;--canvas:#f8f6fb;--white:#fff;--shadow:0 2px 5px rgba(53,35,78,.04),0 15px 38px rgba(53,35,78,.065)}
body{font-family:"Aptos","Segoe UI Variable","Segoe UI",Tahoma,sans-serif;font-size:14px;letter-spacing:.002em}.sidebar{color:#eee7f7;background:radial-gradient(circle at 20% 10%,rgba(141,105,210,.25),transparent 28%),linear-gradient(180deg,#25133f,#331c52 58%,#402263)}.logo-mark{background:linear-gradient(145deg,#7b61df,#ed7a72);box-shadow:0 8px 21px rgba(126,91,211,.35)}.sidebar-brand strong{font-size:17px}.sidebar-brand small{color:#b7a7ca;font-size:10px}.workspace{background:rgba(255,255,255,.075);border-color:rgba(255,255,255,.1)}.workspace>span{background:#5d4480}.workspace strong{font-size:12px}.workspace small{color:#b5a5c6;font-size:10px}.nav-label{color:#9b89b3;font-size:10px}.nav-item{height:44px;color:#c4b7d2;font-size:13px}.nav-item i{color:#c0aed3}.nav-item.active{background:linear-gradient(90deg,rgba(132,100,216,.42),rgba(237,122,114,.12))}.nav-item.active:before{background:#ed8a7e;box-shadow:0 0 12px rgba(237,138,126,.55)}.nav-item em{color:#fff;background:rgba(237,138,126,.32);font-size:10px}.sales-tip{color:#c1b5ce;background:rgba(255,255,255,.065)}.sales-tip>span{color:#f2b0a9;background:rgba(237,122,114,.16)}.sales-tip strong{font-size:12px}.sales-tip p{font-size:10px}.sidebar-user strong{font-size:12px}.sidebar-user small{color:#aa99bd;font-size:10px}.sidebar-user>span{background:#71519a;font-size:11px}
.topbar{background:rgba(255,255,255,.95)}.search-box{background:#faf8fc;border-color:#e9e3ef}.search-box input{font-size:12px}.date-time-chip,.db-chip{font-size:11px}.date-time-chip{min-width:152px;background:#f4f0fb;border-color:#e4dbf0}.date-time-chip>i,.date-time-chip small{color:#5b4fd6}.date-time-chip b{color:#463754;font-size:11px}.date-time-chip small{font-size:9px}.db-chip{background:#f2eef8}.db-chip i{background:#695bd9;box-shadow:0 0 0 3px #e3def8}.eyebrow{color:#6858d1;font-size:10px}.page-heading h1{color:#271d33;font-size:clamp(26px,2.2vw,34px)}.page-heading p{font-size:13px}.button{min-height:40px;font-size:12px}.button.primary{background:linear-gradient(135deg,#6456d9,#5545c5);border-color:#5545c5;box-shadow:0 6px 16px rgba(86,70,199,.2)}.button.primary:hover{background:linear-gradient(135deg,#5547c6,#4436b4)}.button.secondary{color:#51445f;background:#fff;border-color:#dfd6e8}.demo-banner{color:#57486a;background:#f3eff9;border-color:#e4daf0}.demo-banner>span{color:#5b4fd6}.demo-banner p,.demo-banner button{font-size:11px}.demo-banner button{color:#5544be}
.metric-card,.panel,.summary-cards article,.quick-actions button,.report-kpis article{border-color:#e5deeb}.metric-copy>span{font-size:11px}.metric-copy p{font-size:10px}.green{color:#5949c5;background:#eeeafa}.blue{color:#2c68ad;background:#e8f1fb}.violet{color:#97518b;background:#f8e8f2}.amber{color:#ad6a21;background:#fff1db}.panel-heading span{color:#6957cf;font-size:10px}.panel-heading h2{color:#33263f;font-size:15px}.period{font-size:10px}.chart-summary small,.chart-summary span,.bar-group small,.chart-legend,.donut span,.health-list>div,.text-link{font-size:10px}.revenue-bar{background:linear-gradient(#7b67df,#5545c2)}.expense-bar{background:#edaaa2}.legend-revenue,.paid-dot{background:#6654ce}.legend-expense{background:#edaaa2}.donut{background:conic-gradient(#6755cf 0 72%,#efb45b 72% 90%,#e66d67 90%)}.partial-dot{background:#efb45b}.overdue-dot{background:#e66d67}.text-link{color:#5948c2}
.table-toolbar strong{font-size:14px}.table-toolbar span{font-size:10px}.filters button{height:30px;font-size:10px}.filters button.active{color:#5544bd;background:#f0ecfb;border-color:#ddd4f6}.selected-count{font-size:10px!important}.bulk-delete{height:31px;font-size:10px}th{padding-top:12px;padding-bottom:12px;color:#796d85;background:#fbf9fc;font-size:10px}td{padding-top:13px;padding-bottom:13px;color:#5c5069;font-size:12px}td strong{color:#34283f}.row-select,.select-all{accent-color:#5b4fd6}.invoice-no{color:#5946c1!important}.customer-cell small,.product-cell small,.stack small{font-size:10px}.avatar{color:#5c4791;background:#eee9f7;font-size:10px}.product-box{color:#6f54a2;background:#f1ecf7}.status{font-size:10px}.status-paid,.status-active{color:#26745c;background:#e4f4ee}.status-partial,.status-sent{color:#9c651d;background:#fff0d5}.status-overdue{color:#b24848;background:#fde8e7}.status-draft,.status-inactive,.status-cancelled{color:#6f6378;background:#eeeaf1}.amount-clear{color:#28745e!important}.amount-due{color:#b8534f!important}.stock-status{font-size:10px}.summary-cards small,.summary-cards span{font-size:10px}.summary-cards strong{font-size:22px}.summary-cards.invoice-summary{grid-template-columns:repeat(4,1fr)}.quick-actions strong{font-size:12px}.quick-actions small{font-size:10px}.stock-list strong,.rank-list strong,.rank-list b{font-size:11px}.stock-list small,.rank-list small{font-size:10px}.expense-total{background:linear-gradient(140deg,#382153,#604081)}.expense-total small,.expense-total p{font-size:10px}.category-list div{font-size:11px}.category-list i{background:#745bd2}.report-kpis span,.report-kpis small{font-size:10px}.revenue-line{stroke:#6250ca}.expense-line{stroke:#e9a19a}.area-path{fill:rgba(101,81,203,.14)}
.record-actions{display:flex;align-items:center;gap:5px}.record-actions button{height:28px;padding:0 8px;border-radius:7px;font-size:10px;font-weight:750;white-space:nowrap}.view-action{color:#54485f;background:#f7f4f9;border:1px solid #e6dfea}.edit-action{color:#5140b7;background:#f0edfb;border:1px solid #ddd5f6}.pay-action{color:#216f5a;background:#e7f4ef;border:1px solid #d2e9e0}.whatsapp-action{color:#176d50;background:#e2f6eb;border:1px solid #c7ead7}.record-actions button:hover{filter:brightness(.97);transform:translateY(-1px)}.tax-chip{display:inline-flex;max-width:150px;padding:5px 8px;overflow:hidden;color:#5a489e;background:#f0ebf8;border-radius:12px;font-size:10px;font-weight:750;text-overflow:ellipsis}.reminder-strip{margin:-2px 0 16px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#4c3b59;background:linear-gradient(100deg,#f3effa,#fff4ef);border:1px solid #e3d9ee;border-radius:12px}.reminder-strip>div{display:flex;flex-direction:column;gap:4px}.reminder-strip strong{font-size:13px}.reminder-strip span{font-size:11px;color:#74677f}
.settings-heading h2{font-size:14px}.settings-heading p,.setup-note,.db-status p{font-size:10px}.settings-form label,.entry-form label,.auth-card label{font-size:11px}.settings-form input,.settings-form textarea,.settings-form select,.entry-form input,.entry-form textarea,.entry-form select,.auth-card input{min-height:41px;font-size:12px}.db-status strong{font-size:11px}.config-list code,.config-list span{font-size:10px}.modal{width:min(720px,100%)}.modal h2{font-size:20px}.modal header p{font-size:11px}.entry-form{gap:15px}.invoice-preview{justify-content:space-between;flex-wrap:wrap;background:#f5f1fa}.invoice-preview span{font-size:10px}.invoice-preview strong{font-size:13px}.allocation-error{flex-basis:100%;padding-top:8px;color:#b34b47;font-size:11px}.compliance-note{padding:13px 14px;display:flex;flex-direction:column;gap:4px;color:#50415e;background:#fff8e9;border:1px solid #eddfbd;border-radius:10px}.compliance-note strong{font-size:12px}.compliance-note span{color:#786a58;font-size:10px;line-height:1.5}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.detail-grid>div{min-height:68px;padding:12px;display:flex;flex-direction:column;gap:6px;background:#faf8fc;border:1px solid #e8e1ee;border-radius:9px}.detail-grid small{color:#7a6e84;font-size:10px;font-weight:700;text-transform:uppercase}.detail-grid strong{color:#32263c;font-size:13px;line-height:1.4}.toast{font-size:11px;background:#382653}.auth-visual{background:radial-gradient(circle at 75% 30%,rgba(237,122,114,.2),transparent 28%),linear-gradient(145deg,#25133f,#3d2260 58%,#65417c)}.kicker{color:#f3c2bd;background:rgba(237,122,114,.14);border-color:rgba(237,160,150,.22)}.auth-copy p{color:#d0c3da}.auth-points{color:#bcaec8}.auth-points b{color:#fff}.auth-card>p{font-size:11px}.link-button{color:#5946c1;font-size:11px}
@media(max-width:1180px){.summary-cards.invoice-summary{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.reminder-strip{align-items:flex-start;flex-direction:column}.reminder-strip .button{width:100%}.detail-grid{grid-template-columns:1fr}.summary-cards.invoice-summary{grid-template-columns:1fr 1fr}}
@media(max-width:430px){.summary-cards.invoice-summary{grid-template-columns:1fr}.record-actions{flex-wrap:wrap}}

/* Bootstrap-inspired gradient theme: blue, indigo, cyan and success */
:root{--bs-primary:#0d6efd;--bs-indigo:#6610f2;--bs-cyan:#0dcaf0;--bs-success:#20c997;--bs-warning:#ffc107;--bs-danger:#dc3545;--navy:#08295b;--navy2:#3b1678;--green:#0d6efd;--green-dark:#0a58ca;--ink:#172033;--muted:#667085;--line:#e2e8f0;--canvas:#f5f8fd;--shadow:0 2px 5px rgba(13,110,253,.04),0 16px 40px rgba(18,50,97,.07)}
html,body{background:linear-gradient(135deg,#f8fbff 0%,#f5f7ff 48%,#f8fcff 100%)}.sidebar{background:radial-gradient(circle at 18% 10%,rgba(13,202,240,.3),transparent 25%),linear-gradient(165deg,#06285a 0%,#0d47a1 50%,#4c168d 100%)}.logo-mark{background:linear-gradient(135deg,#0dcaf0,#0d6efd 48%,#6610f2);box-shadow:0 8px 22px rgba(13,110,253,.35)}.workspace{background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.07))}.workspace>span{background:linear-gradient(135deg,#0dcaf0,#6610f2)}.nav-item.active{background:linear-gradient(90deg,rgba(13,202,240,.35),rgba(102,16,242,.28))}.nav-item.active:before{background:linear-gradient(#0dcaf0,#ffc107);box-shadow:0 0 13px rgba(13,202,240,.6)}.nav-item em{background:linear-gradient(135deg,#0dcaf0,#0d6efd)}.sales-tip{background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045))}.sales-tip>span{color:#fff;background:linear-gradient(135deg,#20c997,#0dcaf0)}.sidebar-user>span{background:linear-gradient(135deg,#0dcaf0,#6610f2)}
.topbar{background:linear-gradient(90deg,rgba(255,255,255,.97),rgba(245,249,255,.96))}.search-box{background:linear-gradient(135deg,#fff,#f5f8ff)}.date-time-chip{min-width:auto;padding:4px 7px;gap:4px;background:linear-gradient(135deg,#eef7ff,#f4efff);border-color:#dce8fa}.date-time-chip>i{display:none}.date-time-chip>span{flex-direction:row;align-items:center;gap:6px}.date-time-chip b,.date-time-chip small{font-size:9px;line-height:1;white-space:nowrap}.date-time-chip b{color:#344054}.date-time-chip small{padding-left:6px;color:#0d6efd;border-left:1px solid #cddbf0}.db-chip{background:linear-gradient(135deg,#e9fff8,#eef7ff)}.db-chip i{background:#20c997;box-shadow:0 0 0 3px #d7f8ec}.eyebrow,.panel-heading span{color:#0d6efd}.button.primary{background:linear-gradient(135deg,#0d6efd,#4f46e5 52%,#6610f2);border-color:#0d6efd;box-shadow:0 7px 18px rgba(13,110,253,.23)}.button.primary:hover{background:linear-gradient(135deg,#0a58ca,#4338ca,#520dc2)}.button.secondary{background:linear-gradient(135deg,#fff,#f5f8ff);border-color:#dbe5f3}.share-button{color:#fff;background:linear-gradient(135deg,#20c997,#12a778);border:1px solid #12a778}.demo-banner{background:linear-gradient(100deg,#eaf8ff,#f3efff);border-color:#d7e7fb}.metric-card,.panel,.summary-cards article,.quick-actions button,.report-kpis article{background:linear-gradient(145deg,#fff,#fbfdff);border-color:#dfe7f2}.metric-card:after,.summary-cards article:after{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,#0d6efd,#0dcaf0,#6610f2)}.summary-cards article{position:relative;overflow:hidden}.green{color:#096b55;background:linear-gradient(135deg,#dbfff3,#c7f7e7)}.blue{color:#075fc8;background:linear-gradient(135deg,#e6f3ff,#d7eaff)}.violet{color:#5b21b6;background:linear-gradient(135deg,#f2eaff,#e7dbff)}.amber{color:#936100;background:linear-gradient(135deg,#fff5d6,#ffe8a3)}.revenue-bar{background:linear-gradient(#0dcaf0,#0d6efd 55%,#6610f2)}.expense-bar{background:linear-gradient(#ffc107,#fd7e14)}.legend-revenue,.paid-dot{background:linear-gradient(135deg,#0d6efd,#6610f2)}.legend-expense{background:linear-gradient(135deg,#ffc107,#fd7e14)}.donut{background:conic-gradient(#0d6efd 0 72%,#ffc107 72% 90%,#dc3545 90%)}.filters button.active{color:#075cc4;background:linear-gradient(135deg,#e9f4ff,#eef0ff);border-color:#cbdcf7}.invoice-no{color:#075fca!important}.row-select,.select-all{accent-color:#0d6efd}.tax-chip{color:#0b5fc4;background:linear-gradient(135deg,#e7f4ff,#f0ecff)}.reminder-strip{background:linear-gradient(105deg,#e8f7ff,#f0ecff 58%,#fff7dc);border-color:#d6e5fa}.expense-total{background:linear-gradient(140deg,#0d6efd,#4338ca 52%,#6610f2)}.revenue-line{stroke:#0d6efd}.expense-line{stroke:#fd7e14}.area-path{fill:rgba(13,110,253,.13)}.auth-visual{background:radial-gradient(circle at 75% 30%,rgba(13,202,240,.28),transparent 28%),linear-gradient(145deg,#06285a,#0d47a1 54%,#4c168d)}.kicker{color:#dffaff;background:linear-gradient(135deg,rgba(13,202,240,.2),rgba(102,16,242,.2));border-color:rgba(130,225,255,.3)}.toast{background:linear-gradient(135deg,#08295b,#4c168d)}
.document-action{color:#075fc8;background:linear-gradient(135deg,#e5f3ff,#dcebff);border:1px solid #c9dff8}.reminder-action{color:#7a4f00;background:linear-gradient(135deg,#fff6d9,#ffe9a8);border:1px solid #f7dda0}.pay-action{background:linear-gradient(135deg,#e0fff4,#d4f8ea)}.whatsapp-action{color:#08754d;background:linear-gradient(135deg,#dcfff0,#c8f5df);border-color:#b8e9d1}.edit-action{color:#4c21a8;background:linear-gradient(135deg,#f0eaff,#e8deff);border-color:#d9cafa}.view-action{background:linear-gradient(135deg,#fff,#f4f7fb)}

/* A4 invoice and reminder documents */
.document-modal{width:min(1040px,100%);background:#edf3fa}.document-modal>header{background:linear-gradient(100deg,#fff,#f4f8ff)}.document-modal .entry-form{display:block;padding:18px}.document-actions{position:sticky;top:0;z-index:3;margin:-4px auto 14px;padding:10px;display:flex;justify-content:flex-end;gap:8px;background:rgba(237,243,250,.94);border:1px solid #dce6f2;border-radius:12px;backdrop-filter:blur(12px)}.document-sheet{position:relative;width:794px;min-height:1123px;margin:0 auto;padding:0 48px 36px;overflow:hidden;color:#182230;background:#fff;box-shadow:0 16px 55px rgba(22,45,76,.16);font-family:"Aptos","Segoe UI",Arial,sans-serif;white-space:normal}.doc-header{min-height:145px;margin:0 -48px;padding:38px 48px 30px;display:flex;align-items:flex-start;justify-content:space-between;gap:28px;color:#fff;background:linear-gradient(120deg,#075ecf,#0d6efd 46%,#4f46e5 72%,#6610f2)}.doc-brand{display:flex;gap:15px;align-items:flex-start}.doc-logo{flex:0 0 47px;width:47px;height:47px;display:grid;place-items:center;color:#075ecf;background:linear-gradient(135deg,#fff,#dff7ff);border-radius:13px;font-size:16px;font-weight:900;box-shadow:0 8px 20px rgba(0,0,0,.14)}.doc-brand h1{margin:0 0 8px;color:#fff;font-size:22px;letter-spacing:-.02em}.doc-brand p{max-width:440px;margin:3px 0;color:#e8f2ff;font-size:10px;line-height:1.45}.doc-type{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.doc-type span{font-size:11px;font-weight:800;letter-spacing:.2em}.doc-type strong{font-size:28px;line-height:1.15}.doc-type small{margin-top:8px;padding:5px 9px;color:#fff;background:rgba(255,255,255,.17);border:1px solid rgba(255,255,255,.25);border-radius:7px;font-size:10px;font-weight:800}.doc-accent{height:6px;margin:0 -48px;background:linear-gradient(90deg,#20c997,#0dcaf0 42%,#ffc107 75%,#fd7e14)}.doc-parties,.reminder-top{padding:30px 0 24px;display:grid;grid-template-columns:1.05fr .95fr;gap:30px}.doc-parties>div:first-child>small,.reminder-top>div:first-child>small,.doc-notes>small,.doc-payment-box>small{display:block;margin:0 0 7px;color:#0d6efd;font-size:9px;font-weight:900;letter-spacing:.12em}.doc-parties h2,.reminder-top h2{margin:0 0 7px;color:#172033;font-size:18px}.doc-parties p,.reminder-top p{margin:3px 0;color:#647184;font-size:10px;line-height:1.45}.doc-meta{padding:15px;display:grid;grid-template-columns:1fr 1fr;gap:13px;background:linear-gradient(145deg,#f1f7ff,#f5f1ff);border:1px solid #dce8f7;border-radius:12px}.doc-meta span{display:flex;flex-direction:column;gap:4px}.doc-meta small{color:#778398;font-size:8px;text-transform:uppercase}.doc-meta strong{color:#25324a;font-size:10px}.doc-items,.doc-summary-table{width:100%;white-space:normal;border:1px solid #dce5f0;border-radius:10px;overflow:hidden}.doc-items th,.doc-summary-table th{padding:10px 8px;color:#fff;background:linear-gradient(90deg,#075ecf,#0d6efd 55%,#4f46e5);border:0;font-size:8px}.doc-items td,.doc-summary-table td{padding:11px 8px;color:#364152;border-bottom:1px solid #e8eef5;font-size:9px;vertical-align:top}.doc-items td strong{display:block;font-size:10px}.doc-items td small{display:block;margin-top:4px;color:#7b8798;font-size:8px}.doc-items th:first-child,.doc-items td:first-child{width:30px;text-align:center}.doc-items th:nth-child(n+3),.doc-items td:nth-child(n+3){text-align:right}.doc-bottom{padding:24px 0 20px;display:grid;grid-template-columns:1.15fr .85fr;gap:38px}.doc-notes{display:flex;flex-direction:column}.doc-notes>strong{margin-bottom:17px;color:#27344a;font-size:11px;line-height:1.55}.doc-notes>small:not(:first-child){margin-top:14px}.doc-notes p{margin:0;color:#667386;font-size:9px;line-height:1.55}.doc-totals{display:flex;flex-direction:column}.doc-totals>span{min-height:32px;padding:7px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7edf4}.doc-totals small{color:#697689;font-size:9px}.doc-totals b{font-size:10px}.doc-totals .grand{color:#fff;background:linear-gradient(90deg,#075ecf,#4f46e5);border-radius:7px}.doc-totals .grand small{color:#e9f3ff}.doc-totals .grand b{font-size:13px}.doc-totals .balance{color:#b42318;background:linear-gradient(90deg,#fff1f0,#fff8ed);border-radius:7px}.doc-payment-box{padding:14px 16px;background:linear-gradient(110deg,#eaf7ff,#f1edff);border:1px solid #d9e6f6;border-radius:10px}.doc-payment-box p{margin:0;color:#39475c;font-size:9px;line-height:1.55}.doc-signature{min-height:98px;padding-top:31px;display:flex;justify-content:space-between;color:#687589;font-size:9px}.doc-signature>div{display:flex;flex-direction:column;align-items:flex-end;gap:25px;color:#28364c}.doc-signature small{color:#7b8798}.document-sheet footer{position:absolute;left:48px;right:48px;bottom:24px;padding-top:10px;display:flex;justify-content:space-between;color:#8793a3;border-top:1px solid #dfe7f0;font-size:8px}.reminder-top{padding-bottom:30px}.due-highlight{padding:20px;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;color:#fff;background:linear-gradient(135deg,#dc3545,#fd7e14);border-radius:14px;box-shadow:0 10px 24px rgba(220,53,69,.2)}.due-highlight small{font-size:9px;font-weight:900;letter-spacing:.12em}.due-highlight strong{margin:8px 0 3px;color:#fff;font-size:25px}.due-highlight span{font-size:9px}.reminder-letter{padding:22px 24px;background:#f9fbfe;border-left:4px solid #0d6efd;border-radius:0 10px 10px 0}.reminder-letter p{margin:0 0 14px;color:#39475b;font-size:11px;line-height:1.75}.reminder-letter p:last-child{margin-bottom:0}.doc-summary-table{margin:25px 0}.doc-summary-table th,.doc-summary-table td{text-align:center}.doc-summary-table td{font-size:11px;font-weight:750}.doc-summary-table .doc-due{color:#dc3545}.reminder-sign{margin-top:28px;display:flex;flex-direction:column;gap:7px;color:#59667a;font-size:10px}.reminder-sign strong{margin-top:14px;color:#25334a;font-size:11px}.reminder-sign span{color:#788496;font-size:9px}
@media(max-width:900px){.document-modal .entry-form{overflow:auto}.document-actions{width:794px;justify-content:flex-start}.document-sheet{margin-left:0}.record-actions{min-width:440px}}
@media(max-width:680px){.date-time-chip{display:none}.document-actions{position:static}}
@media print{@page{size:A4;margin:0}body.printing-document{background:#fff!important}body.printing-document *{visibility:hidden!important}body.printing-document #documentPrintArea,body.printing-document #documentPrintArea *{visibility:visible!important}body.printing-document #documentPrintArea{position:absolute;left:0;top:0;width:210mm;min-height:297mm;margin:0;padding-left:12.7mm;padding-right:12.7mm;box-shadow:none;-webkit-print-color-adjust:exact;print-color-adjust:exact}.printing-document .doc-header{margin-left:-12.7mm;margin-right:-12.7mm}.printing-document .doc-accent{margin-left:-12.7mm;margin-right:-12.7mm}}

/* Final dark-green visual system */
:root{--bs-primary:#198754;--bs-indigo:#14532d;--bs-cyan:#2fbf8f;--bs-success:#20a36f;--navy:#0b2b1e;--navy2:#174f39;--green:#198754;--green-dark:#12633d;--ink:#17251f;--muted:#67776f;--line:#dce8e1;--canvas:#f4f8f5;--shadow:0 2px 5px rgba(18,75,51,.04),0 16px 40px rgba(18,75,51,.08)}
html,body{background:linear-gradient(135deg,#f8fbf9 0%,#f2f8f4 50%,#f7faf5 100%)}.sidebar{background:radial-gradient(circle at 18% 10%,rgba(47,191,143,.24),transparent 25%),linear-gradient(165deg,#071f16 0%,#12372a 52%,#1b5e42 100%)}.logo-mark{background:linear-gradient(135deg,#2fbf8f,#198754 52%,#d2a72c);box-shadow:0 8px 22px rgba(12,83,54,.4)}.workspace>span{background:linear-gradient(135deg,#2fbf8f,#176b49)}.nav-item.active{background:linear-gradient(90deg,rgba(47,191,143,.34),rgba(210,167,44,.16))}.nav-item.active:before{background:linear-gradient(#46d6a6,#d2a72c);box-shadow:0 0 13px rgba(47,191,143,.55)}.nav-item em{background:linear-gradient(135deg,#2fbf8f,#198754)}.sales-tip>span{background:linear-gradient(135deg,#2fbf8f,#d2a72c)}.sidebar-user>span{background:linear-gradient(135deg,#198754,#2fbf8f)}
.topbar{background:linear-gradient(90deg,rgba(255,255,255,.97),rgba(244,250,246,.96))}.search-box{background:linear-gradient(135deg,#fff,#f2f8f4)}.date-time-chip{background:linear-gradient(135deg,#eaf8f0,#f5f8ea);border-color:#d6e8dc}.date-time-chip small{color:#167447;border-left-color:#c9dfd1}.db-chip{background:linear-gradient(135deg,#e8f9f0,#f5f8ea)}.eyebrow,.panel-heading span{color:#167447}.button.primary{background:linear-gradient(135deg,#198754,#146c43 55%,#12372a);border-color:#198754;box-shadow:0 7px 18px rgba(25,135,84,.23)}.button.primary:hover{background:linear-gradient(135deg,#157347,#115c38,#0b2b1e)}.button.secondary{background:linear-gradient(135deg,#fff,#f3f8f5);border-color:#d6e6dc}.share-button{background:linear-gradient(135deg,#25b879,#12824f);border-color:#12824f}.demo-banner{background:linear-gradient(100deg,#eaf8f0,#f7f6e8);border-color:#d4e7da}.metric-card,.panel,.summary-cards article,.quick-actions button,.report-kpis article{background:linear-gradient(145deg,#fff,#f9fcfa);border-color:#dce8e1}.metric-card:after,.summary-cards article:after{background:linear-gradient(90deg,#12372a,#2fbf8f,#d2a72c)}.green{color:#11623e;background:linear-gradient(135deg,#ddf8eb,#c8efdc)}.blue{color:#176b49;background:linear-gradient(135deg,#e3f6ec,#cfeada)}.violet{color:#695716;background:linear-gradient(135deg,#f7f4df,#eee5b7)}.revenue-bar{background:linear-gradient(#2fbf8f,#198754 55%,#12372a)}.legend-revenue,.paid-dot{background:linear-gradient(135deg,#2fbf8f,#12372a)}.donut{background:conic-gradient(#198754 0 72%,#d2a72c 72% 90%,#dc3545 90%)}.filters button.active{color:#12633d;background:linear-gradient(135deg,#e8f7ef,#f4f6e8);border-color:#cfe3d6}.invoice-no{color:#126b43!important}.tax-chip{color:#145e3e;background:linear-gradient(135deg,#e4f5eb,#f3f3df)}.reminder-strip{background:linear-gradient(105deg,#e6f7ee,#f6f4e4 65%,#fff6d8);border-color:#d6e6d9}.expense-total{background:linear-gradient(140deg,#12372a,#198754 55%,#245f42)}.revenue-line{stroke:#198754}.area-path{fill:rgba(25,135,84,.13)}.auth-visual{background:radial-gradient(circle at 75% 30%,rgba(47,191,143,.25),transparent 28%),linear-gradient(145deg,#071f16,#12372a 55%,#1b5e42)}.kicker{color:#e0fff2;background:linear-gradient(135deg,rgba(47,191,143,.2),rgba(210,167,44,.14));border-color:rgba(112,224,172,.3)}.toast{background:linear-gradient(135deg,#0b2b1e,#1b5e42)}
.document-action{color:#125f3e;background:linear-gradient(135deg,#e4f5eb,#d5ecdf);border-color:#c5dfcf}.edit-action{color:#155d3d;background:linear-gradient(135deg,#eaf7ef,#e3eddf);border-color:#cee1d3}.view-action{background:linear-gradient(135deg,#fff,#f3f8f5)}.document-modal{background:#edf5f0}.document-modal>header{background:linear-gradient(100deg,#fff,#f2f8f4)}.document-actions{background:rgba(237,245,240,.95);border-color:#d6e6dc}.doc-header{background:linear-gradient(120deg,#0b2b1e,#12372a 45%,#198754 75%,#176b49)}.doc-logo{color:#12372a;background:linear-gradient(135deg,#fff,#e0f6ea)}.doc-accent{background:linear-gradient(90deg,#2fbf8f,#198754 45%,#d2a72c 78%,#e2bd57)}.doc-parties>div:first-child>small,.reminder-top>div:first-child>small,.doc-notes>small,.doc-payment-box>small{color:#167447}.doc-meta{background:linear-gradient(145deg,#edf8f2,#f8f7ea);border-color:#d5e7dc}.doc-items th,.doc-summary-table th{background:linear-gradient(90deg,#0b2b1e,#12372a 52%,#198754)}.doc-totals .grand{background:linear-gradient(90deg,#0b2b1e,#198754)}.doc-payment-box{background:linear-gradient(110deg,#eaf8f0,#f7f6e8);border-color:#d5e7da}.reminder-letter{border-left-color:#198754}.doc-notes>small,.doc-payment-box>small{color:#167447}
.text-link,.link-button,.demo-banner button{color:#126b43}.avatar{color:#155f40;background:linear-gradient(135deg,#e5f5ec,#f5f2de)}.invoice-preview{background:linear-gradient(135deg,#eff8f3,#f8f7ea)}.detail-grid>div{background:linear-gradient(135deg,#fafcfb,#f3f8f5);border-color:#dce8e1}.detail-grid small{color:#63766b}.modal-backdrop{background:rgba(4,28,18,.62)}

/* Client payment preferences, price split and explicit save confirmation */
.save-success{margin:0 0 16px;padding:13px 15px;display:grid;grid-template-columns:34px 1fr 28px;gap:11px;align-items:center;color:#123d2a;background:linear-gradient(110deg,#e5f7ed,#f8f7e8);border:1px solid #c9e4d4;border-radius:12px;box-shadow:0 8px 24px rgba(18,75,51,.08)}.save-success>span{width:34px;height:34px;display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,#20a36f,#12633d);border-radius:10px;font-size:15px;font-weight:900}.save-success strong{display:block;font-size:12px}.save-success p{margin:3px 0 0;color:#5e7267;font-size:10px}.save-success button{width:28px;height:28px;color:#5e7267;background:rgba(255,255,255,.72);border:1px solid #d6e7dc;border-radius:8px;font-size:18px;line-height:1}.payment-mode{display:inline-flex;padding:6px 9px;border-radius:14px;font-size:9px;font-weight:850;white-space:nowrap}.mode-account-only{color:#155f40;background:linear-gradient(135deg,#e1f5e9,#f1f7e9);border:1px solid #cce5d5}.mode-cash-only{color:#775d10;background:linear-gradient(135deg,#fff7d9,#f2e8b9);border:1px solid #eadb99}.mode-mixed{color:#285e4a;background:linear-gradient(135deg,#dff6ea,#fff3ca);border:1px solid #cfe2c4}.invoice-date-cell{display:flex;min-width:105px;flex-direction:column;gap:4px}.invoice-date-cell small{color:#829188;font-size:9px}.payment-split-preview{padding:12px 14px;display:flex;align-items:center;gap:18px;color:#52685c;background:linear-gradient(105deg,#edf8f2,#f8f7e8);border:1px solid #d5e7db;border-radius:10px}.payment-split-preview span{padding:5px 8px;color:#fff;background:linear-gradient(135deg,#198754,#12372a);border-radius:12px;font-size:9px;font-weight:850}.payment-split-preview strong{font-size:10px}.entry-form input[readonly]{color:#50645a;background:#eef4f0;border-style:dashed}.invoice-preview{justify-content:flex-start}.invoice-preview span{min-width:105px}.table-wrap td .stack small{max-width:155px;overflow:hidden;text-overflow:ellipsis}
@media(max-width:680px){.save-success{grid-template-columns:30px 1fr 28px}.payment-split-preview{align-items:flex-start;flex-direction:column;gap:7px}}

/* WhatsApp message actions, invoice-style record views and UPI QR payments */
.whatsapp-button,.record-actions .whatsapp-action{color:#fff!important;background:linear-gradient(135deg,#25a968,#12824f)!important;border:1px solid #12824f!important}.reminder-message-action{color:#fff!important;background:linear-gradient(135deg,#d69d22,#a86f0c)!important;border:1px solid #a86f0c!important}.document-actions{flex-wrap:wrap}.record-document{position:relative;width:min(794px,100%);min-height:650px;margin:0 auto;overflow:hidden;color:#17251f;background:#fff;border:1px solid #d8e6dd;border-radius:14px;box-shadow:0 16px 48px rgba(18,55,42,.14);font-family:"Aptos","Segoe UI",Arial,sans-serif}.record-document>header{min-height:132px;padding:30px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#fff;background:linear-gradient(120deg,#0b2b1e,#12372a 50%,#198754)}.record-document>header small{font-size:9px;font-weight:900;letter-spacing:.16em}.record-document>header h2{margin:7px 0 4px;color:#fff;font-size:23px}.record-document>header p{margin:0;color:#d8eee2;font-size:10px}.record-document>header>strong{font-size:22px}.record-document-accent{height:5px;background:linear-gradient(90deg,#2fbf8f,#d2a72c)}.record-document-grid{padding:28px 36px 68px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.record-document-grid>div{min-height:76px;padding:13px;display:flex;flex-direction:column;gap:7px;background:linear-gradient(145deg,#f7fbf8,#f7f7ec);border:1px solid #dce9e0;border-radius:10px}.record-document-grid small{color:#687b70;font-size:8px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.record-document-grid strong{color:#1d3529;font-size:12px;line-height:1.45}.record-document>footer{position:absolute;left:36px;right:36px;bottom:24px;padding-top:10px;display:flex;justify-content:space-between;color:#7b8c82;border-top:1px solid #dce8e1;font-size:8px}.record-view-actions{position:sticky;top:0;z-index:2;width:min(794px,100%);margin:14px auto 0}.doc-payment-area{display:grid;grid-template-columns:1fr 132px;gap:14px;align-items:stretch}.doc-payment-area .doc-payment-box{display:flex;flex-direction:column;justify-content:center}.payment-qr{min-height:126px;padding:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#173b2b;background:#fff;border:1px solid #cfe2d6;border-radius:10px;text-align:center}.payment-qr>span{margin-bottom:5px;color:#167447;font-size:7px;font-weight:900;letter-spacing:.13em}.payment-qr-svg{width:78px;height:78px;display:block}.payment-qr>strong{margin-top:4px;font-size:10px}.payment-qr>small{max-width:116px;margin-top:3px;overflow:hidden;color:#708177;font-size:6px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.payment-qr-disabled{padding:13px;background:linear-gradient(145deg,#f2f7f4,#faf8ec);border-style:dashed}.payment-qr-disabled strong{font-size:9px}.payment-qr-disabled small{max-width:105px;white-space:normal}.invoice-document .doc-signature{min-height:75px;padding-top:22px}.reminder-document .doc-payment-area{margin-top:4px}
@media(max-width:900px){.record-document-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.record-document-grid{padding:20px 18px 70px;grid-template-columns:1fr}.record-document>header{padding:24px 20px;align-items:flex-start;flex-direction:column}.doc-payment-area{grid-template-columns:1fr}.payment-qr{min-height:150px}.payment-qr-svg{width:96px;height:96px}}
.field-help{display:block;margin-top:6px;color:#718279;font-size:9px;line-height:1.45}

/* Client ledger — handwritten balance and mesh-rate register */
.ledger-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.ledger-source-strip{display:flex;align-items:center;justify-content:space-between;gap:22px;margin:0 0 18px;padding:17px 20px;border:1px solid rgba(181,138,38,.28);border-radius:16px;background:linear-gradient(135deg,rgba(18,55,42,.98),rgba(28,86,62,.95));color:#fff;box-shadow:0 12px 28px rgba(7,31,22,.16)}.ledger-source-strip div{display:grid;gap:4px}.ledger-source-strip strong{font-size:.98rem}.ledger-source-strip span{color:rgba(255,255,255,.76);font-size:.79rem;line-height:1.45}.ledger-source-strip .source-total{color:#f6d77b;font-size:1.2rem;font-weight:800;white-space:nowrap}.ledger-rate{display:inline-flex;min-width:54px;justify-content:center;padding:6px 9px;border-radius:9px;background:#edf8f3;color:#105d43;font-weight:800;white-space:nowrap}.ledger-empty{color:#9aa7a0;font-weight:650}.ledger-note{display:block;min-width:170px;max-width:250px;color:#53615b;font-size:.78rem;line-height:1.4;white-space:normal}.review-chip,.verified-chip{display:inline-flex;align-items:center;justify-content:center;padding:6px 9px;border-radius:999px;font-size:.7rem;font-weight:800;white-space:nowrap}.review-chip{background:#fff0cf;color:#8b5c00;border:1px solid #f0ce85}.verified-chip{background:#e9f8f0;color:#13704f;border:1px solid #bce7d2}.ledger-check{flex-direction:row!important;align-items:flex-start!important;gap:11px!important;padding:13px 14px;border:1px solid #dce8e2;border-radius:12px;background:#f7fbf9}.ledger-check input{width:18px!important;height:18px;margin-top:2px;accent-color:#157f62}.ledger-check span{display:grid;gap:3px}.ledger-check small{color:#708078;font-size:.75rem;line-height:1.4}@media(max-width:900px){.ledger-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.ledger-source-strip{align-items:flex-start;flex-direction:column}}
.ledger-invoice-hint{padding:13px 14px;display:flex;align-items:center;justify-content:space-between;gap:15px;color:#315847;background:linear-gradient(110deg,#eaf8f0,#fbf7e7);border:1px solid #cee5d7;border-radius:11px}.ledger-invoice-hint>div:first-child{display:grid;gap:4px}.ledger-invoice-hint strong{font-size:10px}.ledger-invoice-hint span{color:#687a70;font-size:8px;line-height:1.45}.ledger-hint-rates{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}.ledger-hint-rates>span{padding:5px 7px;display:flex;align-items:center;gap:5px;color:#596d62;background:#fff;border:1px solid #d9e8df;border-radius:8px;font-size:7px;white-space:nowrap}.ledger-hint-rates b{color:#12633d;font-size:8px}@media(max-width:680px){.ledger-invoice-hint{align-items:flex-start;flex-direction:column}.ledger-hint-rates{justify-content:flex-start}}