@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background-color:#f1f5f9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}a{font-weight:500;color:inherit;text-decoration:none}a:hover{color:inherit}body{margin:0;min-width:320px;min-height:100vh;background:#f1f5f9}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #17212b;--s1: #1e2c3a;--s2: #242f3d;--s3: #2b3a4d;--blue: #2aabee;--blue-dark: #1a8bc4;--blue-dim: rgba(42,171,238,.12);--green: #4dcd8a;--green-dim: rgba(77,205,138,.12);--red: #e05c5c;--red-dim: rgba(224,92,92,.12);--orange: #e8924a;--orange-dim: rgba(232,146,74,.12);--gold: #f5c842;--gold-dim: rgba(245,200,66,.12);--border: rgba(255,255,255,.05);--border2: rgba(42,171,238,.2);--text: #e8f4fd;--t2: #8bafc7;--t3: #4d7490;--r: 12px;--rs: 8px;--spring: cubic-bezier(.34,1.56,.64,1);--out: cubic-bezier(.23,1,.32,1)}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-thumb{background:var(--s3);border-radius:4px}.app{min-height:100vh;background:var(--bg);color:var(--text);font-family:Inter,sans-serif;display:flex;flex-direction:column}.app-header{height:56px!important;padding:0 16px!important;background:var(--s1)!important;border-bottom:1px solid var(--border)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;position:sticky!important;top:0!important;z-index:200!important;-webkit-backdrop-filter:blur(16px)!important;backdrop-filter:blur(16px)!important;gap:12px!important}.app-header h1{font-size:15px;font-weight:700;color:var(--text);letter-spacing:.2px;margin:0;line-height:1}.app-header p{font-size:11px;color:var(--blue);margin-top:2px;margin-bottom:0}.panel{background:var(--s1);border-bottom:1px solid var(--border);padding:14px 16px}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.app-shell-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 16px 10px;flex-wrap:wrap}.app-shell-nav-block{display:flex;flex-direction:column;gap:4px}.app-shell-nav-hint{font-size:11px!important;color:var(--t3)!important;max-width:480px;line-height:1.5}.app-shell-actions{gap:8px;flex-shrink:0}.app-nav{display:flex;align-items:center;gap:4px}.app-nav-link{display:inline-flex;align-items:center;padding:6px 14px;border-radius:8px;font-size:13px;font-weight:600;color:var(--t2);text-decoration:none;border:1px solid transparent;background:transparent;transition:background .18s,color .18s,border-color .18s;cursor:pointer;font-family:Inter,sans-serif;line-height:1.4}.app-nav-link:hover,.app-nav-link.active{background:var(--blue-dim);color:var(--blue);border-color:var(--border2)}.add-account-nav-link{color:var(--green)}.add-account-nav-link:hover{background:var(--green-dim);color:var(--green);border-color:#4dcd8a40}button{cursor:pointer;font-family:Inter,sans-serif}.primary-cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;background:var(--blue);color:#fff;border:none;border-radius:10px;font-size:13px;font-weight:700;transition:transform .2s var(--spring),filter .2s;cursor:pointer}.primary-cta:hover{transform:translateY(-2px);filter:brightness(1.1)}.first-run-shell-cta{border-left:3px solid var(--blue);background:linear-gradient(135deg,#2aabee14,#2aabee05);border-bottom:1px solid rgba(42,171,238,.15);padding:16px;display:flex;flex-direction:column;gap:10px}.first-run-shell-cta h2{font-size:14px;font-weight:700;color:var(--text);margin:0}.first-run-shell-cta .row{justify-content:space-between}.hint{font-size:11px;color:var(--t3);line-height:1.55}.hint strong{color:var(--t2);font-weight:600}.error-text{font-size:12px;color:var(--red);background:var(--red-dim);border:1px solid rgba(224,92,92,.25);border-radius:var(--rs);padding:8px 10px;line-height:1.45}pre.hint{font-family:JetBrains Mono,monospace;font-size:10px;background:#4d74901f;border:1px solid rgba(77,116,144,.35);border-radius:var(--rs);padding:10px 12px;white-space:pre-wrap;color:var(--t2);line-height:1.45;margin-top:8px}.status-connected{color:var(--green)}.status-degraded{color:var(--orange)}.status-error{color:var(--red)}.status-disconnected{color:var(--t3)}.rip{position:relative;overflow:hidden}.ripple-el{position:absolute;border-radius:50%;background:#2aabee26;transform:scale(0);animation:rOut .55s var(--out) forwards;pointer-events:none}@keyframes rOut{to{transform:scale(4);opacity:0}}.topbar{height:56px;background:var(--s1);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 16px;gap:12px;position:sticky;top:0;z-index:200;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.tb-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--blue-dark));display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#fff;flex-shrink:0;position:relative;transition:transform .2s var(--spring),box-shadow .2s ease}.tb-avatar:after{content:"";position:absolute;bottom:1px;right:1px;width:10px;height:10px;border-radius:50%;background:var(--green);border:2px solid var(--s1)}.tb-brand{display:flex;align-items:center;gap:12px;flex:1;min-width:0;text-decoration:none;color:inherit}.tb-brand:hover .tb-name{color:#fff}.tb-brand:hover .tb-avatar{transform:translateY(-1px);box-shadow:0 10px 24px #2aabee2e}.tb-info{flex:1;min-width:0}.tb-name{font-size:15px;font-weight:600;color:var(--text);line-height:1.2;transition:color .2s}.tb-status{font-size:12px;color:var(--blue)}.tb-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--t2);font-size:17px;transition:background .18s;cursor:pointer}.tb-btn:hover{background:var(--blue-dim);color:var(--blue)}.tb-profile-btn{width:34px;height:34px;border-radius:50%;border:2px solid rgba(42,171,238,.5);overflow:hidden;transition:border-color .2s,transform .2s var(--spring);flex-shrink:0;cursor:pointer}.tb-profile-btn:hover{border-color:var(--blue);transform:scale(1.08)}.tb-profile-inner{width:100%;height:100%;background:linear-gradient(135deg,var(--blue),var(--blue-dark));display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff}.bnav{position:fixed;bottom:0;left:0;right:0;z-index:200;background:var(--s1);border-top:1px solid var(--border);display:flex;align-items:center;padding:8px 0 max(8px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bnav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 8px;border-radius:10px;transition:transform .2s var(--spring);flex:1;cursor:pointer}.bnav-item:hover{transform:translateY(-2px)}.bnav-icon{line-height:1;position:relative;transition:transform .25s var(--spring);display:flex;align-items:center;justify-content:center;color:var(--t3)}.bnav-icon svg{width:22px;height:22px;stroke:currentColor;fill:none}.bnav-item.active .bnav-icon{transform:scale(1.12);color:var(--blue)}.bnav-label{font-size:9px;font-weight:500;letter-spacing:.4px;color:var(--t3);transition:color .2s}.bnav-item.active .bnav-label{color:var(--blue)}.bnav-dot{position:absolute;top:-2px;right:-2px;width:7px;height:7px;border-radius:50%;background:var(--blue);border:1.5px solid var(--s1);animation:dotBlink 2s ease-in-out infinite}@keyframes dotBlink{0%,to{opacity:1}50%{opacity:.3}}.page{display:none;padding:14px 12px 94px;max-width:680px;margin:0 auto;animation:pageIn .35s var(--out) both}.page.active{display:block}@keyframes pageIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sec-head{display:flex;align-items:center;justify-content:space-between;padding:6px 4px 10px}.sec-label{font-size:12px;font-weight:600;letter-spacing:.6px;color:var(--t3);text-transform:uppercase}.sec-meta{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--t3)}.card{background:var(--s1);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;transition:border-color .25s}.card:hover{border-color:var(--border2)}.card-p{padding:16px}.card-h{display:flex;align-items:center;justify-content:space-between}.card-h .h-l{font-size:12px;font-weight:600;color:var(--t2);letter-spacing:.4px}.card-h .h-r{font-size:10px;color:var(--t3)}.divider{height:1px;background:var(--border);margin:0 16px}.tag{display:inline-flex;align-items:center;gap:4px;border-radius:100px;padding:2px 9px;font-size:9px;font-weight:600;letter-spacing:1px;text-transform:uppercase;border:1px solid}.tag:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.tag-red{color:var(--red);border-color:#e05c5c4d;background:var(--red-dim)}.tag-green{color:var(--green);border-color:#4dcd8a40;background:var(--green-dim)}.tag-blue{color:var(--blue);border-color:#2aabee40;background:var(--blue-dim)}.tag-orange{color:var(--orange);border-color:#e8924a4d;background:var(--orange-dim)}.tag-gold{color:var(--gold);border-color:#f5c8424d;background:var(--gold-dim)}.mono{font-family:JetBrains Mono,monospace}.txt-blue{color:var(--blue)}.txt-green{color:var(--green)}.txt-red{color:var(--red)}.txt-orange{color:var(--orange)}.txt-dim{color:var(--t3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 20px;border-radius:10px;font-size:13px;font-weight:600;border:none;transition:transform .2s var(--spring),filter .2s;cursor:pointer}.btn:hover{transform:translateY(-2px);filter:brightness(1.1)}.btn-blue{background:var(--blue);color:#fff}.btn-ghost{background:var(--s3);color:var(--text);border:1px solid var(--border2)}.btn-green{background:var(--green);color:#17212b;font-weight:700}.btn-full{width:100%}.bar-bg{height:5px;background:var(--s3);border-radius:100px;overflow:visible;position:relative}.bar-fill{height:100%;border-radius:100px;transition:width 1.4s var(--spring);position:relative}.bar-fill:after{content:"";position:absolute;right:-2px;top:50%;transform:translateY(-50%);width:9px;height:9px;border-radius:50%;background:inherit;border:2px solid var(--bg)}.bar-red{background:var(--red);box-shadow:0 0 10px #e05c5c59}.bar-orange{background:var(--orange)}.bar-blue{background:#2aabee80}.bar-green{background:var(--green);box-shadow:0 0 8px #4dcd8a4d}.bar-tick{position:absolute;top:-3px;bottom:-3px;width:1px;background:#ffffff1f}.chip{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;padding:4px 10px;border-radius:100px;border:1px solid;display:inline-flex;align-items:center;gap:4px}.chip-warn{color:var(--orange);border-color:#e8924a47;background:var(--orange-dim)}.chip-soft{color:#e07a4a;border-color:#e07a4a38;background:#e07a4a14}.chip-hard{color:var(--red);border-color:#e05c5c4d;background:var(--red-dim)}.chip-blue{color:var(--blue);border-color:#2aabee40;background:var(--blue-dim)}.chip-red{color:var(--red);border-color:#e05c5c4d;background:var(--red-dim)}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skel{background:linear-gradient(90deg,var(--s2) 25%,var(--s3) 50%,var(--s2) 75%);background-size:1200px 100%;animation:shimmer 1.8s ease-in-out infinite;border-radius:6px;flex-shrink:0}.skel-r{border-radius:100px}.sk-fade{transition:opacity .38s var(--out),transform .38s var(--out),max-height .38s var(--out)}.sk-fade.sk-out{opacity:0;transform:translateY(5px);pointer-events:none;overflow:hidden;max-height:0}.sk-fade.sk-in{opacity:1;transform:translateY(0);max-height:2000px}.sk-wrap{position:relative}.stat-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px}.stat-box{background:var(--s1);border:1px solid var(--border);border-radius:var(--r);padding:14px 16px;transition:border-color .2s,transform .2s var(--spring)}.stat-box:hover{border-color:var(--border2);transform:translateY(-2px)}.stat-box-label{font-size:10px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:var(--t3);margin-bottom:6px}.stat-box-val{font-family:JetBrains Mono,monospace;font-size:24px;font-weight:600;line-height:1;margin-bottom:3px}.stat-box-sub{font-size:10px;color:var(--t3)}.overview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:10px}.overview-empty{background:var(--s1);border:1px solid var(--border);border-radius:var(--r);padding:22px 18px;text-align:center;margin-bottom:10px}.overview-empty-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:6px}.overview-empty-sub{font-size:11px;color:var(--t3);line-height:1.6}.risk-stack{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}.rcard{background:var(--s1);border-radius:var(--r);border:1px solid var(--border);overflow:hidden;position:relative;transition:border-color .25s,transform .3s var(--out)}.rcard:hover{transform:translateY(-2px)}.rcard.breach{border-color:#e05c5c2e}.rcard.safe-c{border-color:#2aabee1a}.rcard.warn-c{border-color:#e8924a40}.rcard-head{display:flex;align-items:center;padding:14px 16px 10px;gap:10px}.rcard-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;transition:transform .3s var(--spring)}.rcard-icon svg{width:17px;height:17px;stroke:currentColor;fill:none}.rcard:hover .rcard-icon{transform:scale(1.12) rotate(-4deg)}.rcard-info{flex:1}.rcard-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:1px}.rcard-sub{font-size:11px;color:var(--t3)}.rcard-right{text-align:right}.rpct{font-family:JetBrains Mono,monospace;font-size:28px;font-weight:600;line-height:1;letter-spacing:-1px}.rbar-wrap{padding:0 16px 6px}.rbar-labels{display:flex;justify-content:space-between;margin-bottom:5px}.rbar-labels span{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--t3)}.rbar-labels .uv{color:var(--t2);font-weight:500}.usd-row{display:grid;grid-template-columns:1fr 1fr}.usd-cell{padding:10px 16px;border-right:1px solid var(--border)}.usd-cell:last-child{border-right:none}.usd-lbl{font-size:9px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--t3);margin-bottom:3px}.usd-val{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:500;color:var(--text)}.chip-row{display:flex;gap:6px;padding:0 16px 14px;flex-wrap:wrap}.alert-bar{background:var(--s1);border:1px solid var(--border);border-radius:var(--r);display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:10px;transition:border-color .25s,transform .25s var(--out)}.alert-bar:hover{transform:translateY(-1px)}.alert-ico{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.alert-pill{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;padding:5px 12px;border-radius:var(--rs);white-space:nowrap}#acct-overlay{position:fixed;inset:0;background:#0000;z-index:350;pointer-events:none;transition:background .3s}#acct-overlay.open{background:#0009;pointer-events:all}#acct-sheet{position:fixed;bottom:0;left:0;right:0;z-index:351;background:var(--s1);border-top:1px solid var(--border);border-radius:20px 20px 0 0;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .38s var(--out);max-width:680px;margin:0 auto;padding-bottom:max(20px,env(safe-area-inset-bottom))}#acct-sheet.open{transform:translateY(0)}.as-handle{width:36px;height:4px;border-radius:100px;background:var(--s3);margin:12px auto 0}.as-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 10px}.as-title{font-size:15px;font-weight:700;color:var(--text)}.as-close{width:30px;height:30px;border-radius:50%;background:var(--s3);display:flex;align-items:center;justify-content:center;color:var(--t2);transition:background .18s,transform .2s var(--spring);cursor:pointer}.as-close:hover{background:var(--s2);transform:scale(1.1);color:var(--text)}.as-body{padding:4px 14px 8px}.as-acct{display:flex;align-items:center;gap:12px;padding:13px 14px;border-radius:12px;border:1px solid var(--border);background:var(--s2);margin-bottom:8px;transition:border-color .2s,transform .2s var(--spring);position:relative;overflow:hidden;cursor:pointer}.as-acct:hover{transform:translateY(-1px)}.as-acct.active-acct{border-color:var(--border2);background:var(--blue-dim)}.as-acct-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.as-acct-info{flex:1}.as-acct-id{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600;color:var(--text)}.as-acct-label{font-size:11px;color:var(--t3);margin-top:2px}.as-acct-right{text-align:right}.as-acct-bal{font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600}.as-acct-sub{font-size:10px;margin-top:3px}.as-check{display:none;color:var(--blue);margin-left:6px;flex-shrink:0}.as-acct.active-acct .as-check{display:flex}.as-add{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:12px;border:1px dashed var(--border);color:var(--t3);transition:border-color .2s,color .2s;margin-bottom:4px;cursor:pointer}.as-add:hover{border-color:var(--border2);color:var(--blue)}.as-add-ico{width:38px;height:38px;border-radius:50%;border:1.5px dashed currentColor;display:flex;align-items:center;justify-content:center;flex-shrink:0}#add-acct-overlay{position:fixed;inset:0;background:#0000;z-index:360;pointer-events:none;transition:background .28s}#add-acct-overlay.open{background:#0000009e;pointer-events:all}#add-acct-sheet{position:fixed;left:0;right:0;bottom:0;z-index:361;background:var(--s1);border-top:1px solid var(--border);border-radius:20px 20px 0 0;max-width:680px;margin:0 auto;transform:translateY(102%);transition:transform .38s var(--out);padding-bottom:max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column;max-height:88vh}#add-acct-sheet.open{transform:translateY(0)}.aaf-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 10px;gap:10px}.aaf-title-wrap{display:flex;flex-direction:column;gap:2px}.aaf-title{font-size:15px;font-weight:700;color:var(--text)}.aaf-step{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--t3);text-transform:uppercase;letter-spacing:1px}.aaf-close{width:30px;height:30px;border-radius:50%;background:var(--s3);display:flex;align-items:center;justify-content:center;color:var(--t2);transition:background .18s,transform .2s var(--spring);cursor:pointer}.aaf-close:hover{background:var(--s2);color:var(--text);transform:scale(1.07)}.aaf-body{padding:2px 14px 10px;overflow-y:auto}.aaf-flow-note{font-size:11px;color:var(--t3);line-height:1.5;margin:2px 2px 10px}.aaf-option{background:var(--s2);border:1px solid var(--border);border-radius:12px;padding:12px 13px;margin-bottom:8px;transition:border-color .2s,transform .2s var(--spring);cursor:pointer;text-align:left;width:100%}.aaf-option:hover{border-color:var(--border2);transform:translateY(-1px)}.aaf-option-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.aaf-option-title{font-size:13px;font-weight:600;color:var(--text)}.aaf-option-desc{font-size:11px;color:var(--t3);margin-top:4px;line-height:1.45}.aaf-coming{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--orange);background:var(--orange-dim);border:1px solid rgba(232,146,74,.28);padding:3px 7px;border-radius:100px;text-transform:uppercase;letter-spacing:.7px}.aaf-functional{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--green);background:var(--green-dim);border:1px solid rgba(77,205,138,.26);padding:3px 7px;border-radius:100px;text-transform:uppercase;letter-spacing:.7px}.aaf-form{display:grid;grid-template-columns:1fr;gap:8px;margin-top:6px}.aaf-input{width:100%;background:var(--s2);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:10px 11px;font-size:12px;font-family:Inter,sans-serif;outline:none;transition:border-color .2s,box-shadow .2s}.aaf-input:focus{border-color:var(--border2);box-shadow:0 0 0 2px #2aabee1f}.aaf-input::placeholder{color:var(--t3)}.aaf-field-label{font-size:10px;color:var(--t3);letter-spacing:.7px;text-transform:uppercase;margin:0 2px}.aaf-status{font-size:11px;border-radius:9px;padding:9px 10px;border:1px solid;margin-top:8px;line-height:1.45}.aaf-status.error{color:var(--red);background:var(--red-dim);border-color:#e05c5c40}.aaf-status.success{color:var(--green);background:var(--green-dim);border-color:#4dcd8a3b}.aaf-footer{display:flex;gap:8px;padding:8px 14px 0}.aaf-footer .btn{flex:1}#notif-overlay{position:fixed;inset:56px 0 0;background:#0000;z-index:300;pointer-events:none;transition:background .3s}#notif-overlay.open{background:#0000008c;pointer-events:all;top:0}#notif-drawer{position:fixed;bottom:0;left:0;right:0;z-index:301;background:var(--s1);border-top:1px solid var(--border);border-radius:20px 20px 0 0;max-height:82vh;display:flex;flex-direction:column;transform:translateY(100%);transition:transform .38s var(--out);max-width:680px;margin:0 auto}#notif-drawer.open{transform:translateY(0)}.drawer-handle{width:36px;height:4px;border-radius:100px;background:var(--s3);margin:12px auto 0}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 10px}.drawer-title{font-size:15px;font-weight:700;color:var(--text)}.drawer-close{width:30px;height:30px;border-radius:50%;background:var(--s3);display:flex;align-items:center;justify-content:center;color:var(--t2);transition:background .18s,transform .2s var(--spring);cursor:pointer}.drawer-close:hover{background:var(--s2);transform:scale(1.1);color:var(--text)}.drawer-tabs{display:flex;gap:6px;padding:0 18px 12px;border-bottom:1px solid var(--border)}.drawer-tab{font-size:11px;font-weight:600;padding:5px 14px;border-radius:100px;border:1px solid var(--border);color:var(--t3);transition:all .2s;cursor:pointer}.drawer-tab.active{background:var(--blue-dim);border-color:var(--border2);color:var(--blue)}.drawer-tab.red-active{background:var(--red-dim);border-color:#e05c5c4d;color:var(--red)}.drawer-body{overflow-y:auto;padding:12px 14px calc(16px + env(safe-area-inset-bottom));flex:1}.drawer-body::-webkit-scrollbar{width:2px}.notif-item{display:flex;align-items:flex-start;gap:12px;padding:11px 4px;border-bottom:1px solid var(--border);transition:opacity .2s,background .2s;border-radius:10px;cursor:pointer}.notif-item:last-child{border-bottom:none}.notif-item.unread{background:#2aabee12}.notif-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.notif-icon svg{width:16px;height:16px;stroke:currentColor;fill:none}.notif-content{flex:1}.notif-title{font-size:13px;font-weight:600;color:var(--text);margin-bottom:3px;line-height:1.3}.notif-item.unread .notif-title{color:#fff}.notif-sub{font-size:11px;color:var(--t3);line-height:1.4}.notif-time{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--t3);margin-top:4px}.notif-pill{display:inline-flex;align-items:center;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:600;padding:2px 8px;border-radius:100px;margin-top:4px}.notif-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:5px}.notif-dot{width:7px;height:7px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 2px #2aabee33}.notif-empty{text-align:center;padding:36px 16px;color:var(--t3)}.notif-empty svg{display:block;margin:0 auto 10px;opacity:.3}.notif-empty p{font-size:12px}.account-row{display:flex;gap:10px;align-items:flex-start;background:var(--s2);border:1px solid var(--border);border-radius:10px;padding:10px}.account-row.inactive{opacity:.7;border-color:#e05c5c40}.account-row .meta{font-size:10px;color:var(--t3);margin-top:2px}.account-row .title{font-size:12px;color:var(--text);font-weight:600}.account-row .actions{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.sync-pill{padding:2px 8px;border-radius:999px;font-size:9px;letter-spacing:.5px;text-transform:uppercase;font-weight:700;border:1px solid var(--border);background:var(--s1);color:var(--t2)}.sync-pill.connected{color:var(--green);background:var(--green-dim);border-color:#4dcd8a33}.sync-pill.syncing{color:var(--blue);background:var(--blue-dim);border-color:#2aabee33}.sync-pill.waiting{color:var(--orange);background:var(--orange-dim);border-color:#e8924a33}.sync-pill.error{color:var(--red);background:var(--red-dim);border-color:#e05c5c33}.settings-group{background:var(--s1);border:1px solid var(--border);border-radius:var(--r);overflow:hidden;margin-bottom:10px}.sg-item{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border);gap:12px;transition:background .15s;cursor:pointer}.sg-item:last-child{border-bottom:none}.sg-item:hover{background:var(--s2)}.sg-ico{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.sg-info{flex:1}.sg-title{font-size:13px;font-weight:500;color:var(--text)}.sg-sub{font-size:11px;color:var(--t3);margin-top:1px}.sg-right{font-size:13px;color:var(--t3)}.toggle{width:44px;height:24px;border-radius:100px;background:var(--blue);position:relative;transition:background .2s;cursor:pointer}.toggle:after{content:"";position:absolute;top:3px;right:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:right .2s var(--spring)}.toggle.off{background:var(--s3)}.toggle.off:after{right:auto;left:3px}.payout-hero{background:linear-gradient(135deg,#2aabee14,#2aabee08);border:1px solid rgba(42,171,238,.15);border-radius:var(--r);padding:20px;margin-bottom:10px;position:relative;overflow:hidden}.payout-hero:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--blue),rgba(42,171,238,.3),transparent)}.payout-hero.eligible{background:linear-gradient(135deg,#4dcd8a1a,#4dcd8a0a);border-color:#4dcd8a40}.payout-hero.eligible:before{background:linear-gradient(90deg,var(--green),rgba(77,205,138,.3),transparent)}.payout-hero.breached{background:linear-gradient(135deg,#e05c5c1a,#e05c5c08);border-color:#e05c5c33}.payout-hero.breached:before{background:linear-gradient(90deg,var(--red),rgba(224,92,92,.3),transparent)}.ph-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.ph-hero-label{font-size:10px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase;color:var(--t3);margin-bottom:6px}.ph-hero-amount{font-family:JetBrains Mono,monospace;font-size:36px;font-weight:700;line-height:1;letter-spacing:-1px}.ph-hero-split{font-size:11px;color:var(--t3);margin-top:5px}.ph-badge{padding:6px 14px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:.5px;flex-shrink:0;margin-top:2px}.ph-badge.eligible{background:var(--green-dim);color:var(--green);border:1px solid rgba(77,205,138,.3)}.ph-badge.not-yet{background:var(--s3);color:var(--t3);border:1px solid var(--border)}.ph-badge.phase{background:var(--blue-dim);color:var(--blue);border:1px solid rgba(42,171,238,.25)}.ph-badge.breached{background:var(--red-dim);color:var(--red);border:1px solid rgba(224,92,92,.3)}.payout-checks{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.pcheck{background:var(--s2);border:1px solid var(--border);border-radius:var(--rs);padding:11px 14px}.pcheck.passed{border-color:#4dcd8a33}.pcheck.failed{border-color:#e05c5c26}.pcheck-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.pcheck-label{font-size:12px;font-weight:500;color:var(--t2)}.pcheck-val{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--t3)}.leaderboard-item{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border);gap:12px;transition:background .15s}.leaderboard-item:last-child{border-bottom:none}.leaderboard-item:hover{background:var(--s2)}.leaderboard-you{background:#2aabee0f!important;border-left:2px solid var(--blue)}.lb-rank{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;width:24px;color:var(--t3)}.lb-rank.gold{color:var(--gold)}.lb-rank.silver{color:silver}.lb-rank.bronze{color:#cd7f32}.lb-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.lb-name{font-size:13px;font-weight:500;color:var(--text);flex:1}.lb-profit{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600}.footer-card{display:flex;align-items:center;justify-content:space-between;padding:12px 4px 0;border-top:1px solid var(--border)}.footer-card span{font-family:JetBrains Mono,monospace;font-size:9px;color:var(--t3);letter-spacing:.5px;text-transform:uppercase}body.compact-mode .card,body.compact-mode .card-p,body.compact-mode .settings-group{margin-bottom:8px}body.compact-mode .sg-item{padding:11px 14px}@media(max-width:560px){.app-shell-top{flex-direction:column}.app-shell-actions{width:100%}.drawer-body{padding:10px 10px calc(14px + env(safe-area-inset-bottom))}.drawer-tabs{padding:0 12px 10px;overflow-x:auto;scrollbar-width:none}.drawer-tabs::-webkit-scrollbar{display:none}.stat-box-val{font-size:20px}}