*{box-sizing:border-box}html,body{max-width:100%;margin:0;overflow-x:hidden}body{color:#f4f7fc;background:#061a39;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;font-size:13px}:root{--bg:#061a39;--side:#031a3a;--card:#0b2a52;--card2:#0c2d57;--line:#183b67;--muted:#8fa6c4;--blue:#1976e9;--blue2:#438df4;--green:#42d486;--orange:#ffab16;--purple:#9072ee;--red:#ff5966}svg{display:block}a{color:inherit}.app{background:linear-gradient(135deg,#051a39,#082044);min-height:100vh;display:flex}.sidebar{background:#031a3a;border-right:1px solid #16355d;flex-direction:column;width:282px;min-width:282px;padding:20px 15px 16px;display:flex}.logo{align-items:center;gap:11px;height:47px;margin-bottom:13px;padding-left:9px;display:flex}.logo-box{color:#1260b7;background:#fff;border-radius:9px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:43px;height:37px;font-size:13px;font-weight:900;line-height:10px;display:flex}.logo-img{object-fit:contain;flex:none;width:43px;height:37px}.logo-box small{color:#1871c9;margin-top:3px;font-size:7px}.logo-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:17px;font-weight:800;overflow:hidden}.logo-text b{color:#ffab16}.sidebar-close{color:#c4d3e8;cursor:pointer;background:#ffffff0f;border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;width:30px;height:30px;margin-left:auto;display:none}.sidebar-close svg{width:16px;height:16px}.section{color:#9ab0cc;letter-spacing:.35px;margin:11px 13px 7px;font-size:10px;font-weight:700}.nav{flex-direction:column;gap:2px;display:flex}.nav a{color:#d8e4f4;cursor:pointer;border-radius:7px;align-items:center;gap:13px;height:42px;padding:0 12px;font-size:13px;text-decoration:none;display:flex}.nav a:hover{background:#0b2c57}.nav a.active{color:#fff;background:#145ab7}.nav a.disabled{opacity:.42;cursor:not-allowed}.nav a.disabled:hover{background:0 0}.ni{flex:0 0 20px;place-items:center;width:20px;height:20px;display:grid}.ni svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.arrow{color:#8197b5;margin-left:auto;font-size:16px}.support{color:#dce7f5;border:1px solid #1a3b62;border-radius:7px;justify-content:center;align-items:center;gap:10px;height:55px;margin-top:auto;font-size:13px;display:flex}.support svg{width:19px}.main{flex:1;min-width:0;padding:0 14px 16px}.top{border-bottom:1px solid #17365d;justify-content:space-between;align-items:center;height:70px;display:flex}.welcome-wrap{align-items:center;gap:15px;display:flex}.hamb{color:#d8e5f5;cursor:pointer;width:24px;display:none}.hamb svg{width:22px}.welcome{font-size:14px;font-weight:700}.welcome small{color:#8ca3c0;margin-top:3px;font-size:11px;font-weight:400;display:block}.top-right{align-items:center;gap:17px;display:flex}.add{color:#fff;cursor:pointer;background:#1767dc;border:0;border-radius:5px;align-items:center;height:37px;padding:0 17px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.bell{color:#dbe7f5;position:relative}.bell svg{width:23px}.badge{color:#15263d;background:#ffad16;border-radius:9px;padding:2px 5px;font-size:8px;font-weight:800;position:absolute;top:-8px;right:-7px}.user{cursor:pointer;align-items:center;gap:9px;display:flex;position:relative}.avatar{color:#8d98a6;background:#eef1f4;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.avatar svg{width:24px}.user b{font-size:11px}.user small{color:#879db9;margin-top:2px;font-size:9px;display:block}.date{color:#dce6f3;background:#0d2b53;border:1px solid #1a3c65;border-radius:5px;align-items:center;height:39px;padding:0 12px;font-size:10px;display:flex}.user-menu{z-index:20;background:#0c2b54;border:1px solid #1a3c65;border-radius:8px;min-width:160px;position:absolute;top:46px;right:0;overflow:hidden;box-shadow:0 10px 30px #00000059}.user-menu button{text-align:left;color:#dbe5f3;cursor:pointer;background:0 0;border:0;width:100%;padding:11px 14px;font-size:12px}.user-menu button:hover{background:#123a6c}.content{padding-top:16px}.stats{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.stats-4{grid-template-columns:repeat(4,1fr)}.card{background:linear-gradient(#0c2b54,#0a274d);border:1px solid #5d8bbe1f;border-radius:9px;box-shadow:0 5px 15px #00000014}.stat{gap:13px;height:121px;padding:18px 17px;display:flex}.stat-icon{border-radius:50%;flex:none;place-items:center;width:47px;height:47px;display:grid}.stat-icon svg{stroke:#fff;fill:none;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:25px;height:25px}.blue{background:#1978ec}.orange{background:#f7a817}.green{background:#36c979}.purple{background:#9072ed}.cyan{background:#67b5eb}.label{color:#d6e2f2;margin:1px 0 7px;font-size:12px}.value{font-size:23px;font-weight:800;line-height:1}.trend{color:#43dc8a;margin-top:9px;font-size:10px}.trend.red{color:#ff5965}.trend span{color:#8da4c0}.row3{grid-template-columns:1.55fr 1fr 1fr;gap:16px;margin-top:16px;display:grid}.row3-half{grid-template-columns:1fr 1fr}.panel{background:linear-gradient(#0c2b54,#0a274d);border:1px solid #5d8bbe1f;border-radius:9px;overflow:hidden}.head{justify-content:space-between;align-items:center;height:48px;padding:0 15px;display:flex}.head h3{align-items:center;gap:7px;margin:0;font-size:14px;display:flex}.head h3 svg{color:#7fa8e8;flex:none}.select,.view{color:#d9e6f5;cursor:pointer;background:#09244b;border:1px solid #24466f;border-radius:4px;height:26px;padding:0 9px;font-size:10px}.view{align-items:center;gap:4px;height:25px;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.view:hover{background:#123a6c;border-color:#2d5686}.view svg{flex:none;width:11px;height:11px}.legend{color:#9cb0c9;gap:20px;padding:0 15px 2px;font-size:10px;display:flex}.legend i{vertical-align:middle;width:19px;height:2px;margin-right:5px;display:inline-block}.lr{background:#438df4}.lp{background:#ffab16}.chartbox{height:277px;padding:2px 10px 8px}.chartbox svg{width:100%;height:100%}.gridline{stroke:#294667;stroke-opacity:.45;stroke-width:1px}.axis{fill:#9ab0ca;font-size:10px}.line-rev{fill:none;stroke:#438df4;stroke-width:3px}.line-profit{fill:none;stroke:#ffab16;stroke-width:3px}.pt-r{fill:#0d2b54;stroke:#438df4;stroke-width:2px}.pt-p{fill:#0d2b54;stroke:#ffab16;stroke-width:2px}.donutbody{align-items:center;gap:14px;height:280px;padding:7px 13px 15px;display:flex}.donut{border-radius:50%;flex:none;width:181px;height:181px;position:relative}.donut:after{content:"";background:#0c2b54;border-radius:50%;position:absolute;inset:38px}.dc{z-index:2;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.dc b{font-size:17px}.dc span{color:#91a6c1;margin-top:4px;font-size:9px}.services{flex:1;font-size:10px}.svc{gap:7px;margin:7px 0;line-height:1.35;display:flex}.svc .sq{border-radius:2px;flex:none;width:8px;height:8px;margin-top:3px}.svc small{color:#a5b8d0;display:block}.stores{height:280px;padding:5px 15px 13px;overflow:auto}.store{align-items:center;gap:8px;height:29px;font-size:10px;display:flex}.store .dot{border-radius:50%;flex:none;width:8px;height:8px}.store .name{color:#dbe5f3;flex:1}.pos{color:#40db88;font-weight:700}.neg{color:#ff5965;font-weight:700}.rowbottom{grid-template-columns:1fr 1fr 1fr;gap:16px;margin-top:16px;display:grid}.table-panel{min-width:0}.table{border-collapse:collapse;width:100%;font-size:10px}.table th{color:#9bb0cb;text-align:left;white-space:nowrap;border-top:1px solid #17385f;border-bottom:1px solid #17385f;height:39px;padding:0 10px;font-weight:500}.table td{color:#dbe5f2;white-space:nowrap;border-bottom:1px solid #16365c;height:42px;padding:0 10px}.table tr:last-child td{border-bottom:0}.status{border-radius:5px;padding:5px 8px;font-size:9px;display:inline-block}.done,.paid,.active,.completed{color:#49dc91;background:#194e43}.processing{color:#ffc55b;background:#604d27}.pending{color:#58a8ff;background:#12477f}.unpaid,.inactive,.cancelled{color:#ff6d76;background:#5a3039}.quickbody{padding:8px 15px 16px}.quickgrid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.quickbtn{color:#dfe8f5;cursor:pointer;background:#0c2b54;border:1px solid #20456f;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:9px;height:100px;font-size:10px;display:flex}.quickbtn svg{stroke:#dce8f6;fill:none;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:27px;height:27px}.footer{grid-template-columns:repeat(4,1fr) 1.75fr;gap:16px;margin-top:16px;display:grid}.mini{align-items:center;gap:14px;height:103px;padding:16px 18px;display:flex}.mini svg{stroke:#3189f5;fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:38px;height:38px}.mlabel{font-size:11px}.mvalue{margin-top:6px;font-size:20px;font-weight:800}.msub{color:#8ea5c0;margin-top:3px;font-size:9px}@media (width<=1400px){.stats{grid-template-columns:repeat(3,1fr)}.row3{grid-template-columns:1.5fr 1fr}.row3 .panel:last-child{grid-column:1/-1}.rowbottom{grid-template-columns:1fr 1fr}.rowbottom .panel:last-child{grid-column:1/-1}.footer{grid-template-columns:repeat(2,1fr)}}@media (width<=1050px){.sidebar{width:230px;min-width:230px}.top-right .date{display:none}.row3{grid-template-columns:1fr}.row3 .panel:last-child{grid-column:auto}.donutbody{justify-content:center}.stores{height:auto}.rowbottom{grid-template-columns:1fr}.rowbottom .panel:last-child{grid-column:auto}}.sidebar-backdrop,.bottom-nav,.fab{display:none}@media (width<=760px){.sidebar{z-index:50;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;width:min(84vw,300px);min-width:0;max-width:300px;transition:left .22s cubic-bezier(.3,.9,.4,1);position:fixed;top:0;bottom:0;left:-100%;overflow-y:auto;box-shadow:0 0 #0000}.sidebar.open{left:0;box-shadow:10px 0 40px #00000073}.logo{z-index:2;background:#031a3a;gap:14px;margin-top:-20px;padding-top:20px;padding-left:12px;position:sticky;top:0}html.drawer-open,html.drawer-open body{overscroll-behavior:none;overflow:hidden}.sidebar-backdrop{z-index:45;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#02081499;animation:.18s fadeIn;display:block;position:fixed;inset:0}.hamb{display:block}.sidebar-close{display:flex}.logo-text{font-size:15px}.main{padding:0 9px 86px}.stats{grid-template-columns:1fr 1fr}.top{z-index:20;background:#061a39;flex-wrap:nowrap;width:calc(100% + 18px);height:56px;min-height:56px;margin:0 -9px;padding:0 12px;position:sticky;top:0}.welcome-wrap{flex:auto;min-width:0;overflow:hidden}.welcome{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;display:block;overflow:hidden}.welcome small{display:none}.top-right{flex-wrap:nowrap;flex:none;gap:6px}.top-right .btn-primary,.top-right .btn-secondary,.top-right .btn-ghost,.top-right .btn-danger{border-radius:8px;flex:none;gap:0;width:36px;height:36px;min-height:36px;padding:0;font-size:0}.top-right .btn-primary svg,.top-right .btn-secondary svg,.top-right .btn-ghost svg,.top-right .btn-danger svg{width:16px;height:16px}.user b,.user small{display:none}.stat{height:auto;min-height:106px;padding:14px}.value{font-size:19px}.footer{grid-template-columns:1fr}.table{font-size:10px}.table th,.table td{padding:0 7px}.bottom-nav{z-index:40;height:calc(60px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#031431f7;border-top:1px solid #16355d;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 24px #00000059}.bn-item{color:#8097b8;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:9.5px;font-weight:600;text-decoration:none;transition:color .15s;display:flex;position:relative}.bn-item svg{stroke-width:1.8px;width:21px;height:21px;transition:transform .15s}.bn-item.active{color:#5aa2ff}.bn-item.active svg{transform:translateY(-1px)}.bn-item.active:before{content:"";background:#1767dc;border-radius:0 0 4px 4px;width:26px;height:3px;position:absolute;top:0}.bn-item:active svg{transform:scale(.85)}.fab{right:16px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:39;color:#fff;cursor:pointer;background:linear-gradient(150deg,#2688ff,#1767dc);border:0;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;text-decoration:none;transition:transform .12s;display:flex;position:fixed;box-shadow:0 8px 22px #1767dc80}.fab svg{stroke-width:2.1px;width:24px;height:24px}.fab:active{transform:scale(.9)}.data-table-wrap{overflow:visible}.data-table thead{display:none}.data-table,.data-table tbody,.data-table tr,.data-table td{width:100%;display:block}.data-table{font-size:12px}.data-table tr{background:linear-gradient(#0c2b54,#0a274d);border:1px solid #5d8bbe24;border-radius:11px;margin-bottom:11px;padding:5px 14px}.data-table tr:hover td{background:0 0}.data-table td{white-space:normal;text-align:right;border:0;border-bottom:1px solid #5d8bbe1a;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;display:flex}.data-table tr td:last-child{border-bottom:0}.data-table td:before{content:attr(data-label);color:var(--muted);text-align:left;flex:none;font-size:10px;font-weight:700}.data-table td.actions-cell{justify-content:flex-end;padding-right:64px}.data-table td.actions-cell:before{display:none}.has-fab .data-table td{padding-right:64px}.data-table td.card-title{color:#fff;padding-top:13px;font-size:13px;font-weight:800}.data-table td.card-title:before{display:none}.empty-state{padding:38px 16px}.btn-primary,.btn-secondary,.btn-danger,.btn-ghost{min-height:44px}.filters select,.filters input{min-height:42px}.icon-btn{width:38px;height:38px}.card:active,.panel:active,.quickbtn:active{transform:scale(.985)}.quickbtn,.card,.panel{transition:transform .1s}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=480px){.stats{grid-template-columns:1fr}.add{padding:0 10px}.donutbody{flex-direction:column;height:auto;padding-bottom:22px}.services{width:100%}.quickgrid{grid-template-columns:repeat(2,1fr)}.quickbtn{height:90px}.panel .head h3{font-size:12px}.footer{grid-template-columns:1fr}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.page-head h1{align-items:center;gap:9px;margin:0;font-size:18px;display:flex}.page-head p{color:var(--muted);margin:4px 0 0;font-size:11px}.btn-primary,.btn-secondary,.btn-danger,.btn-ghost{cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;height:37px;padding:0 17px;font-size:12px;font-weight:700;text-decoration:none;transition:background .15s,border-color .15s,transform 80ms,opacity .15s;display:inline-flex}.btn-primary svg,.btn-secondary svg,.btn-danger svg,.btn-ghost svg{flex:none;width:15px;height:15px}.btn-primary{color:#fff;background:linear-gradient(#1c7bf2,#1767dc);box-shadow:0 3px 10px #1767dc59}.btn-primary:hover{background:#1359c2}.btn-primary:active{transform:scale(.96);box-shadow:0 1px 4px #1767dc59}.btn-secondary{color:#dbe5f3;background:#0c2b54;border:1px solid #24466f;font-weight:600}.btn-secondary:hover{background:#123a6c;border-color:#2d5686}.btn-secondary:active{transform:scale(.96)}.btn-danger{color:#ff8f96;background:#3a1620;border:1px solid #5a3039;font-weight:600}.btn-danger:hover{background:#4a1b28;border-color:#7a3f48}.btn-danger:active{transform:scale(.96)}.btn-ghost{color:#9bb0cb;background:0 0;border:1px solid #0000;font-weight:600}.btn-ghost:hover{color:#dbe5f3;background:#ffffff0d}.btn-ghost:active{transform:scale(.96)}.btn-primary:disabled,.btn-secondary:disabled,.btn-danger:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-sm{border-radius:6px;height:31px;padding:0 12px;font-size:11px}.btn-sm svg{width:13px;height:13px}.btn-block{width:100%}.row-action{color:#8fb3ea;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;padding:6px 8px;font-size:11px;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:inline-flex}.row-action svg{width:14px;height:14px}.row-action:hover{color:#fff;background:#438df424}.row-action:active{transform:scale(.94)}.row-action.danger{color:#ff8f96}.row-action.danger:hover{color:#ffb3b8;background:#ff697124}.btn-link{color:#438df4;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px}.icon-btn{color:#c4d3e8;cursor:pointer;background:#ffffff0a;border:1px solid #5d8bbe2e;border-radius:8px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;text-decoration:none;transition:background .15s,color .15s,transform 80ms;display:inline-flex}.icon-btn svg{width:16px;height:16px}.icon-btn:hover{color:#fff;background:#438df429;border-color:#3f6ea8}.icon-btn:active{transform:scale(.92)}.icon-btn.danger:hover{color:#ff8f96;background:#ff697129;border-color:#7a3f48}.actions-cell{justify-content:flex-end;align-items:center;gap:6px;display:flex}.filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.filters select,.filters input{color:#d9e6f5;background:#09244b;border:1px solid #24466f;border-radius:7px;height:36px;padding:0 10px;font-size:11px}.search-box{flex:1;min-width:180px;position:relative}.search-box svg{width:14px;height:14px;color:var(--muted);pointer-events:none;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.search-box input{width:100%;padding-left:33px}.filters .btn-secondary{white-space:nowrap}.data-table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:11px}.data-table th{color:#9bb0cb;text-align:left;white-space:nowrap;border-top:1px solid #17385f;border-bottom:1px solid #17385f;height:40px;padding:0 12px;font-weight:600}.data-table th:last-child,.data-table td:last-child{text-align:right}.data-table td{color:#dbe5f2;white-space:nowrap;border-bottom:1px solid #16365c;padding:10px 12px}.data-table tr:last-child td{border-bottom:0}.data-table tr:hover td{background:#ffffff05}.empty-row td{color:var(--muted);padding:0;text-align:center!important}.empty-state{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:44px 20px;display:flex}.empty-state svg{opacity:.55;width:34px;height:34px}.empty-state p{margin:0;font-size:12px}.form-card{background:linear-gradient(#0c2b54,#0a274d);border:1px solid #5d8bbe1f;border-radius:9px;padding:22px}.form-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.form-card>form>:not(:first-child){margin-top:18px}.form-card>form>.form-actions{margin-top:26px}.form-grid.cols-3{grid-template-columns:repeat(3,1fr)}.form-group{flex-direction:column;gap:6px;display:flex}.form-group.span-2{grid-column:span 2}.form-group label{color:#c4d3e8;font-size:11px;font-weight:600}.form-group input,.form-group select,.form-group textarea{color:#f4f7fc;background:#09244b;border:1px solid #24466f;border-radius:6px;height:38px;padding:0 12px;font-family:inherit;font-size:12px}.form-group textarea{resize:vertical;height:auto;padding:10px 12px}.form-group .err{color:#ff8f96;font-size:10px}.form-actions{gap:10px;margin-top:22px;display:flex}.form-group .search-box input{padding-left:33px}@media (width<=760px){.form-grid,.form-grid.cols-3{grid-template-columns:1fr}.form-group.span-2{grid-column:span 1}.form-group input,.form-group select,.form-group textarea{min-height:44px;font-size:14px}.form-card{padding:16px}.form-actions{bottom:calc(70px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#061a39f0;border-top:1px solid #17385f;margin:22px -16px -16px;padding:12px 16px;position:sticky}}.badge-pill{border-radius:20px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-block}.badge-blue{color:#58a8ff;background:#12477f}.badge-green{color:#49dc91;background:#194e43}.badge-orange{color:#ffc55b;background:#604d27}.badge-red{color:#ff6d76;background:#5a3039}.badge-grey{color:#9bb0cb;background:#1b2f4d}.tabs{border-bottom:1px solid #17385f;flex-wrap:wrap;gap:4px;margin-bottom:16px;display:flex}.tabs a{color:#9bb0cb;cursor:pointer;white-space:nowrap;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:10px 16px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.tabs a svg{flex:none;width:14px;height:14px}.tabs a.active{color:#fff;border-bottom-color:#1767dc}.line-items-wrap{-webkit-overflow-scrolling:touch;border-radius:8px;margin-top:10px;overflow-x:auto}.line-items{border-collapse:collapse;width:100%}.line-items.wide{min-width:640px}.line-items th{color:#9bb0cb;text-align:left;white-space:nowrap;padding:6px 8px;font-size:10px}.line-items td{padding:6px 8px}.line-items input,.line-items select{color:#f4f7fc;background:#09244b;border:1px solid #24466f;border-radius:5px;width:100%;height:34px;padding:0 8px;font-size:11px}@media (width<=760px){.line-items-wrap{width:calc(100% + 32px);margin-left:-16px;margin-right:-16px;padding:0 16px}.line-items input,.line-items select{min-height:38px;font-size:14px}}.totals-box{width:100%;max-width:320px;margin-top:16px;margin-left:auto}.totals-box .row{color:#c4d3e8;justify-content:space-between;padding:6px 0;font-size:12px;display:flex}.totals-box .row.grand{color:#fff;border-top:1px solid #17385f;margin-top:6px;padding-top:10px;font-size:15px;font-weight:800}.pagination{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;margin-top:18px;display:flex}.page-link{color:#c4d3e8;cursor:pointer;background:#0c2b54;border:1px solid #24466f;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-width:34px;height:34px;padding:0 10px;font-size:12px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.page-link:hover{color:#fff;background:#123a6c;border-color:#2d5a95}.page-link.active{color:#fff;background:#1767dc;border-color:#1767dc}.page-link.disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.page-link.page-nav{padding:0 14px;font-size:11px}.page-link svg{flex:none;width:13px;height:13px}.page-ellipsis{color:var(--muted);padding:0 4px;font-size:12px}@media (width<=480px){.page-nav-label{display:none}.page-link.page-nav{padding:0 10px}}.alert{border-radius:9px;align-items:flex-start;gap:10px;margin-bottom:14px;padding:12px 15px;font-size:12px;display:flex}.alert svg{margin-top:1px}.alert-success{color:#5fe3aa;background:#123a2e;border:1px solid #1c5943}.alert-error{color:#ff8f96;background:#3a1620;border:1px solid #5a3039}.invoice-doc{--iv-navy:#1c2b4a;--iv-band:#dde6f1;--iv-line:#c3d0e0;--iv-zebra:#eef2f8;--iv-ink:#243352;color:#1a2336;border:1px solid var(--iv-line);background:#fff;border-radius:9px;max-width:860px;margin:0 auto;padding:0;overflow:hidden}.invoice-doc-wrap{-webkit-overflow-scrolling:touch;padding:0 30px;overflow-x:auto}.invoice-doc table{border-collapse:collapse;width:100%}.inv-header-band{background:var(--iv-band);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr) minmax(0,1fr);gap:22px;padding:26px 30px;display:grid}.inv-title{color:var(--iv-navy);letter-spacing:.5px;margin:0 0 12px;font-size:30px;font-weight:800}.inv-business-name{color:var(--iv-ink);margin-bottom:6px;font-size:14px;font-weight:700}.inv-address-lines div{color:#48597e;font-size:11.5px;line-height:1.7}.inv-billto-label{color:var(--iv-ink);margin-bottom:6px;font-size:13px;font-weight:700}.inv-billto-block .inv-address-lines strong{color:var(--iv-ink);font-size:12px}.inv-meta-table{border-collapse:collapse;width:100%;font-size:11px}.inv-meta-table td{color:#48597e;white-space:nowrap;padding:4px 0}.inv-meta-table td:first-child{padding-right:8px}.inv-meta-table td:last-child{text-align:right;color:var(--iv-ink);font-weight:700}.inv-balance-row td{border-top:1px solid var(--iv-line);padding-top:10px;font-size:12px;color:var(--iv-navy)!important;font-weight:800!important}.inv-contact-band{background:var(--iv-navy);color:#fff;grid-template-columns:repeat(3,1fr);gap:16px;padding:14px 30px;display:grid}.inv-contact-col span{text-transform:uppercase;letter-spacing:.07em;opacity:.7;margin-bottom:5px;font-size:9.5px;display:block}.inv-contact-value{flex-direction:column;gap:2px;display:flex}.inv-contact-value b{font-size:12px;font-weight:600}.inv-items-table{border:1px solid var(--iv-line);margin-top:22px}.inv-items-table th{background:var(--iv-navy);color:#fff;text-align:left;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em;border:1px solid var(--iv-navy);padding:9px 10px;font-size:10.5px}.inv-items-table td{border:1px solid var(--iv-line);white-space:nowrap;color:var(--iv-ink);padding:8px 10px;font-size:12px}.inv-items-table tbody tr:nth-child(2n){background:var(--iv-zebra)}.inv-bottom-grid{grid-template-columns:1.3fr 1fr;gap:30px;padding:22px 30px 28px;display:grid}.inv-notes-block b{letter-spacing:.04em;color:var(--iv-navy);margin-bottom:5px;font-size:10.5px;display:block}.inv-words{color:#48597e;margin:0 0 14px;font-size:11px;font-style:italic}.inv-notes-block p{color:#48597e;margin:0 0 14px;font-size:11.5px;line-height:1.6}.inv-signature{color:#48597e;margin-top:44px;font-size:11.5px}.sig-line{border-top:1px solid #1a2336;width:190px;margin-bottom:6px}.inv-totals-block{border:1px solid var(--iv-line);border-radius:6px;align-self:start;overflow:hidden}.inv-totals-row{color:var(--iv-ink);border-bottom:1px solid var(--iv-line);justify-content:space-between;padding:9px 16px;font-size:12px;display:flex}.inv-totals-row:nth-child(2n){background:var(--iv-zebra)}.inv-totals-row.grand{background:var(--iv-navy);color:#fff;border-bottom:0;font-size:14px;font-weight:800}@media (width<=760px){.invoice-doc{border-radius:0}.inv-header-band{grid-template-columns:1fr;padding:20px}.inv-contact-band{grid-template-columns:1fr;gap:10px;padding:14px 20px}.invoice-doc-wrap{padding:0 16px}.inv-bottom-grid{grid-template-columns:1fr;padding:20px}.inv-signature{margin-top:28px}}@media print{html,body{height:auto;background:#fff!important}.app{min-height:0;display:block;background:0 0!important}.app .sidebar,.app .top,.bottom-nav,.fab,.sidebar-backdrop,.no-print{display:none!important}.app .main{min-width:0;padding:0}.content{padding-top:0}.invoice-doc{box-shadow:none;border:0;max-width:100%;margin:0;font-size:10px}.invoice-doc-wrap{padding:0 12px;overflow-x:visible}.inv-header-band{gap:10px;padding:14px 12px}.inv-title{margin-bottom:6px;font-size:20px}.inv-contact-band{gap:8px;padding:8px 12px}.inv-bottom-grid{padding:14px 12px}.inv-items-table{table-layout:fixed;width:100%}.inv-items-table th,.inv-items-table td{white-space:normal;word-break:break-word;overflow-wrap:break-word;padding:5px 6px;font-size:9px}.inv-totals-row{padding:6px 10px;font-size:10px}.inv-totals-row.grand{font-size:12px}}.login-page{color:#f7f9ff;background:radial-gradient(circle at 41%,#0066ff21,#0000 26%),radial-gradient(circle at 92% 38%,#004cff1a,#0000 32%),linear-gradient(110deg,#02091d 0%,#041333 55%,#061941 100%);min-height:100vh;padding:3.1vw 2.6vw;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;position:relative}.login-layout{z-index:1;grid-template-columns:minmax(0,1.08fr) minmax(470px,.92fr);align-items:start;gap:3vw;max-width:1500px;margin:auto;display:grid;position:relative}.login-brand{letter-spacing:-.5px;align-items:center;gap:14px;font-size:27px;font-weight:800;display:flex}.login-brand .logo-box{width:56px;height:56px;font-size:16px}.login-brand .logo-img{width:56px;height:56px}.login-gold{color:#f5a900}.logo-img-lg{object-fit:contain;width:64px;height:64px;margin:0 auto;display:block}.login-hero{max-width:690px;margin-top:43px}.login-hero h1{letter-spacing:-1.5px;margin-bottom:23px;font-size:clamp(30px,3.1vw,54px);line-height:1.15}.login-hero h1 span{color:#f5a900}.login-hero p{color:#b9c4d9;max-width:690px;font-size:16px;line-height:1.8}.login-features{gap:12px;max-width:520px;margin-top:29px;display:grid}.login-feature{background:linear-gradient(100deg,#071b42eb,#0517389e);border:1px solid #427ada47;border-radius:13px;align-items:center;gap:16px;padding:16px 17px;display:flex}.login-feature .icon{background:radial-gradient(circle at 40% 35%,#1591ff,#0743b9 68%,#072b6d);border-radius:50%;flex:0 0 52px;place-items:center;width:52px;height:52px;font-size:23px;display:grid}.login-feature:nth-child(2) .icon{background:radial-gradient(circle at 40% 35%,#35e1a5,#087e5c 70%)}.login-feature:nth-child(3) .icon{background:radial-gradient(circle at 40% 35%,#8d6cff,#4021bf 70%)}.login-feature:nth-child(4) .icon{background:radial-gradient(circle at 40% 35%,#ffbd28,#bf5d00 70%)}.login-feature h3{margin-bottom:5px;font-size:15px}.login-feature p{color:#aebbd2;margin:0;font-size:13px;line-height:1.45}.login-stats{background:#081e499e;border:1px solid #4f84df4d;border-radius:14px;grid-template-columns:repeat(4,minmax(0,1fr));max-width:820px;margin-top:26px;display:grid;overflow:hidden}.login-stat{align-items:center;gap:12px;padding:20px 15px;display:flex;position:relative}.login-stat .bubble{background:#083e9d;border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:19px;display:grid}.login-stat strong{font-size:21px;display:block}.login-stat small{color:#a9b6cf;font-size:11px}.login-card{background:linear-gradient(150deg,#091b3fe0,#020d23e0);border:1px solid #8faee285;border-radius:24px;min-height:auto;padding:48px 40px 35px;position:relative;box-shadow:0 25px 80px #00000052}.login-head{text-align:center;z-index:1;position:relative}.login-head .logo-box{width:64px;height:64px;margin:0 auto;font-size:18px}.login-head h2{margin-top:22px;font-size:23px}.login-head p{color:#aeb9ce;margin-top:8px;font-size:15px}.login-form{z-index:2;margin-top:38px;position:relative}.login-form label{color:#dbe5f3;margin-bottom:10px;font-size:13px;display:block}.login-field{margin-bottom:22px;position:relative}.login-field input{color:#fff;text-align:left;letter-spacing:normal;background:#03122db3;border:1px solid #416da9;border-radius:10px;outline:none;width:100%;height:54px;padding:0 16px;font-size:15px;transition:border-color .15s,box-shadow .15s}.login-field input:focus{border-color:#1b82ff;box-shadow:0 0 0 3px #1b82ff1f}.login-field.has-icon input{padding-left:46px}.login-field .field-icon{color:#7f96b8;pointer-events:none;width:18px;height:18px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.login-field.otp-boxes{gap:8px;display:flex}.login-field.otp-boxes input{text-align:center;letter-spacing:0;padding:0;font-size:20px;font-weight:700}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(100deg,#0a69ed,#217cf8);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;height:56px;font-size:16px;font-weight:700;transition:filter .15s,transform 80ms;display:inline-flex}.login-btn svg{width:18px;height:18px}.login-btn:hover{filter:brightness(1.08)}.login-btn:active{transform:scale(.98)}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-divider{color:#c3c9d6;align-items:center;gap:14px;margin:24px 0 20px;font-size:13px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#94a5c147;flex:1;height:1px}.login-otp-btn{color:#fff;cursor:pointer;text-align:left;background:#03122d9e;border:1px solid #34547f;border-radius:12px;align-items:center;gap:14px;width:100%;height:58px;margin-bottom:12px;padding:0 18px;font-size:14px;font-weight:600;transition:border-color .15s,background .15s,transform 80ms;display:flex}.login-otp-btn .otp-icon{color:#4a9bff;background:#1b82ff24;border-radius:50%;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.login-otp-btn .otp-icon svg{width:19px;height:19px}.login-otp-btn small{color:#8b9bb5;margin-top:2px;font-size:11px;font-weight:400;display:block}.login-otp-btn:hover{background:#072048bf;border-color:#287fe5}.login-otp-btn:active{transform:scale(.98)}.login-bottom{text-align:center;color:#b7c1d1;margin-top:26px;font-size:14px}.login-bottom a,.login-bottom button{color:#2e8cff;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:14px;text-decoration:none;display:inline-flex}.login-bottom a:hover,.login-bottom button:hover{text-decoration:underline}.login-bottom svg{width:13px;height:13px}.login-error{color:#ff8f96;background:#3a1620;border:1px solid #5a3039;border-radius:8px;margin-bottom:18px;padding:10px 14px;font-size:12px}@media (width<=1100px){.login-layout{grid-template-columns:1fr;max-width:760px}.login-layout>section{min-width:0}}@media (width<=650px){.login-page{padding:20px 14px}.login-brand{font-size:20px}.login-hero h1{font-size:30px}.login-card{padding:32px 20px 26px}.login-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.login-feature>div{min-width:0}}.landing{--l-bg:#060911;--l-panel:#0e1526;--l-panel2:#0b1220;--l-line:#1f2a40;--l-ink:#f2efe6;--l-muted:#8a93a9;--l-gold:#e5a53c;--l-blue:#5b93ff;--l-mint:#3ecf8e;--l-paper:#f6f1e3;--l-paper-ink:#26283a;--l-stamp:#b8452f;background:var(--l-bg);color:var(--l-ink);min-height:100vh;font-family:Instrument Sans,Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;line-height:1.5;position:relative;overflow-x:hidden}.landing *{box-sizing:border-box}.landing .l-serif{font-family:Fraunces,Georgia,serif}.landing .l-mono{font-family:IBM Plex Mono,ui-monospace,monospace}.l-glow{pointer-events:none;z-index:0;background:radial-gradient(60vw 60vh at 78% -8%,#e5a53c1a,#0000 60%),radial-gradient(50vw 50vh at 8% 30%,#5b93ff17,#0000 60%);position:absolute;inset:0}.l-nav{z-index:50;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:20px 6vw;transition:background .25s,border-color .25s,padding .25s;display:flex;position:sticky;top:0}.l-nav.scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-color:var(--l-line);background:#060911db;padding:13px 6vw}.l-brand{letter-spacing:.2px;align-items:center;gap:11px;font-size:16px;font-weight:700;display:flex}.l-brand img{object-fit:contain;width:32px;height:32px}.l-brand .l-brand-box{background:var(--l-gold);color:#231604;border-radius:8px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:800;display:flex}.l-nav-cta{background:var(--l-gold);color:#211405;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;text-decoration:none;transition:filter .15s,transform .1s;display:inline-flex}.l-nav-cta:hover{filter:brightness(1.08)}.l-nav-cta:active{transform:scale(.97)}.l-section{z-index:1;max-width:1240px;margin:0 auto;padding:0 6vw;position:relative}.l-hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:5vw;min-height:78vh;padding-top:8vh;padding-bottom:10vh;display:grid}.l-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--l-gold);align-items:center;gap:8px;margin-bottom:22px;font-family:IBM Plex Mono,monospace;font-size:11px;display:inline-flex}.l-eyebrow:before{content:"";background:var(--l-gold);width:22px;height:1px}.l-hero h1{letter-spacing:-1px;max-width:12ch;margin:0 0 26px;font-family:Fraunces,Georgia,serif;font-size:clamp(34px,4.2vw,64px);font-weight:600;line-height:1.06}.l-hero h1 em{color:var(--l-gold);font-style:italic;font-weight:500}.l-hero p{color:var(--l-muted);max-width:46ch;margin:0 0 34px;font-size:16.5px;line-height:1.75}.l-hero-ctas{flex-wrap:wrap;align-items:center;gap:22px;display:flex}.l-cta-primary{background:var(--l-gold);color:#211405;border-radius:9px;align-items:center;gap:10px;padding:15px 26px;font-size:14.5px;font-weight:700;text-decoration:none;transition:filter .15s,transform .1s;display:inline-flex;box-shadow:0 10px 30px #e5a53c2e}.l-cta-primary:hover{filter:brightness(1.07)}.l-cta-primary:active{transform:scale(.98)}.l-cta-secondary{color:var(--l-muted);align-items:center;gap:6px;font-size:13px;display:flex}.l-cta-secondary b{color:var(--l-ink)}.l-invoice-wrap{perspective:1400px;justify-content:center;align-items:center;display:flex;position:relative}.l-invoice{background:var(--l-paper);width:min(100%,380px);color:var(--l-paper-ink);border-radius:6px;padding:26px 26px 76px;position:relative;overflow:hidden;transform:rotate(3.5deg);box-shadow:0 30px 70px #00000080,0 3px #0000000a}.l-invoice:before{content:"";pointer-events:none;background:repeating-linear-gradient(#0000,#0000 27px,#23283c09 28px);position:absolute;inset:0}.l-inv-head{border-bottom:1.5px solid #23283c2e;justify-content:space-between;align-items:flex-start;margin-bottom:14px;padding-bottom:12px;display:flex}.l-inv-head b{font-family:Fraunces,serif;font-size:16px;display:block}.l-inv-head span{color:#5b5e73;font-size:10.5px}.l-inv-tag{letter-spacing:.08em;text-transform:uppercase;color:#5b5e73;text-align:right;font-family:IBM Plex Mono,monospace;font-size:9.5px}.l-inv-tag b{color:var(--l-paper-ink);letter-spacing:0;margin-top:3px;font-size:12px;display:block}.l-inv-row{opacity:0;border-bottom:1px dashed #23283c24;justify-content:space-between;gap:10px;padding:6px 0;font-size:11.5px;animation:.5s forwards lRowIn;display:flex;transform:translateY(6px)}.l-inv-row .n{color:#5b5e73}.l-inv-totals{margin-top:10px;padding-top:8px}.l-inv-totals .l-inv-row{border-bottom:0;padding:3px 0}.l-inv-totals .grand{border-top:1.5px solid #23283c2e;margin-top:6px;padding-top:9px;font-size:13.5px;font-weight:700}.l-inv-stamp{border:2.5px solid var(--l-stamp);color:var(--l-stamp);letter-spacing:.12em;opacity:0;mix-blend-mode:multiply;border-radius:5px;padding:5px 12px;font-family:IBM Plex Mono,monospace;font-size:15px;font-weight:700;animation:.4s .95s forwards lStampIn;position:absolute;bottom:20px;right:26px;transform:rotate(-13deg)scale(1.6)}@keyframes lRowIn{to{opacity:1;transform:translateY(0)}}@keyframes lStampIn{0%{opacity:0;transform:rotate(-13deg)scale(2.2)}70%{opacity:1}to{opacity:.85;transform:rotate(-13deg)scale(1)}}.l-flow-section{border-top:1px solid var(--l-line);padding:8vh 0}.l-flow-head{max-width:52ch;margin-bottom:52px}.l-flow-head h2{letter-spacing:-.3px;margin:0 0 12px;font-family:Fraunces,serif;font-size:clamp(24px,2.6vw,34px);font-weight:600}.l-flow-head p{color:var(--l-muted);margin:0;font-size:14.5px;line-height:1.7}.l-flow-scroll{position:relative}.l-flow-scroll:after{content:"";pointer-events:none;background:linear-gradient(90deg,transparent,var(--l-bg));opacity:0;width:44px;transition:opacity .2s;position:absolute;top:0;bottom:6px;right:0}.l-flow-scroll.has-more:after{opacity:1}.l-flow{align-items:flex-start;gap:0;padding-bottom:6px;display:flex;overflow-x:auto}.l-flow-step{text-align:center;flex-direction:column;flex:none;align-items:center;width:150px;display:flex}.l-flow-icon{background:var(--l-panel);border:1px solid var(--l-line);width:52px;height:52px;color:var(--l-gold);border-radius:50%;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.l-flow-icon svg{stroke-width:1.6px;width:22px;height:22px}.l-flow-step b{margin-bottom:5px;font-size:13px}.l-flow-step span{color:var(--l-muted);font-size:11px;line-height:1.5}.l-flow-arrow{min-width:26px;color:var(--l-line);flex:1;justify-content:center;align-items:center;margin-top:26px;display:flex}.l-flow-arrow svg{width:100%;height:14px}.l-gst-section{border-top:1px solid var(--l-line);grid-template-columns:.95fr 1.05fr;align-items:center;gap:6vw;padding:8vh 0;display:grid}.l-gst-section h2{letter-spacing:-.3px;margin:0 0 14px;font-family:Fraunces,serif;font-size:clamp(24px,2.6vw,34px);font-weight:600}.l-gst-section p{color:var(--l-muted);max-width:44ch;margin:0 0 26px;font-size:14.5px;line-height:1.75}.l-toggle{background:var(--l-panel);border:1px solid var(--l-line);border-radius:9px;gap:4px;padding:4px;display:inline-flex}.l-toggle button{color:var(--l-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:10px 18px;font-size:12.5px;font-weight:600;transition:background .15s,color .15s}.l-toggle button.active{background:var(--l-gold);color:#211405}.l-gst-panel{background:var(--l-panel);border:1px solid var(--l-line);border-radius:12px;padding:30px}.l-gst-row{border-bottom:1px solid var(--l-line);justify-content:space-between;padding:10px 0;font-size:13px;display:flex}.l-gst-row:last-child{border-bottom:0}.l-gst-row .amt{font-family:IBM Plex Mono,monospace}.l-gst-row.grand{padding-top:16px;font-size:15px;font-weight:700}.l-gst-row.grand .amt{color:var(--l-gold)}.l-gst-note{color:var(--l-muted);min-height:34px;margin-top:16px;font-size:12px;line-height:1.6}.l-security{border-top:1px solid var(--l-line);padding:8vh 0}.l-sec-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:44px;display:grid}.l-sec-card{border:1px solid var(--l-line);background:linear-gradient(160deg,var(--l-panel),var(--l-panel2));border-radius:12px;padding:26px}.l-sec-card .ic{width:38px;height:38px;color:var(--l-gold);background:#e5a53c1f;border-radius:9px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.l-sec-card .ic svg{width:19px;height:19px}.l-sec-card b{margin-bottom:8px;font-size:14px;display:block}.l-sec-card p{color:var(--l-muted);margin:0;font-size:12.5px;line-height:1.65}.l-footer{border-top:1px solid var(--l-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:40px 6vw 34px;display:flex}.l-footer .l-brand{opacity:.85;font-size:13px}.l-footer-right{color:var(--l-muted);align-items:center;gap:22px;font-size:12px;display:flex}.l-footer-right a{color:var(--l-muted);text-decoration:none}.l-footer-right a:hover{color:var(--l-ink)}@media (width<=920px){.l-hero{grid-template-columns:1fr;min-height:auto;padding-top:5vh}.l-invoice-wrap{margin-top:6vh}.l-invoice{transform:rotate(2deg)}.l-gst-section,.l-sec-grid{grid-template-columns:1fr}}@media (width<=600px){.l-nav{padding:16px 5vw}.l-hero h1,.l-hero p{max-width:100%}.l-flow-step{width:126px}}@media (prefers-reduced-motion:reduce){.l-inv-row,.l-inv-stamp{opacity:1;animation:none;transform:none}}