:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#081925;color:#f3f7fc}*{box-sizing:border-box}body{margin:0}main{max-width:820px;margin:auto;padding:35px 24px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:16px 7px 34px}header img{width:44%;height:auto}header small{letter-spacing:3px;font-weight:bold;color:#bec8d4}button,input{font:inherit}button{color:inherit;cursor:pointer;border:0;border-radius:12px;background:#315ac1;padding:14px 22px}button:focus-visible,input:focus-visible{outline:3px solid #8eb4ff;outline-offset:3px}article,form{background:#172e43;border:1px solid #304b61;border-radius:26px;padding:26px;margin-bottom:20px}label{display:block;margin:18px 0}input{display:block;width:100%;padding:13px;margin-top:8px;border:1px solid #58738c;border-radius:10px;background:#0a2033;color:white}.banner{display:flex;align-items:center;gap:15px;background:#371f2d;border:1px solid #654054;border-radius:17px;padding:23px 19px;margin:0 0 30px;color:#f3cedb}.banner:before{content:'';width:13px;height:13px;background:#ff527f;border-radius:50%;flex-shrink:0}.banner>div{flex:1}.banner strong{font-size:19px}.banner p{color:#bca9b5;font-size:15px;margin:10px 0 0}.banner button{background:#ffffff05;font-size:17px;padding:17px 12px;white-space:nowrap}.banner.fresh{background:#152d31;border-color:#325153;color:#c8e5de}.banner.fresh:before{background:#62d5ae}.summary{display:grid;grid-template-columns:1.15fr 1fr;background:linear-gradient(110deg,#1a3c53,#172c42);padding:26px 28px 20px}.summary>div+div{border-left:1px solid #385163;padding-left:24px}.summary span{color:#b4c8d8;font-size:20px}.summary h1{font-size:36px;margin:27px 0 5px;letter-spacing:-1px}.summary>p{grid-column:1/-1;color:#afa3b1;font-size:14px;margin:20px 0 0}.summary>p span{font-size:14px}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:17px 16px}.tiles button{text-align:left;position:relative;background:linear-gradient(125deg,#1a324a,#152b3c);border:1px solid #30475e;border-radius:28px;padding:27px 21px 29px;min-width:0}.tiles button:hover{background:#203b55}.tiles i{display:flex;align-items:center;justify-content:center;font-style:normal;font-size:37px;width:63px;height:63px;border-radius:19px;background:linear-gradient(135deg,#3868d9,#2948a0);box-shadow:inset 0 1px 2px #91b1ff66;margin-bottom:20px}.tiles b{position:absolute;right:24px;top:36px;font-weight:normal;font-size:32px;color:#7f99af}.tiles strong{display:block;font-size:26px;letter-spacing:-.5px;margin-bottom:12px}.tiles small{display:block;color:#acc0d0;font-size:18px;line-height:1.3}.hint{text-align:center;color:#8da1b3;font-size:15px;margin:21px 0 10px}.connection{background:#371f2d;color:#e4bacb;border-radius:17px;text-align:center;padding:24px 12px;margin:0 0 22px}.connection.fresh{background:#152d31;color:#b3d9cf}#tables p{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #304b63;padding-bottom:12px}[hidden]{display:none!important}@media(max-width:480px){main{padding:22px 18px}header{margin:24px 4px 26px}header small{font-size:12px;letter-spacing:2px}.banner{gap:10px;padding:17px 13px;margin-bottom:23px}.banner strong{font-size:14px}.banner p{font-size:12px}.banner button{font-size:12px;padding:12px 6px}.banner:before{width:9px;height:9px}.summary{padding:19px;border-radius:21px}.summary span{font-size:15px}.summary h1{font-size:27px;margin-top:23px}.summary>div+div{padding-left:17px}.summary>p,.summary>p span{font-size:12px}.tiles{gap:13px 12px}.tiles button{padding:20px 14px 22px;border-radius:22px}.tiles i{width:47px;height:47px;font-size:29px;border-radius:14px;margin-bottom:16px}.tiles b{right:17px;top:27px;font-size:27px}.tiles strong{font-size:20px;margin-bottom:10px}.tiles small{font-size:14px}.tiles button:last-child strong{font-size:18px}.hint{font-size:12px}.connection{font-size:13px;padding:19px 10px}}
.receipt-row{display:grid;grid-template-columns:1fr auto;gap:7px 12px;width:100%;text-align:left;margin:9px 0;padding:17px;background:#10283c;border:1px solid #365068}.receipt-row span,.receipt-row small{color:#aec1d2;font-size:13px}.receipt-row b{grid-column:2;grid-row:1/4;align-self:center}.receipt-row:hover{background:#213c55}.pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0}.pagination button{font-size:13px;padding:10px}.pagination button:disabled{opacity:.4;cursor:default}#receipt-detail{border-top:1px solid #405b70;margin-top:22px;padding-top:10px;scroll-margin:20px}#receipt-meta{color:#b8cddd}#receipt-meta p:last-child{font-size:23px;color:#fff;font-weight:bold}.receipt-item{display:grid;grid-template-columns:1fr auto;gap:7px 12px;border-bottom:1px solid #365068;padding:15px 0}.receipt-item span,.receipt-item small{grid-column:1;color:#a9c0d2;font-size:14px}.receipt-item b{grid-column:2;grid-row:1/4;align-self:center}#close-receipt{margin-top:20px}
.sales-mode>.summary,.sales-mode>.tiles,.sales-mode>.hint,.sales-mode>.connection{display:none}.sales-mode #sales{background:none;border:0;padding:0}.sales-mode>#logout{display:none}.period-tabs{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #304b61;border-radius:18px;background:#0d2030;padding:5px;gap:3px}.period-tabs button{background:none;color:#9db2c6;padding:17px 5px;border-radius:13px}.period-tabs .active{background:#2c466c;color:#fff;font-weight:bold}#sales-range{color:#9bafbf;margin:25px 0}#sales-status{color:#c9ba98;font-size:14px;line-height:1.6}#sales h2{font-size:20px;margin:26px 0 18px}.sales-menu{display:grid;gap:10px}.sales-menu button{display:flex;align-items:center;gap:17px;width:100%;text-align:left;background:#172f43;border:1px solid #304b61;border-radius:19px;padding:13px 16px}.sales-menu button.active{border-color:#6b91e5;background:#213c55}.sales-menu i{display:flex;align-items:center;justify-content:center;font-size:25px;font-style:normal;background:#2b4b7c;border-radius:13px;width:43px;height:43px}.sales-menu strong{flex:1;font-size:18px}.sales-menu b{font-size:28px;font-weight:normal;color:#7f99af}.sales-home{width:100%;padding:21px;margin-top:32px;background:linear-gradient(120deg,#456bed,#3152c8);font-weight:bold;font-size:20px}.sales-mode #sales-results{scroll-margin:20px;border-top:1px solid #304b61;margin-top:25px}#sales-dates{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:15px;margin-top:15px}#sales-dates label{flex:1;min-width:115px;margin:0}#sales-dates input{font-size:14px;padding:10px}@media(max-width:480px){.period-tabs button{font-size:13px;padding:14px 3px}.sales-menu strong{font-size:16px}.sales-menu button{padding:10px 12px;gap:12px}.sales-menu i{width:37px;height:37px;font-size:23px;border-radius:11px}#sales h2{font-size:19px}.sales-home{font-size:17px}}