:root{--ink:#282140;--muted:#777187;--line:#ddd8e6;--paper:#fffdf8;--canvas:#f5f2eb;--purple:#684be0;--purple-dark:#4b31bc;--lilac:#ded4ff;--yellow:#ffdb63;--pink:#ff9caf;--mint:#96e2c5;--red:#cf4e61;--green:#287d5a;--shadow:5px 5px 0 #282140}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--canvas);font-family:"Trebuchet MS","Avenir Next",sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{color:inherit}.is-hidden{display:none!important}.skip-link{position:fixed;top:-60px;left:15px;z-index:200;padding:10px 15px;color:#fff;background:#111}.skip-link:focus{top:15px}.admin-shell{min-height:100vh;display:grid;grid-template-columns:248px 1fr}.admin-sidebar{position:fixed;inset:0 auto 0 0;z-index:40;width:248px;padding:24px 16px 18px;display:flex;flex-direction:column;border-right:3px solid var(--ink);color:#fff;background:var(--ink)}.admin-brand{display:grid;grid-template-columns:38px 1fr;gap:0 11px;align-items:center;color:#fff;text-decoration:none}.admin-brand>span{grid-row:1/3;width:38px;height:38px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:12px;color:var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--purple);font-weight:900;transform:rotate(-4deg)}.admin-brand strong{font:800 14px "Arial Rounded MT Bold","Trebuchet MS",sans-serif}.admin-brand small{margin-top:3px;color:#bcb4ce;font-size:7px;font-weight:900;letter-spacing:1.3px}.admin-sidebar nav{margin-top:38px;display:grid;gap:7px}.admin-sidebar nav button{height:46px;padding:0 13px;display:flex;align-items:center;gap:12px;border:2px solid transparent;border-radius:12px;color:#cfc8dd;background:transparent;text-align:left;font-size:11px;font-weight:800;cursor:pointer}.admin-sidebar nav button span{width:21px;color:#9c91b5;font-size:16px}.admin-sidebar nav button:hover{color:#fff;background:rgba(255,255,255,.08)}.admin-sidebar nav button.is-active{border-color:#0d0a18;color:var(--ink);background:#fff;box-shadow:3px 3px 0 var(--yellow)}.admin-sidebar nav button.is-active span{color:var(--purple)}.admin-sidebar-note{margin-top:auto;padding:12px;display:flex;gap:9px;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:rgba(255,255,255,.06)}.admin-sidebar-note>span{width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;color:var(--ink);background:var(--mint);font-size:10px;font-weight:900}.admin-sidebar-note strong,.admin-sidebar-note small{display:block}.admin-sidebar-note strong{font-size:9px}.admin-sidebar-note small{margin-top:3px;color:#bfb6d0;font-size:7px}.admin-profile{margin-top:12px;padding:10px;display:flex;align-items:center;gap:9px}.admin-profile>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border:2px solid #171124;border-radius:50%;color:var(--ink);background:var(--pink);font-size:11px;font-weight:900}.admin-profile strong,.admin-profile small{max-width:155px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-profile strong{font-size:9px}.admin-profile small{margin-top:3px;color:#bfb6d0;font-size:7px}.back-studio{padding:9px 10px;color:#bfb6d0;text-decoration:none;font-size:8px;font-weight:800}.back-studio:hover{color:#fff}.admin-workspace{grid-column:2;min-width:0}.admin-topbar{position:sticky;top:0;z-index:30;height:68px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid var(--ink);background:rgba(255,253,248,.95);backdrop-filter:blur(14px);font-size:9px;font-weight:800}.admin-topbar>div{display:flex;align-items:center;gap:8px}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(150,226,197,.3)}.topbar-actions button{height:35px;padding:0 12px;border:2px solid var(--ink);border-radius:10px;background:#fff;cursor:pointer;font-weight:800}.topbar-actions button:hover{background:var(--yellow)}#current-time{min-width:120px;color:var(--muted);text-align:right}#admin-menu{display:none}
#admin-main{width:min(1220px,calc(100% - 68px));margin:auto;padding:45px 0 80px}.admin-page{display:none}.admin-page.is-active{display:block}.page-heading{margin-bottom:29px;display:flex;align-items:end;justify-content:space-between;gap:25px}.page-heading p,.panel-heading p{margin:0 0 5px;color:var(--purple);font-size:8px;font-weight:1000;letter-spacing:1.6px}.page-heading h1{margin:0 0 7px;font:900 38px/1 "Arial Rounded MT Bold","Trebuchet MS",sans-serif;letter-spacing:-2px}.page-heading>div>span{color:var(--muted);font-size:11px}.range-chip{padding:9px 12px;border:2px solid var(--ink);border-radius:999px;background:var(--yellow);box-shadow:3px 3px 0 var(--ink);font-size:9px;font-weight:900}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric-card{min-height:145px;padding:20px;position:relative;overflow:hidden;border:3px solid var(--ink);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.metric-card:nth-child(2){background:var(--yellow)}.metric-card:nth-child(3){background:var(--mint)}.metric-card:nth-child(4){background:var(--lilac)}.metric-card>span{color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.7px}.metric-card strong{display:block;margin-top:13px;font:900 31px "Arial Rounded MT Bold","Trebuchet MS",sans-serif}.metric-card small{display:block;margin-top:7px;color:#6b6578;font-size:8px}.metric-card i{position:absolute;right:15px;top:15px;width:29px;height:29px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:9px;background:#fff;font-style:normal;font-size:12px}.panel{border:3px solid var(--ink);border-radius:20px;background:#fff;box-shadow:var(--shadow)}.analytics-grid{margin-top:21px;display:grid;grid-template-columns:1.55fr .65fr;gap:18px}.chart-panel,.health-panel{padding:22px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.panel-heading h2{margin:0;font:900 18px "Arial Rounded MT Bold","Trebuchet MS",sans-serif}.panel-heading button{border:0;color:var(--purple);background:none;font-size:8px;font-weight:900;cursor:pointer}.chart-legend{display:flex;gap:13px;color:var(--muted);font-size:8px}.chart-legend span{display:flex;align-items:center;gap:5px}.chart-legend i{width:8px;height:8px;border-radius:3px}.chart-legend .purple{background:var(--purple)}.chart-legend .yellow{background:var(--yellow)}.activity-chart{height:250px;margin-top:25px;padding:18px 0 22px;display:flex;align-items:end;gap:5px;border-bottom:1px solid var(--line);background:repeating-linear-gradient(to top,transparent 0 49px,#eeeaf2 50px)}.chart-day{height:100%;min-width:0;flex:1;display:flex;align-items:end;justify-content:center;gap:2px;position:relative}.chart-day i{width:40%;min-width:3px;border-radius:4px 4px 0 0}.chart-day .users-bar{height:var(--users-height);background:var(--purple)}.chart-day .jobs-bar{height:var(--jobs-height);background:var(--yellow);border:1px solid #d1a91a}.chart-day span{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);color:#999;font-size:6px;white-space:nowrap}.chart-day:hover::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 7px);z-index:5;padding:7px 8px;border:1px solid var(--ink);border-radius:7px;color:#fff;background:var(--ink);font-size:7px;white-space:nowrap}.health-ring{width:150px;aspect-ratio:1;margin:24px auto 18px;display:grid;place-items:center;border-radius:50%;background:conic-gradient(var(--purple) 0 var(--prompt),var(--pink) var(--prompt) 100%);position:relative}.health-ring::before{content:"";position:absolute;inset:24px;border-radius:50%;background:#fff}.health-ring>div{position:relative;text-align:center}.health-ring strong,.health-ring span{display:block}.health-ring strong{font-size:25px}.health-ring span{margin-top:3px;color:var(--muted);font-size:7px}.health-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px}.health-stats div{padding:10px;border-radius:10px;background:#f4f1ec}.health-stats strong,.health-stats small{display:block}.health-stats strong{font-size:14px}.health-stats small{margin-top:3px;color:var(--muted);font-size:7px}.failure-note{margin-top:10px;padding:10px;border:1px solid #ead8db;border-radius:9px;color:#855762;background:#fff5f6;font-size:8px}.dashboard-lower{margin-top:21px;display:grid;grid-template-columns:1fr 1.2fr;gap:18px}.dashboard-lower>.panel{padding:21px}.rank-list,.mini-orders{margin-top:17px;display:grid;gap:7px}.rank-item,.mini-order{padding:11px;display:grid;align-items:center;gap:10px;border:1px solid var(--line);border-radius:11px}.rank-item{grid-template-columns:28px 1fr auto}.rank-item>span{width:28px;height:28px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:8px;background:var(--yellow);font-size:9px;font-weight:900}.rank-item strong,.rank-item small,.mini-order strong,.mini-order small{display:block}.rank-item strong,.mini-order strong{font-size:9px}.rank-item small,.mini-order small{margin-top:3px;color:var(--muted);font-size:7px}.rank-item>b{font-size:10px}.mini-order{grid-template-columns:1fr auto auto}.mini-order>span{font-size:9px;font-weight:900}.empty-row{padding:35px!important;text-align:center!important;color:var(--muted)!important}
.filter-bar{margin-bottom:18px;padding:16px;display:grid;grid-template-columns:minmax(240px,1fr) 210px auto;gap:12px;align-items:end;border:3px solid var(--ink);border-radius:18px;background:var(--lilac);box-shadow:4px 4px 0 var(--ink)}.filter-bar label>span{display:block;margin-bottom:6px;font-size:8px;font-weight:900}.filter-bar input,.filter-bar select{width:100%;height:42px;padding:0 12px;border:2px solid var(--ink);border-radius:11px;background:#fff;outline:0;font-size:10px}.filter-bar input:focus,.filter-bar select:focus{box-shadow:0 0 0 4px rgba(104,75,224,.14)}.filter-bar button{height:42px;padding:0 22px;border:2px solid var(--ink);border-radius:11px;color:#fff;background:var(--purple);box-shadow:3px 3px 0 var(--ink);font-size:9px;font-weight:900;cursor:pointer}.table-panel{overflow:hidden}.table-summary{padding:17px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--ink)}.table-summary strong{font-size:12px}.table-summary span{color:var(--muted);font-size:8px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{padding:12px 15px;color:#8b8498;background:#faf8f3;text-align:left;font-size:7px;font-weight:1000;letter-spacing:.8px}td{padding:14px 15px;border-top:1px solid var(--line);font-size:9px}tbody tr{cursor:pointer}tbody tr:hover{background:#fbf9ff}.user-cell{display:flex;align-items:center;gap:9px}.user-cell>span{width:31px;height:31px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--pink);font-weight:900}.user-cell strong,.user-cell small{display:block}.user-cell strong{max-width:220px;overflow:hidden;text-overflow:ellipsis;font-size:9px}.user-cell small{margin-top:3px;color:var(--muted);font-size:7px}.status{display:inline-flex;padding:5px 8px;border:1px solid currentColor;border-radius:999px;font-size:7px;font-weight:900;text-transform:capitalize}.status.active,.status.completed{color:var(--green);background:#e9f8f1}.status.suspended,.status.failed{color:var(--red);background:#fff0f2}.status.created,.status.creating,.status.capturing,.status.refunding{color:#80621a;background:#fff8dd}.status.refunded{color:#665a81;background:#f1edfa}.row-action{width:29px;height:29px;border:2px solid var(--ink);border-radius:8px;background:#fff;cursor:pointer}.pagination{padding:15px 18px;display:flex;align-items:center;justify-content:center;gap:7px;border-top:1px solid var(--line)}.pagination button{min-width:34px;height:32px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:8px;font-weight:900;cursor:pointer}.pagination button.is-active{border:2px solid var(--ink);color:#fff;background:var(--purple)}.pagination button:disabled{opacity:.4;cursor:not-allowed}.purchase-summary{margin-bottom:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.purchase-summary article{padding:15px;border:2px solid var(--ink);border-radius:14px;background:#fff}.purchase-summary strong,.purchase-summary span{display:block}.purchase-summary strong{font-size:18px}.purchase-summary span{margin-top:4px;color:var(--muted);font-size:7px}.audit-panel{padding:10px 20px}.audit-list{display:grid}.audit-item{padding:17px 5px;display:grid;grid-template-columns:38px 1fr auto;gap:12px;border-bottom:1px solid var(--line)}.audit-item:last-child{border:0}.audit-icon{width:38px;height:38px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:11px;background:var(--yellow);font-size:13px}.audit-item strong,.audit-item small{display:block}.audit-item strong{font-size:10px}.audit-item small{margin-top:4px;color:var(--muted);font-size:8px;line-height:1.45}.audit-item time{color:var(--muted);font-size:7px}
.admin-dialog{width:min(720px,calc(100% - 28px));max-height:calc(100vh - 30px);padding:0;overflow:visible;border:0;background:transparent}.admin-dialog::backdrop{background:rgba(25,20,40,.55);backdrop-filter:blur(3px)}.dialog-card{position:relative;max-height:calc(100vh - 30px);padding:27px;overflow:auto;border:3px solid var(--ink);border-radius:22px;background:#fff;box-shadow:9px 9px 0 rgba(40,33,64,.45)}.dialog-close{position:absolute;right:14px;top:14px;width:34px;height:34px;border:2px solid var(--ink);border-radius:9px;background:var(--yellow);font-size:17px;cursor:pointer}.dialog-card>p{margin:0 0 6px;color:var(--purple);font-size:8px;font-weight:1000;letter-spacing:1.5px}.dialog-card h2{margin:0 45px 8px 0;font:900 24px "Arial Rounded MT Bold","Trebuchet MS",sans-serif}.dialog-card label{margin-top:17px;display:block;font-size:9px;font-weight:900}.dialog-card input,.dialog-card textarea{width:100%;margin-top:7px;padding:11px;border:2px solid var(--ink);border-radius:11px;background:#fffdf8;outline:0;font-size:10px}.dialog-card input{height:43px}.dialog-card textarea{resize:vertical}.dialog-actions{margin-top:20px;display:flex;justify-content:flex-end;gap:8px}.dialog-actions button,.detail-actions button{min-height:40px;padding:0 14px;border:2px solid var(--ink);border-radius:10px;background:var(--purple);color:#fff;box-shadow:3px 3px 0 var(--ink);font-size:9px;font-weight:900;cursor:pointer}.dialog-actions .secondary,.detail-actions .secondary{color:var(--ink);background:#fff}.dialog-actions .danger,.detail-actions .danger{background:var(--red)}.user-hero{padding:20px;display:flex;gap:14px;align-items:center;border:2px solid var(--ink);border-radius:15px;background:var(--lilac)}.user-hero>span{width:49px;height:49px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:50%;background:var(--pink);font-size:17px;font-weight:900}.user-hero strong,.user-hero small{display:block}.user-hero strong{font-size:14px}.user-hero small{margin-top:4px;color:var(--muted);font-size:8px}.detail-stats{margin:15px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.detail-stats article{padding:12px;border:1px solid var(--line);border-radius:10px}.detail-stats strong,.detail-stats span{display:block}.detail-stats strong{font-size:17px}.detail-stats span{margin-top:4px;color:var(--muted);font-size:7px}.detail-actions{display:flex;gap:8px;flex-wrap:wrap}.detail-section{margin-top:22px}.detail-section h3{font-size:12px}.ledger-list,.order-list{display:grid;gap:7px}.ledger-entry,.order-entry{padding:10px;display:grid;grid-template-columns:1fr auto;gap:10px;border:1px solid var(--line);border-radius:10px}.ledger-entry strong,.ledger-entry small,.order-entry strong,.order-entry small{display:block}.ledger-entry strong,.order-entry strong{font-size:8px}.ledger-entry small,.order-entry small{margin-top:3px;color:var(--muted);font-size:7px}.positive{color:var(--green)}.negative{color:var(--red)}.admin-loading{position:fixed;inset:0;z-index:100;display:grid;place-items:center;align-content:center;background:rgba(245,242,235,.94)}.admin-loading>span{width:58px;height:58px;display:grid;place-items:center;border:3px solid var(--ink);border-radius:18px;color:#fff;background:var(--purple);box-shadow:var(--shadow);font-size:24px;animation:bob 1.1s ease-in-out infinite}.admin-loading p{font-size:10px;font-weight:900}.toast-stack{position:fixed;right:18px;top:18px;z-index:300;display:grid;gap:8px}.toast{max-width:360px;padding:12px 15px;border:2px solid var(--ink);border-radius:11px;color:#fff;background:var(--ink);box-shadow:4px 4px 0 var(--yellow);font-size:9px;font-weight:800}.toast.error{background:var(--red)}@keyframes bob{50%{transform:translateY(-6px)}}
.status.expired,.status.processing,.status.sending,.status.received{color:#80621a;background:#fff8dd}
.status.sent,.status.processed{color:var(--green);background:#e9f8f1}
.notice{margin-bottom:18px;padding:13px 16px;border:2px solid var(--ink);border-radius:12px;font-size:9px;font-weight:800}
.notice.success{color:var(--green);background:#e9f8f1;border-color:var(--green)}
.notice.error{color:var(--red);background:#fff0f2;border-color:var(--red)}
.admin-primary{height:38px;padding:0 15px;border:2px solid var(--ink);border-radius:10px;color:var(--ink);background:var(--yellow);cursor:pointer;box-shadow:3px 3px 0 var(--purple);font-size:9px;font-weight:900}
.admin-primary:disabled{opacity:.55;cursor:not-allowed}
.device-list{padding:8px 20px}.device-row{padding:14px 4px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.device-row:last-child{border:0}.device-row strong,.device-row span,.device-row small{display:block}.device-row strong{font-size:10px}.device-row span{margin-top:4px;color:var(--muted);font-size:8px}.device-row small{margin-top:3px;color:#a59ab8;font-size:7px}.device-row .row-action.danger{border-color:var(--red);color:var(--red);background:#fff}
.health-list{padding:8px 20px}.health-row{padding:12px 4px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--line);font-size:9px}.health-row:last-child{border:0}.health-row i{width:8px;height:8px;display:inline-block;border-radius:50%;margin-right:9px}.health-row i.ready{background:var(--mint);box-shadow:0 0 0 4px rgba(150,226,197,.25)}.health-row i.missing{background:var(--red);box-shadow:0 0 0 4px rgba(255,112,130,.2)}.health-row strong{font-size:8px;text-transform:uppercase}
.admin-login-body{min-height:100vh;display:grid;place-items:center;background:var(--canvas)}.control-login-card{width:min(420px,calc(100% - 32px));padding:40px 36px;border:3px solid var(--ink);border-radius:24px;background:#fff;box-shadow:var(--shadow)}.control-login-card .control-mark{width:46px;height:46px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:13px;color:var(--ink);background:var(--yellow);box-shadow:3px 3px 0 var(--purple);font-size:16px;font-weight:900}.control-login-card .control-kicker{margin-top:22px;color:var(--purple);font-size:8px;font-weight:1000;letter-spacing:1.4px}.control-login-card h1{margin:9px 0 0;font-family:"Arial Rounded MT Bold","Trebuchet MS",sans-serif;font-size:25px}.control-login-card .control-copy{margin:8px 0 20px;color:var(--muted);font-size:10px;line-height:1.6}.control-login-card form{display:grid;gap:13px}.control-login-card label{display:grid;gap:6px;font-size:9px;font-weight:900}.control-login-card input{height:46px;padding:0 13px;border:2px solid var(--ink);border-radius:11px;background:#fdfcfa;font-size:13px}.control-login-card input:focus{outline:0;background:#fff;box-shadow:0 0 0 3px rgba(128,86,231,.18)}.control-login-card .control-code{letter-spacing:6px;text-align:center;font-size:17px}.control-login-card button[type="submit"]{height:45px;border:2px solid var(--ink);border-radius:11px;color:var(--ink);background:var(--yellow);cursor:pointer;box-shadow:3px 3px 0 var(--purple);font-size:10px;font-weight:900}.control-login-card button[type="submit"]:hover{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--purple)}.control-login-card .control-change{border:0;background:transparent;cursor:pointer;color:var(--muted);text-decoration:underline;font-size:8px}.control-login-card small{display:block;margin-top:18px;color:var(--muted);font-size:8px;line-height:1.5;text-align:center}.auth-message{padding:11px 13px;border-radius:11px;font-size:9px;font-weight:800}.auth-message.error{color:var(--red);background:#fff0f2}.auth-message.success{color:var(--green);background:#e9f8f1}
@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid{grid-template-columns:1fr}.dashboard-lower{grid-template-columns:1fr}.detail-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.admin-shell{display:block}.admin-sidebar{transform:translateX(-105%);transition:transform .2s ease}.admin-sidebar.is-open{transform:none}.admin-workspace{width:100%}.admin-topbar{height:62px;padding:0 15px}.admin-topbar>div:first-of-type{display:none}#admin-menu{width:36px;height:36px;display:block;border:2px solid var(--ink);border-radius:9px;background:var(--yellow)}#current-time{display:none}#admin-main{width:calc(100% - 28px);padding-top:30px}.page-heading{align-items:flex-start}.page-heading h1{font-size:31px}.range-chip{font-size:7px}.filter-bar{grid-template-columns:1fr}.filter-bar button{width:100%}.purchase-summary{grid-template-columns:1fr}.admin-shell::after{content:"";position:fixed;inset:0;z-index:35;background:rgba(20,16,34,.5);opacity:0;pointer-events:none;transition:opacity .2s}.admin-shell.menu-open::after{opacity:1;pointer-events:auto}}
@media(max-width:520px){.metric-grid{grid-template-columns:1fr}.metric-card{min-height:125px}.page-heading{display:block}.range-chip{display:inline-block;margin-top:13px}.chart-panel,.health-panel,.dashboard-lower>.panel{padding:16px}.activity-chart{height:210px}.chart-day span{display:none}.chart-day:nth-child(5n) span{display:block}.table-summary{align-items:flex-start;flex-direction:column;gap:5px}.detail-stats{grid-template-columns:1fr 1fr}.dialog-card{padding:20px}.dialog-actions,.detail-actions{flex-direction:column}.dialog-actions button,.detail-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}