.admin{color:#1f2329;background:#f4f6fa;min-height:100vh;font-family:-apple-system,PingFang SC,Microsoft YaHei,sans-serif;display:flex}.login-wrap{background:linear-gradient(160deg,#101828 0%,#1d2939 100%);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.login-bg{pointer-events:none;position:absolute;inset:0}.blob{filter:blur(90px);opacity:.5;border-radius:50%;position:absolute}.blob-a{background:#2e5cff;width:420px;height:420px;top:-120px;right:-80px}.blob-b{background:#7a5af8;width:360px;height:360px;bottom:-140px;left:-60px}.login-card{background:#fffffffa;border-radius:16px;flex-direction:column;gap:8px;width:380px;padding:36px 34px;display:flex;position:relative;box-shadow:0 24px 64px #00000059}.login-card h1{text-align:center;margin:4px 0 2px;font-size:20px}.login-card label{color:#5a5f66;margin-top:8px;font-size:13px}.login-logo{color:#fff;background:linear-gradient(135deg,#2e5cff,#7a5af8);border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin:0 auto;display:flex;box-shadow:0 8px 20px #2e5cff59}.login-logo svg{width:26px;height:26px}.center{text-align:center}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.field{align-items:center;display:flex;position:relative}.field-icon{color:#98a2b3;pointer-events:none;position:absolute;left:11px}.field input{width:100%;padding-left:34px}.field.compact input{width:240px}input,select,textarea{box-sizing:border-box;background:#fff;border:1px solid #dde1e7;border-radius:8px;padding:9px 11px;font-family:inherit;font-size:13px;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:#3370ff;outline:none;box-shadow:0 0 0 3px #3370ff1f}.panel input:not([type=checkbox]){width:100%}button{cursor:pointer;background:#fff;border:1px solid #dde1e7;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-size:13px;transition:all .15s;display:inline-flex}button:hover:not(:disabled){border-color:#b6bdc9}button:disabled{opacity:.5;cursor:not-allowed}button.primary{color:#fff;background:#3370ff;border-color:#3370ff}button.primary:hover:not(:disabled){background:#2860e8;border-color:#2860e8}button.ghost{color:#3b4048;background:#fff}button.block{width:100%;margin-top:10px;padding:10px;font-size:14px}button.link{color:#3370ff;background:0 0;border:none;padding:2px 6px}button.link.danger{color:#d83931}.icon-btn{color:#c9cdd4;background:#ffffff14;border:none;border-radius:8px;padding:7px}.icon-btn:hover{background:#ffffff29;border-color:#0000}.sidebar{color:#c9cdd4;background:#141a24;flex-direction:column;flex-shrink:0;width:216px;height:100vh;padding:20px 12px 14px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #ffffff12;align-items:center;gap:10px;margin-bottom:12px;padding:0 10px 18px;display:flex}.brand-logo{color:#fff;background:linear-gradient(135deg,#2e5cff,#7a5af8);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.brand-logo svg{width:18px;height:18px}.brand b{color:#fff;font-size:15px;line-height:1.2;display:block}.brand small{color:#7d8590;font-size:11px}.sidebar nav{flex-direction:column;flex:1;gap:2px;display:flex}.sidebar nav a{cursor:pointer;color:#a8b0bc;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;font-size:13.5px;transition:all .15s;display:flex}.sidebar nav a:hover{color:#fff;background:#ffffff0f}.sidebar nav a.active{color:#fff;background:#3370ff;box-shadow:0 4px 12px #3370ff59}.user-box{border-top:1px solid #ffffff12;align-items:center;gap:10px;padding:12px 10px 0;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#3370ff,#7a5af8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:600;display:flex}.user-meta{color:#7d8590;flex-direction:column;flex:1;font-size:11px;display:flex;overflow:hidden}.user-meta b{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.content{flex:1;max-width:calc(100vw - 216px);padding:26px 32px 40px;overflow-x:auto}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:18px;display:flex}.page-head h2{margin:0 0 4px;font-size:20px}.page-head .hint{margin:0}.toolbar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}h3{align-items:center;gap:6px;margin:0 0 12px;font-size:15px;display:flex}.head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.head h3{margin:0}.cards{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-bottom:18px;display:grid}.card{background:#fff;border:1px solid #eef0f4;border-radius:12px;align-items:center;gap:14px;padding:18px;display:flex;box-shadow:0 1px 3px #1018280f}.card-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.card-icon.blue{color:#3370ff;background:#e8f0ff}.card-icon.violet{color:#7a5af8;background:#f1ebff}.card-icon.orange{color:#f79009;background:#fff2e5}.card-icon.green{color:#1a9e3f;background:#e6f7e9}.card-icon.gold{color:#b54708;background:#fdf3e0}.card-icon.red{color:#d83931;background:#fdeceb}.card.clickable{cursor:pointer}.trend{align-items:flex-end;gap:12px;height:140px;padding-top:8px;display:flex}.trend-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;height:100%;display:flex}.trend-num{color:#3b4048;font-size:12px;font-weight:600}.trend-bar{background:linear-gradient(#3370ff,#7a5af8);border-radius:6px 6px 0 0;width:60%;max-width:40px}.trend-day{color:#98a2b3;font-size:11px}.folder-list{flex-wrap:wrap;gap:8px;margin-bottom:4px;display:flex}.folder-chip{color:#3b4048;background:#f2f4f7;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;display:inline-flex}.folder-chip b{color:#3370ff}.device-add{gap:8px;margin:12px 0 4px;display:flex}.device-add input{flex:1}.switch{cursor:pointer;color:#4e5969;align-items:center;gap:6px;font-size:12px;display:inline-flex}.switch input{accent-color:#3370ff;cursor:pointer;width:15px;height:15px}.card b{font-size:24px;line-height:1.1;display:block}.card div>span:last-child{color:#8a8f99;font-size:12px}.progress{background:#eef0f4;border-radius:4px;height:8px;margin:6px 0 10px;overflow:hidden}.progress i{background:linear-gradient(90deg,#3370ff,#1a9e3f);border-radius:4px;height:100%;transition:width .4s;display:block}.panel{background:#fff;border:1px solid #eef0f4;border-radius:12px;margin-bottom:16px;padding:20px;box-shadow:0 1px 3px #1018280f}.panel.flush{padding:6px 0 0;overflow:hidden}.panel label{color:#5a5f66;margin:0 0 6px;font-size:13px;display:block}.form-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-bottom:16px;display:grid}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #f0f1f4;padding:12px 16px}th{color:#8a8f99;white-space:nowrap;background:#fafbfc;font-size:12px;font-weight:500}tbody tr{transition:background .12s}tbody tr:hover{background:#f8faff}tbody tr:last-child td{border-bottom:none}.empty{text-align:center;color:#98a2b3;padding:36px 0!important}.num{font-variant-numeric:tabular-nums;font-weight:600}.row{align-items:center;gap:8px;display:flex}.avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:32px;height:32px}.avatar.lg{width:48px;height:48px}.avatar.placeholder{color:#fff;background:linear-gradient(135deg,#3370ff,#7a5af8);justify-content:center;align-items:center;font-size:14px;font-weight:600;display:inline-flex}.qr{vertical-align:middle;border:1px solid #eef0f4;border-radius:6px;width:34px;height:34px;margin-left:6px}.block{display:block}.tag{white-space:nowrap;background:#eef0f3;border-radius:999px;padding:3px 10px;font-size:12px;display:inline-block}.tag.recharge,.tag.success,.tag.completed,.tag.available{color:#1a9e3f;background:#e6f7e9}.tag.consume,.tag.failed,.tag.partial_failed{color:#d83931;background:#fdeceb}.tag.published,.tag.processing{color:#3370ff;background:#e8f0ff}.tag.pending{color:#f79009;background:#fff4e5}.tag.retired{color:#8a8f99;background:#eef0f3}.tag.confirmed{color:#1a9e3f;background:#e6f7e9}.tag.cancelled{color:#8a8f99;background:#eef0f3}.num.danger{color:#d83931}.sub{color:#8a8f99;font-size:14px;font-weight:500}.copy-cell{white-space:nowrap;text-overflow:ellipsis;max-width:240px;overflow:hidden}.meter-cell{align-items:center;gap:8px;min-width:140px;display:flex}.progress.slim{flex:1;height:6px;margin:0}.dialog{background:#fff;border-radius:14px;align-self:center;width:min(400px,92vw);margin:auto;padding:22px 24px;box-shadow:0 24px 64px #00000040}.dialog label{color:#5a5f66;margin:10px 0 6px;font-size:13px;display:block}.dialog input{width:100%}.dialog-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}.overlay{align-items:flex-start}.pager{border-top:1px solid #f0f1f4;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.pager>div{gap:8px;display:flex}.overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:50;background:#10182873;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:#f8f9fb;width:min(720px,92vw);height:100%;padding:22px 26px 40px;overflow-y:auto;box-shadow:-12px 0 40px #0000002e}.drawer table{background:#fff;border:1px solid #eef0f4;border-radius:10px;overflow:hidden}.drawer .icon-btn{color:#5a5f66;background:#eef0f4}.merchant-profile{align-items:center;gap:14px;margin-bottom:14px;display:flex}.merchant-profile b{font-size:17px}.merchant-profile .hint{margin:2px 0 0}.stats{color:#5a5f66;flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:18px;font-size:13px;display:flex}.stats span{align-items:center;gap:5px;display:inline-flex}.error{color:#d83931;font-size:13px}.hint{color:#8a8f99;margin:4px 0;font-size:12px}.banner{cursor:pointer;border-radius:10px;align-items:center;gap:8px;margin:0 0 14px;padding:10px 14px;display:flex}.error.banner{background:#fdeceb}.notice.banner{color:#1a9e3f;background:#e6f7e9;font-size:13px}