@font-face{font-family:SchopdogSans;src:url('../vendor/fonts/SchopdogSans-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:SchopdogSans;src:url('../vendor/fonts/SchopdogSans-SemiBold.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:SchopdogSans;src:url('../vendor/fonts/SchopdogSans-Bold.woff2') format('woff2');font-style:normal;font-weight:700 900;font-display:swap}
:root{--bg:#081114;--panel:#0d181b;--line:#283539;--text:#f4f7f6;--muted:#aeb7b9;--mint:#a8232a;--mint-dark:#44171a;--amber:#f2ad3a;--danger:#ff5e52;--radius:18px;--nav-h:76px}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#050b0d;color:var(--text);font-family:Inter,Arial,sans-serif}body{display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 30% 10%,#152227 0,transparent 32%),#050b0d}.ambient{position:fixed;border-radius:50%;filter:blur(90px);opacity:.14;pointer-events:none}.ambient-one{width:300px;height:300px;background:var(--mint);left:-100px;top:15%}.ambient-two{width:360px;height:360px;background:#24657b;right:-180px;bottom:-100px}
button,input{font:inherit}.phone{position:relative;width:min(100vw,430px);height:min(100dvh,900px);min-height:650px;background:radial-gradient(circle at 80% 24%,rgba(65,126,132,.12),transparent 32%),linear-gradient(145deg,#0b1619,#071013);overflow:hidden;box-shadow:0 30px 100px #000;border:1px solid #263438}.statusbar{height:48px;padding:15px 27px 0;display:flex;justify-content:space-between;position:absolute;inset:0 0 auto;z-index:10;font-size:13px}.status-icons{font-size:11px;letter-spacing:2px}.screen{position:absolute;inset:0;padding-top:48px;display:none;animation:fade .25s ease}.screen.active{display:block}@keyframes fade{from{opacity:.2;transform:translateX(8px)}to{opacity:1;transform:none}}h1,h2,p{margin-top:0}h1{font-size:25px;letter-spacing:-.7px}button{border:0;color:inherit;cursor:pointer}.muted{color:var(--muted);font-size:14px;line-height:1.6}.icon-button{width:42px;height:42px;background:transparent;display:grid;place-items:center;padding:9px}.icon-button svg{width:24px;height:24px}.back{position:absolute;top:60px;left:15px;z-index:3}
.brand-block{text-align:center;padding-top:62px}.brand{font-size:35px;font-weight:800;letter-spacing:1.5px}.brand sup{font-size:9px;vertical-align:top}.tagline{font-family:'Nothing You Could Do',cursive;color:var(--mint);font-size:22px;transform:rotate(-3deg);margin-top:4px}.auth-content{padding:0 26px;margin-top:72px}.auth-content h1{font-size:24px;margin-bottom:10px}.auth-content label{display:block;color:#c3ccce;font-size:14px;margin:38px 0 9px}.input-wrap{height:55px;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;padding:0 14px;gap:12px;background:rgba(8,17,20,.5)}.input-wrap svg{width:22px;color:#adb9bb}.input-wrap input{background:none;border:0;outline:0;color:var(--text);width:100%;font-size:14px}.form-error{height:16px;margin:5px 0;color:#ff7b72;font-size:12px}.btn{height:54px;border-radius:10px;font-weight:600;font-size:16px;display:flex;align-items:center;justify-content:center;gap:9px;width:100%}.primary{background:linear-gradient(135deg,#7de2ce,#65cbb8);color:#06100f;margin-top:8px}.primary:hover{filter:brightness(1.07)}.notice{border:1px solid rgba(69,145,133,.32);background:rgba(15,46,43,.2);border-radius:12px;display:flex;align-items:center;gap:15px;padding:17px 18px;color:#d3dcdd;font-size:13px;line-height:1.65;margin-top:34px}.notice svg{width:27px;min-width:27px;color:var(--mint)}
.verify-content{text-align:center;padding:67px 26px 0}.mail-hero{height:115px;position:relative;width:155px;margin:auto auto 24px}.mail-hero>svg{width:90px;height:90px;margin-top:10px;color:#e9eeee}.mail-hero span{position:absolute;left:8px;top:60px;color:var(--mint);font-size:25px}.mail-hero b{position:absolute;right:10px;bottom:3px;background:var(--mint);color:white;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-size:22px}.verify-content h1{margin-bottom:8px}.email-target{font-size:14px;font-weight:600}.code-inputs{display:flex;gap:8px;margin:30px 0 26px}.code-inputs input{width:calc((100% - 40px)/6);height:56px;background:rgba(10,18,21,.6);border:1px solid var(--line);border-radius:9px;text-align:center;color:white;font-size:24px;outline:0}.code-inputs input:focus{border-color:var(--mint);box-shadow:0 0 0 2px rgba(117,217,198,.15)}.resend{color:var(--muted);font-size:13px;line-height:2.7;margin:22px 0 0}.resend button{display:block;background:none;color:var(--mint);margin:-3px auto}.verify-content .notice{text-align:left;margin-top:42px}
.app-screen{padding-bottom:var(--nav-h)}.page-header{height:72px;padding:20px 21px 10px;display:flex;align-items:center;justify-content:space-between}.page-header h1{margin:0}.notification{position:relative}.notification b{position:absolute;width:7px;height:7px;background:var(--danger);border-radius:50%;right:8px;top:7px}.scroll-area{overflow:auto;scrollbar-width:none}.scroll-area::-webkit-scrollbar{display:none}.home-scroll{height:calc(100% - 72px - var(--nav-h));padding:0 20px 18px}.credential-card{border:1px solid var(--line);border-radius:18px;text-align:center;padding:18px 22px 20px;background:linear-gradient(145deg,rgba(21,34,37,.76),rgba(8,17,20,.5))}.active-pill{background:rgba(45,105,91,.45);border-radius:20px;padding:8px 15px;font-size:12px;display:inline-block}.credential-card h2{font-size:24px;margin:13px 0 3px}.credential-card>p{margin-bottom:13px}.credential-card canvas{width:min(100%,220px);height:auto;background:#fff;border-radius:12px;padding:12px;box-shadow:0 8px 18px #0008}.credential-card .qr-caption{margin:12px 0 10px;font-size:14px}.outline{height:44px;border:1px solid var(--mint);background:transparent;border-radius:25px}.outline svg{width:19px}.latest{border:1px solid var(--line);border-radius:15px;padding:12px 14px 8px;margin-top:14px}.latest>small{color:var(--muted)}.transaction{display:grid;grid-template-columns:46px 1fr auto;align-items:center;gap:10px}.transaction.compact{margin-top:7px}.place-icon{width:42px;height:42px;border-radius:50%;background:linear-gradient(145deg,#89e7d5,#55bda9);display:grid;place-items:center;font-size:22px}.transaction strong{display:block;font-size:14px;margin-bottom:6px}.transaction small{display:block;color:var(--muted);font-size:11px}.amount{text-align:right}.amount em,.detail-title em{display:inline-block;font-style:normal;color:#8ee2ce;background:rgba(20,70,61,.55);border:1px solid rgba(63,149,130,.28);font-size:10px;padding:5px 9px;border-radius:16px}.see-all{width:100%;height:43px;background:none;color:var(--mint);display:flex;align-items:center;justify-content:center;gap:30px}.see-all svg{width:17px}
.bottom-nav{position:absolute;z-index:4;bottom:0;left:0;right:0;height:var(--nav-h);margin:0 12px 10px;border:1px solid rgba(39,53,57,.8);border-radius:22px;background:rgba(10,19,22,.94);backdrop-filter:blur(16px);display:grid;grid-template-columns:repeat(4,1fr);padding:10px 4px 5px}.nav-item{background:none;color:#97a2a5;font-size:10px;display:flex;flex-direction:column;align-items:center;gap:5px}.nav-item svg{width:24px;height:24px}.nav-item.active{color:var(--mint)}
.filters{display:flex;gap:10px;padding:3px 20px 16px}.filter{padding:9px 20px;border:1px solid var(--line);border-radius:22px;background:transparent;color:#b9c1c3;font-size:12px}.filter.active{border-color:var(--mint);color:var(--mint)}.transaction-list{height:calc(100% - 72px - 56px - var(--nav-h));padding:0 16px 15px}.transaction-card{border:1px solid var(--line);border-radius:15px;padding:16px 12px;margin-bottom:11px;grid-template-columns:46px 1fr auto 12px;background:rgba(11,21,24,.42)}.transaction-card .chevron{width:16px;color:#d6dcdd}.pending{color:var(--amber)!important;background:rgba(107,70,12,.35)!important;border-color:rgba(223,148,31,.35)!important}
.detail-header{height:66px;display:flex;align-items:center;padding:9px 8px}.detail-header h1{font-size:15px;margin:0;position:absolute;left:50%;transform:translateX(-50%);white-space:nowrap}.detail-scroll{height:calc(100% - 66px - var(--nav-h));padding:0 18px 24px}.detail-card{border:1px solid var(--line);border-radius:16px;padding:17px 15px 12px;margin-bottom:22px}.detail-title{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:10px;margin-bottom:19px}.detail-title strong{font-size:14px}.detail-card>p{color:var(--muted);font-size:12px;display:flex;gap:14px;align-items:center;margin:14px 2px}.detail-card p svg{width:18px}.products h2{font-size:14px;margin:0 0 14px}.product{display:grid;grid-template-columns:31px 1fr auto;gap:12px;align-items:center;margin:12px 0;font-size:12px}.qty{height:31px;border:1px solid var(--line);border-radius:7px;display:grid;place-items:center}.totals{border-top:2px dotted #485356;margin-top:19px;padding-top:12px}.totals p{display:flex;justify-content:space-between;font-size:12px;color:#c4ccce;margin:12px 0}.totals .total{border-top:1px solid var(--line);font-size:20px;padding-top:14px;color:white}.totals .total strong:last-child{color:var(--mint);font-size:24px}.detail-notice{margin-top:15px;padding:13px 15px;font-size:11px}
dialog{width:min(90vw,370px);border:1px solid var(--line);border-radius:22px;background:#0b171a;color:white;text-align:center;padding:28px;box-shadow:0 20px 80px #000}dialog::backdrop{background:#020607d9;backdrop-filter:blur(7px)}dialog canvas{background:#fff;border-radius:14px;padding:14px;width:100%;height:auto}dialog p{color:var(--muted);font-size:13px}.dialog-close{position:absolute;right:12px;top:10px;background:none;font-size:28px;color:#b5c0c2}.toast{position:fixed;z-index:30;left:50%;bottom:28px;transform:translate(-50%,30px);padding:12px 18px;background:#ddfff8;color:#09211d;border-radius:10px;font-size:13px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media (min-width:560px){.phone{border-radius:46px;border:5px solid #465052;height:min(94dvh,880px)}.statusbar{padding-left:30px;padding-right:30px}}@media (max-height:760px){.brand-block{padding-top:34px}.auth-content{margin-top:42px}.verify-content{padding-top:40px}.verify-content .notice{margin-top:24px}.mail-hero{margin-bottom:10px;height:100px}.credential-card canvas{width:180px}.credential-card{padding-top:12px}.page-header{height:62px}.home-scroll{height:calc(100% - 62px - var(--nav-h))}}
.auth-content label{margin-top:22px}.auth-content .second-label{margin-top:15px}.code-inputs{justify-content:center}.code-inputs input{width:58px}.auth-screen .auth-content{margin-top:48px}
.qr-image{display:block;width:min(100%,220px);height:auto;aspect-ratio:1;background:#fff;border-radius:12px;padding:12px;object-fit:contain;box-shadow:0 8px 18px #0008;margin-inline:auto}dialog .qr-image{width:100%;max-width:300px}
.logout-button{color:#c4cdcf;border:1px solid transparent;border-radius:50%;transition:.2s}.logout-button:hover{color:var(--mint);border-color:var(--line);background:rgba(117,217,198,.08)}.logout-button:disabled{opacity:.45;cursor:wait}
.header-actions{display:flex;align-items:center;gap:2px}.install-button{color:var(--mint);border:1px solid transparent;border-radius:50%;transition:.2s}.install-button:hover{border-color:var(--line);background:rgba(117,217,198,.08)}.install-button:disabled{opacity:.45;cursor:wait}.install-button[hidden]{display:none}
.transaction-list{width:100%;padding-inline:20px}.transaction-card{width:100%;max-width:none;grid-template-columns:46px minmax(0,1fr) auto 16px;text-align:left}.transaction-card>span:nth-child(2){min-width:0}.transaction-card .amount{min-width:max-content}.transaction-card .chevron{justify-self:end}
.input-wrap input{color-scheme:dark}.input-wrap input:autofill,.input-wrap input:-webkit-autofill,.input-wrap input:-webkit-autofill:hover,.input-wrap input:-webkit-autofill:focus,.input-wrap input:-webkit-autofill:active{-webkit-text-fill-color:var(--text)!important;caret-color:var(--text)!important;-webkit-box-shadow:0 0 0 1000px #0a1518 inset!important;box-shadow:0 0 0 1000px #0a1518 inset!important;background-color:#0a1518!important;border-radius:6px;transition:background-color 9999s ease-out 0s}.input-wrap input::selection{background:rgba(117,217,198,.3);color:var(--text)}
.bottom-nav{grid-template-columns:repeat(3,1fr)}
html,body,button,input{font-family:SchopdogSans,Arial,sans-serif}.tagline{font-family:SchopdogSans,Arial,sans-serif;font-style:italic}
.swal2-popup.schopdog-alert{border:1px solid var(--line);border-radius:20px;background:#0d181b;color:var(--text);padding:26px}.schopdog-alert .swal2-title{color:var(--text);font-size:22px}.schopdog-alert .swal2-html-container{color:var(--muted);font-size:14px;line-height:1.6}.schopdog-alert .swal2-icon.swal2-warning{border-color:#e7b75f;color:#e7b75f}.schopdog-alert .swal2-actions{gap:10px;width:100%;margin-top:24px}.schopdog-alert .swal2-styled{border-radius:10px;padding:12px 20px;box-shadow:none!important;font-weight:600}.schopdog-alert .swal2-confirm{background:#75d9c6!important;color:#06100f!important}.schopdog-alert .swal2-cancel{background:#182428!important;color:#d4dcdd!important}.swal2-container.swal2-backdrop-show{background:rgba(2,6,7,.82)!important;backdrop-filter:blur(6px)}
.app-screen{padding-top:24px}
.phone{background:radial-gradient(circle at 80% 24%,rgba(168,35,42,.1),transparent 32%),linear-gradient(145deg,#0b1619,#071013)}
.primary{background:linear-gradient(135deg,#b82d34,#8f1d24);color:#fff}
.notice{border-color:rgba(168,35,42,.32);background:rgba(68,23,26,.28)}
.code-inputs input:focus{border-color:var(--mint);box-shadow:0 0 0 2px rgba(168,35,42,.2)}
.active-pill{background:rgba(112,28,34,.58)}
.place-icon{background:linear-gradient(145deg,#bd3940,#8f1d24);color:#fff}
.amount em,.detail-title em{color:#e8a0a4;background:rgba(83,25,29,.68);border-color:rgba(168,35,42,.38)}
.logout-button:hover,.install-button:hover{background:rgba(168,35,42,.14)}
.input-wrap input::selection{background:rgba(168,35,42,.38)}
.schopdog-alert .swal2-confirm{background:#a8232a!important;color:#fff!important}
@font-face{font-family:SchopdogScript;src:url('../vendor/fonts/NothingYouCouldDo-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
.brand-subtitle{margin-top:2px;color:#a8232a;font-family:SchopdogScript,cursive;font-size:32px;font-weight:400;letter-spacing:1px;line-height:1;transform:rotate(-3deg)}
.totals .total strong:last-child{color:#fff}
.qr-code-text{margin:9px auto 3px!important;color:#d8dfe0;font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;font-size:11px;line-height:1.35;letter-spacing:.5px;overflow-wrap:anywhere;user-select:all}.qr-code-text:empty{display:none}.qr-code-text-large{max-width:300px;margin-top:12px!important;font-size:13px;color:#fff}
.qr-pending{padding:24px 5px 4px}.qr-pending[hidden],#qrReady[hidden]{display:none}.qr-pending-icon{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 16px;border:1px solid rgba(168,35,42,.55);border-radius:50%;color:var(--mint);font-size:30px}.qr-pending p{max-width:285px;margin:0 auto 20px;color:var(--muted);font-size:14px;line-height:1.55}.qr-pending .outline{max-width:220px;margin:0 auto}.qr-pending small{display:block;margin-top:13px;color:#768184;font-size:10px}.qr-pending.is-refreshing .qr-pending-icon{animation:qr-spin 1s linear infinite}@keyframes qr-spin{to{transform:rotate(360deg)}}
.latest-empty{margin:12px 0 5px;font-size:12px}.latest-transaction{width:100%;padding:7px 0 2px;background:transparent;text-align:left;grid-template-columns:46px minmax(0,1fr) auto}.latest-transaction .amount{align-self:start;padding-top:2px}
.refresh-consumptions{width:38px;height:38px;flex:0 0 38px;margin-left:auto;padding:9px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--mint);display:grid;place-items:center}.refresh-consumptions svg{width:20px;height:20px}.refresh-consumptions:hover{border-color:var(--mint);background:rgba(168,35,42,.12)}.refresh-consumptions:disabled{opacity:.6;cursor:wait}.refresh-consumptions.is-loading svg{animation:qr-spin .8s linear infinite}
@media(max-width:390px){.filters{gap:7px;padding-inline:14px}.filter{padding-inline:14px}}