:root{--ink:#edf4f7;--muted:#84949d;--line:#1d2b32;--panel:#101a1f;--panel2:#142229;--blue:#1398ff;--green:#26d178}*{box-sizing:border-box}html,body{color:var(--ink);background:#071014;margin:0;font-family:Arial,Helvetica,sans-serif}button,a{font:inherit}.shell{grid-template-columns:225px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--line);background:#091318;flex-direction:column;height:100vh;padding:27px 18px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:11px;padding:0 9px 30px;font-size:18px;font-weight:800;display:flex}.brand>b{color:#031014;background:linear-gradient(145deg,#29df87,#0ca8ff);border-radius:11px;place-items:center;width:34px;height:34px;display:grid}.sidebar nav{gap:6px;display:grid}.sidebar a{color:#829098;border-radius:11px;align-items:center;gap:12px;padding:11px 13px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.sidebar a i{text-align:center;width:20px;font-size:18px;font-style:normal}.sidebar a:hover,.sidebar a.active{color:#fff;background:#11242d}.sidebar a.active{box-shadow:inset 3px 0 var(--blue)}.side-foot{gap:18px;margin-top:auto;display:grid}.profile{border-top:1px solid var(--line);align-items:center;gap:10px;padding:18px 5px 0;display:flex}.profile>b{color:#8fd5ff;background:#1f3742;border-radius:50%;place-items:center;width:34px;height:34px;font-size:11px;display:grid}.profile strong,.profile small{display:block}.profile strong{font-size:12px}.profile small{color:var(--muted);margin-top:3px;font-size:10px}.workspace{width:min(1500px,100%);margin:auto;padding:34px clamp(24px,4vw,64px) 70px}.workspace>header{justify-content:space-between;gap:30px;margin-bottom:25px;display:flex}.eyebrow{color:#6f828c;letter-spacing:1.5px;margin:0 0 7px;font-size:10px;font-weight:800}h1{letter-spacing:-1.4px;margin:0;font-size:clamp(27px,3vw,40px)}header p:last-child{color:var(--muted);margin:8px 0 0;font-size:14px}.actions,.filters,.segmented{align-items:center;gap:9px;display:flex}.actions button,.range{border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;border-radius:11px;padding:10px 15px;font-size:13px;font-weight:750}.actions .primary{background:var(--blue);border-color:var(--blue);color:#031014}.filters{justify-content:space-between;margin-bottom:18px}.segmented{border:1px solid var(--line);background:#0c171c;border-radius:12px;gap:2px;padding:4px}.segmented button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:750}.segmented .selected{color:#fff;background:#20313a}.metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px;display:grid}.metric,.panel{border:1px solid var(--line);background:linear-gradient(150deg,var(--panel2),var(--panel));border-radius:17px}.metric{flex-direction:column;min-height:134px;padding:17px;display:flex}.metric p{color:var(--muted);margin:0 0 10px;font-size:12px;font-weight:700}.metric>strong{letter-spacing:-.6px;font-size:23px}.metric small{color:var(--muted);margin-top:3px}.metric>span{color:#9eabb1;margin-top:auto;font-size:10px}.metric .green{color:var(--green)}.reports{grid-template-columns:minmax(0,1.5fr) minmax(340px,1fr);gap:12px;display:grid}.panel{min-width:0;padding:20px}.panel-title{justify-content:space-between;gap:20px;display:flex}.panel h2{margin:0;font-size:17px}.link{color:#55b9ff;cursor:pointer;background:0 0;border:0;font-size:11px;font-weight:700}.legend{color:var(--muted);align-items:center;gap:6px;font-size:10px;display:flex}.legend i{background:var(--blue);border-radius:2px;width:7px;height:7px}.legend i:nth-child(2){background:#34434a;margin-left:7px}.trend{min-height:340px}.chart{grid-template-columns:38px 1fr;height:250px;padding-top:30px;display:grid}.axis{color:#65757d;flex-direction:column;justify-content:space-between;padding-bottom:25px;font-size:9px;display:flex}.bars{background:repeating-linear-gradient(#0000 0 54px,#1b2a31 55px);border-bottom:1px solid #304049;align-items:flex-end;gap:clamp(5px,1.3vw,16px);display:flex}.slot{flex:1;height:100%;padding-bottom:24px;position:relative}.slot button,.slot .old{border:0;border-radius:5px 5px 2px 2px;width:42%;position:absolute;bottom:24px}.slot button{cursor:pointer;background:linear-gradient(#20a9ff,#0875db);right:8%}.slot .old{background:#2b3a41;left:8%}.slot span{color:#667880;font-size:9px;position:absolute;bottom:6px;left:45%}.category-body{grid-template-columns:150px 1fr;align-items:center;gap:20px;min-height:270px;display:grid}.donut{background:conic-gradient(#138cf6 0 57.6%,#24ce75 57.6% 74.1%,#ff9d38 74.1% 86.5%,#55d6e8 86.5% 95%,#9b7bf5 95%);border-radius:50%;place-items:center;width:145px;height:145px;display:grid;position:relative}.donut:before{content:"";background:#122027;border-radius:50%;width:91px;height:91px;position:absolute}.donut span{z-index:1;text-align:center}.donut strong,.donut small{display:block}.donut small{color:var(--muted);margin-top:3px;font-size:9px}.category-list{gap:4px;display:grid}.category-list button{color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:8px 1fr auto;align-items:center;gap:8px;padding:7px 5px;font-size:11px;display:grid}.category-list button:hover,.category-list .chosen{background:#1b2a31}.category-list i{border-radius:50%;width:7px;height:7px}.category-list strong{font-size:10px}.compare{min-height:160px}.compare-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;margin-top:27px;display:grid}.compare-row>div:last-child{text-align:right}.compare-row small,.compare-row strong{display:block}.compare-row small{color:var(--muted);margin-bottom:6px;font-size:10px}.compare-row strong{font-size:18px}.compare-row>b{color:var(--green);background:#153326;border-radius:20px;padding:6px 9px;font-size:10px}.recent{min-height:260px}.transactions{margin-top:10px;display:grid}.transactions button{border:0;border-top:1px solid var(--line);color:var(--ink);text-align:left;cursor:pointer;background:0 0;grid-template-columns:34px 1fr auto;align-items:center;gap:10px;padding:10px 2px;display:grid}.transactions>button>i{color:var(--blue);background:#102d3c;border-radius:9px;place-items:center;height:32px;font-style:normal;display:grid}.transactions strong,.transactions small{display:block}.transactions strong{font-size:11px}.transactions small{color:var(--muted);margin-top:3px;font-size:9px}.money{text-align:right}.money strong{font-variant-numeric:tabular-nums}@media (max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.reports{grid-template-columns:1fr}.category-body{grid-template-columns:180px 1fr}}@media (max-width:700px){.shell{display:block}.sidebar{width:100%;height:auto;padding:15px;position:relative}.sidebar nav,.side-foot{display:none}.brand{padding:0}.workspace{padding:24px 14px 50px}.workspace>header{display:block}.actions{margin-top:18px}.filters{flex-direction:column;align-items:stretch}.segmented{overflow-x:auto}.metrics{grid-template-columns:1fr 1fr}.metric{min-height:120px}.category-body{grid-template-columns:1fr}.donut{margin:20px auto}.reports{display:block}.panel{margin-bottom:12px}}.sidebar button{color:#829098;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;padding:11px 13px;font-size:14px;font-weight:700;display:flex}.sidebar button i{text-align:center;width:20px;font-size:18px;font-style:normal}.sidebar button:hover,.sidebar button.active{color:#fff;background:#11242d}.sidebar button.active{box-shadow:inset 3px 0 var(--blue)}.receipt-layout{grid-template-columns:minmax(300px,.82fr) minmax(480px,1.45fr);gap:12px;display:grid}.receipt-library,.receipt-detail{min-height:650px}.receipt-list-head,.receipt-detail-head{justify-content:space-between;align-items:center;display:flex}.receipt-list-head h2,.receipt-detail-head h2{margin:0;font-size:18px}.receipt-list-head small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.receipt-list-head>button,.receipt-detail-head>button{border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#17252c;border-radius:9px;padding:7px 10px}.search{border:1px solid var(--line);height:42px;color:var(--muted);background:#091318;border-radius:11px;align-items:center;gap:9px;margin:18px 0 8px;padding:0 12px;font-size:20px;display:flex}.search input{color:var(--ink);background:0 0;border:0;outline:0;width:100%;font-size:12px}.receipt-list{display:grid}.receipt-list>button{border:0;border-top:1px solid var(--line);color:var(--ink);text-align:left;cursor:pointer;background:0 0;border-radius:10px;grid-template-columns:43px 1fr auto;align-items:center;gap:11px;padding:12px 8px;display:grid}.receipt-list>button:hover,.receipt-list>button.selected{background:#17262d}.receipt-list strong,.receipt-list small,.receipt-list em{display:block}.receipt-list strong{font-size:12px}.receipt-list small{color:var(--muted);margin-top:3px;font-size:9px}.receipt-list em{color:#37b0ff;margin-top:5px;font-size:8px;font-style:normal}.receipt-list .money{text-align:right}.receipt-paper{color:#172025;text-align:left;background:#f4f0e7;width:205px;min-height:290px;padding:25px 20px;font-family:ui-monospace,monospace;box-shadow:0 10px 30px #0008}.receipt-paper.original{background:#eee9dc}.receipt-paper h3{text-transform:uppercase;text-align:center;margin:0 0 4px;font-size:16px}.receipt-paper p{text-align:center;letter-spacing:1px;font-size:7px}.receipt-paper hr{border:0;border-top:1px dashed #7a7a72;margin:16px 0}.receipt-paper>div:not(.barcode){justify-content:space-between;margin:12px 0;font-size:9px;display:flex}.receipt-paper .receipt-date{margin-top:30px}.receipt-paper .barcode{letter-spacing:-3px;text-align:center;margin-top:20px;font-size:22px}.receipt-paper.compact{width:38px;height:49px;min-height:0;box-shadow:none;border-radius:3px;padding:7px 3px;overflow:hidden}.receipt-paper.compact h3{font-size:4px}.receipt-paper.compact p{margin:3px 0;font-size:3px}.receipt-paper.compact hr{margin:3px 0}.receipt-tabs{border:1px solid var(--line);background:#091318;border-radius:10px;gap:3px;width:max-content;padding:3px;display:flex}.receipt-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 15px;font-size:11px;font-weight:750}.receipt-tabs button.selected{color:#fff;background:#26373f}.receipt-detail>.receipt-tabs{margin:18px auto 10px}.receipt-stage{border:1px solid var(--line);touch-action:pan-y;background:radial-gradient(circle,#273940,#0a1216 70%);border-radius:14px;place-items:center;height:350px;display:grid;position:relative;overflow:hidden}.document{cursor:zoom-in;background:0 0;border:0;transition:all .2s}.document:hover{transform:scale(1.025)}.zoom-button{color:#fff;cursor:pointer;background:#0b151be8;border:1px solid #41515a;border-radius:9px;padding:8px 11px;font-size:10px;position:absolute;bottom:12px;right:12px}.receipt-info{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:14px;margin-top:17px;padding-top:16px;display:grid}.receipt-info small,.receipt-info strong,.receipt-info span{display:block}.receipt-info small{color:var(--muted);margin-bottom:6px;font-size:9px}.receipt-info strong{font-size:12px}.receipt-info span{color:var(--muted);margin-top:3px;font-size:9px}.viewer{z-index:20;background:#020608f2;flex-direction:column;display:flex;position:fixed;inset:0}.viewer-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:70px;padding:0 25px;display:flex}.viewer-bar>span{color:var(--muted);font-size:10px}.viewer-bar>button{border:1px solid var(--line);color:#fff;cursor:pointer;background:#162229;border-radius:9px;padding:9px 13px}.viewer-canvas{touch-action:pinch-zoom;flex:1;place-items:start center;padding:55px;display:grid;overflow:auto}.viewer-canvas .receipt-paper{transform-origin:top;margin-bottom:170px;transform:scale(1.55)}@media (max-width:1050px){.receipt-layout{grid-template-columns:1fr}.receipt-library,.receipt-detail{min-height:auto}}@media (max-width:700px){.receipt-library{display:none}.receipt-layout{display:block}.receipt-info{grid-template-columns:1fr 1fr}.receipt-stage{height:330px}.viewer-bar>span{display:none}.viewer-canvas{padding:50px 20px}.viewer-canvas .receipt-paper{transform:scale(1.35)}}