:root{--bb2-bg: #0a0d12;--bb2-surface: #11161e;--bb2-surface-2: #1a2230;--bb2-border: rgba(255,255,255,.08);--bb2-text: #e8ecf3;--bb2-text-dim: #8590a3;--bb2-text-muted: #5a6478;--bb2-gold: #d4af37;--bb2-gold-soft: #e8c963;--bb2-gold-deep: #8b7414;--bb2-success: #4ade80;--bb2-error: #f87171;--bb2-warning: #fbbf24;--bb2-info: #60a5fa;--bb2-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bb2-font-disp: "Playfair Display", "Inter", serif;--bb2-radius-sm: 6px;--bb2-radius: 12px;--bb2-radius-lg: 18px;--bb2-shadow-sm: 0 2px 8px rgba(0,0,0,.3);--bb2-shadow: 0 8px 24px rgba(0,0,0,.4);--bb2-shadow-gold: 0 0 24px rgba(212,175,55,.2)}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:radial-gradient(ellipse at 20% 0%,rgba(212,175,55,.06) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(96,165,250,.04) 0%,transparent 50%),var(--bb2-bg);background-attachment:fixed;color:var(--bb2-text);font-family:var(--bb2-font-sans);font-size:14px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d4af372e;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#d4af3752}::selection{background:var(--bb2-gold);color:#1a1208}a{color:var(--bb2-gold-soft);text-decoration:none;transition:color .15s}a:hover{color:var(--bb2-gold)}button{font-family:inherit;cursor:pointer}code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:.9em;padding:1px 6px;background:#d4af3714;border-radius:4px;color:var(--bb2-gold-soft)}@keyframes bb2-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes bb2-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bb2-glow{0%,to{box-shadow:0 0 18px #d4af372e}50%{box-shadow:0 0 32px #d4af3752}}.bb2-page{min-height:100vh;padding:32px 20px 80px;max-width:1280px;margin:0 auto;animation:bb2-fade-up .45s ease-out}.bb2-page-narrow{max-width:460px;margin:0 auto;padding:24px;min-height:100vh;display:flex;flex-direction:column;justify-content:center;animation:bb2-fade-up .5s ease-out}.bb2-card{background:linear-gradient(180deg,#ffffff06,#ffffff01),var(--bb2-surface);border:1px solid var(--bb2-border);border-radius:var(--bb2-radius);padding:22px;box-shadow:0 4px 16px #00000040,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;overflow:hidden}.bb2-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(212,175,55,.25) 50%,transparent 100%)}.bb2-card-gold{border:1px solid rgba(212,175,55,.35);background:linear-gradient(135deg,rgba(212,175,55,.04) 0%,transparent 60%),var(--bb2-surface);box-shadow:0 8px 32px #d4af3714,inset 0 1px #d4af3726}.bb2-card-gold:before{background:linear-gradient(90deg,transparent,rgba(212,175,55,.55),transparent)}.bb2-h1{font-family:var(--bb2-font-disp);font-size:36px;font-weight:700;margin-bottom:4px;letter-spacing:-.5px;background:linear-gradient(180deg,var(--bb2-text) 60%,var(--bb2-text-dim) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.bb2-h2{font-size:18px;font-weight:700;margin-bottom:14px;color:var(--bb2-text);letter-spacing:-.2px}.bb2-h3{font-size:15px;font-weight:700;margin-bottom:8px;color:var(--bb2-text)}.bb2-tagline{font-size:11px;letter-spacing:3px;color:var(--bb2-gold);margin-bottom:6px;text-transform:uppercase;font-weight:600}.bb2-input{width:100%;background:#0a0d1299;border:1px solid var(--bb2-border);border-radius:var(--bb2-radius-sm);padding:12px 14px;color:var(--bb2-text);font-size:14px;outline:none;transition:all .18s}.bb2-input:hover{border-color:#d4af3759}.bb2-input:focus{border-color:var(--bb2-gold);box-shadow:0 0 0 3px #d4af371f}.bb2-input::placeholder{color:var(--bb2-text-muted)}.bb2-label{font-size:11px;letter-spacing:1.5px;color:var(--bb2-text-dim);margin-bottom:6px;text-transform:uppercase;font-weight:600}.bb2-field{margin-bottom:16px}.bb2-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 20px;border-radius:var(--bb2-radius-sm);font-size:13px;font-weight:600;letter-spacing:.3px;border:1px solid var(--bb2-border);background:var(--bb2-surface-2);color:var(--bb2-text);transition:all .18s;position:relative;overflow:hidden}.bb2-btn:hover:not(:disabled){background:#ffffff0d;border-color:#d4af3759;transform:translateY(-1px)}.bb2-btn:active:not(:disabled){transform:translateY(0)}.bb2-btn-primary{background:linear-gradient(180deg,var(--bb2-gold-soft) 0%,var(--bb2-gold) 100%);color:#1a1208;border:1px solid var(--bb2-gold);font-weight:700;box-shadow:0 4px 16px #d4af3740}.bb2-btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#f5d76e 0%,var(--bb2-gold-soft) 100%);box-shadow:0 6px 24px #d4af3766;border-color:var(--bb2-gold-soft)}.bb2-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.bb2-btn-block{display:flex;width:100%}.bb2-alert{padding:11px 14px;border-radius:var(--bb2-radius-sm);font-size:13px;margin-bottom:12px;border:1px solid}.bb2-alert-ok{background:#4ade8014;color:var(--bb2-success);border-color:#4ade804d}.bb2-alert-err{background:#f8717114;color:var(--bb2-error);border-color:#f871714d}.bb2-alert-info{background:#60a5fa14;color:var(--bb2-info);border-color:#60a5fa4d}.bb2-table{width:100%;border-collapse:collapse}.bb2-table th,.bb2-table td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--bb2-border);font-size:13px}.bb2-table tr:last-child td{border-bottom:none}.bb2-table th{color:var(--bb2-text-dim);font-weight:600;font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.bb2-table tbody tr{transition:background .15s}.bb2-table tbody tr:hover{background:#d4af3708}.bb2-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;border:1px solid transparent}.bb2-badge-role-EXCHANGE{background:#d4af3726;color:var(--bb2-gold-soft);border-color:#d4af374d}.bb2-badge-role-VENDOR{background:#60a5fa26;color:var(--bb2-info);border-color:#60a5fa4d}.bb2-badge-role-DISTRIBUTOR{background:#a78bfa26;color:#c4b5fd;border-color:#a78bfa4d}.bb2-badge-role-STORE{background:#4ade8026;color:var(--bb2-success);border-color:#4ade804d}.bb2-badge-role-CUSTOMER{background:#ffffff0f;color:var(--bb2-text-dim);border-color:var(--bb2-border)}.bb2-badge-role-SUPER_ADMIN{background:linear-gradient(135deg,var(--bb2-gold),#c084fc);color:#000;border-color:var(--bb2-gold)}@media(max-width:600px){.bb2-page{padding:20px 14px 80px}.bb2-h1{font-size:28px}.bb2-card{padding:18px}}.bb2-dashboard{max-width:760px;margin:0 auto;padding:28px 18px 100px}.bb2-dash-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:28px}.bb2-refresh{width:44px;height:44px;border-radius:50%;background:var(--bb2-surface);border:1px solid var(--bb2-border);color:var(--bb2-gold);font-size:19px;cursor:pointer;transition:all .25s;display:flex;align-items:center;justify-content:center}.bb2-refresh:hover{background:var(--bb2-surface-2);border-color:var(--bb2-gold);transform:rotate(180deg);box-shadow:0 0 16px #d4af3733}.bb2-balance-hero{position:relative;background:radial-gradient(ellipse at center top,rgba(212,175,55,.08) 0%,transparent 70%),linear-gradient(180deg,var(--bb2-surface) 0%,var(--bb2-surface-2) 100%);border:1px solid rgba(212,175,55,.4);border-radius:var(--bb2-radius-lg);padding:36px 28px 32px;margin-bottom:22px;text-align:center;overflow:hidden;animation:bb2-fade-up .5s ease-out}.bb2-balance-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(212,175,55,.05),transparent);background-size:200% 100%;animation:bb2-shimmer 8s infinite;pointer-events:none}.bb2-balance-hero:after{content:"BBPⅡ";position:absolute;right:18px;top:14px;font-family:var(--bb2-font-disp);font-size:80px;opacity:.05;color:var(--bb2-gold);font-weight:700;pointer-events:none}.bb2-balance-label{font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--bb2-gold);margin-bottom:12px;font-weight:600;position:relative}.bb2-balance-value{font-family:var(--bb2-font-disp);font-size:52px;font-weight:700;background:linear-gradient(180deg,#fce96a 0%,var(--bb2-gold-soft) 45%,var(--bb2-gold) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1.5px;line-height:1.1;position:relative}.bb2-balance-sub{margin-top:12px;color:var(--bb2-text-dim);font-size:12px;letter-spacing:.5px;position:relative}.bb2-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:22px;background:var(--bb2-surface);border:1px solid var(--bb2-border);border-radius:var(--bb2-radius);padding:6px}.bb2-tab{background:transparent;border:none;border-radius:8px;padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--bb2-text-dim);cursor:pointer;transition:all .2s;font-size:12px;font-weight:600;letter-spacing:.3px}.bb2-tab:hover:not(.bb2-tab-active){color:var(--bb2-text);background:#ffffff08}.bb2-tab-active{background:linear-gradient(180deg,var(--bb2-gold) 0%,#b08e1f 100%);color:#1a1208;box-shadow:0 4px 12px #d4af374d}.bb2-tab-active:hover{color:#1a1208}.bb2-tab-icon{font-size:18px}.bb2-wallets{display:flex;flex-direction:column;gap:12px;animation:bb2-fade-up .4s ease-out}.bb2-wallet-card{background:linear-gradient(180deg,#ffffff05,#fff0),var(--bb2-surface);border:1px solid var(--bb2-border);border-radius:var(--bb2-radius);padding:18px;transition:all .25s;position:relative;overflow:hidden}.bb2-wallet-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--bb2-gold),transparent);opacity:0;transition:opacity .2s}.bb2-wallet-card:hover{border-color:#d4af3766;transform:translate(2px)}.bb2-wallet-card:hover:before{opacity:1}.bb2-wallet-head{display:flex;align-items:center;gap:14px;margin-bottom:12px}.bb2-wallet-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:22px;border:1px solid}.bb2-wallet-meta{flex:1;min-width:0}.bb2-wallet-name{font-weight:700;color:var(--bb2-text);font-size:14px}.bb2-wallet-type{font-size:11px;color:var(--bb2-text-dim);margin-top:2px;letter-spacing:.3px}.bb2-wallet-balance{text-align:right}.bb2-wallet-amount{font-family:var(--bb2-font-disp);font-size:24px;font-weight:700;color:var(--bb2-text);letter-spacing:-.5px;line-height:1}.bb2-wallet-unit{font-size:10px;color:var(--bb2-gold);letter-spacing:1.5px;font-weight:600}.bb2-wallet-addr{font-family:ui-monospace,monospace;font-size:11px;color:var(--bb2-text-muted);padding:9px 12px;background:#0a0d1299;border:1px dashed transparent;border-radius:8px;word-break:break-all;cursor:pointer;transition:all .2s}.bb2-wallet-addr:hover{border-color:var(--bb2-gold);color:var(--bb2-gold-soft);background:#d4af370a}.bb2-tx-filters{display:flex;gap:6px;overflow-x:auto;padding-bottom:10px;margin-bottom:14px;scrollbar-width:none}.bb2-tx-filters::-webkit-scrollbar{display:none}.bb2-chip{background:var(--bb2-surface);border:1px solid var(--bb2-border);border-radius:999px;padding:7px 16px;color:var(--bb2-text-dim);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s;letter-spacing:.3px}.bb2-chip-active{background:linear-gradient(180deg,var(--bb2-gold-soft),var(--bb2-gold));border-color:var(--bb2-gold);color:#1a1208;box-shadow:0 4px 12px #d4af3740}.bb2-chip:hover:not(.bb2-chip-active){border-color:#d4af3766;color:var(--bb2-text)}.bb2-tx-list{display:flex;flex-direction:column;gap:6px}.bb2-tx-row{background:var(--bb2-surface);border:1px solid var(--bb2-border);border-radius:10px;padding:12px 14px;display:flex;align-items:center;gap:14px;transition:all .18s}.bb2-tx-row:hover{background:var(--bb2-surface-2);border-color:#d4af3733;transform:translate(2px)}.bb2-tx-icon{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px}.bb2-tx-info{flex:1;min-width:0}.bb2-tx-type{font-weight:600;color:var(--bb2-text);font-size:14px}.bb2-tx-time{font-size:11px;color:var(--bb2-text-muted);margin-top:2px}.bb2-tx-amount{font-family:var(--bb2-font-disp);font-weight:700;font-size:16px;white-space:nowrap;letter-spacing:-.2px}.bb2-tx-in{color:var(--bb2-success)}.bb2-tx-out{color:var(--bb2-error)}.bb2-tx-internal{color:var(--bb2-info)}.bb2-tx-unit{font-size:9px;opacity:.6;margin-left:2px}@media(max-width:480px){.bb2-balance-value{font-size:40px}.bb2-balance-hero{padding:28px 20px}.bb2-wallet-amount{font-size:20px}.bb2-tab{padding:10px 4px}.bb2-tab-label{font-size:11px}.bb2-dashboard{padding:20px 12px 100px}}