/* Zibll × ErphpDown Bridge v0.2.0 — scoped account interface */
.zeb-app{--zeb-accent:#5567e8;--zeb-radius:18px;--zeb-ink:#1e293b;--zeb-muted:#8490a4;--zeb-line:#edf0f6;--zeb-bg:#f8faff;max-width:1160px;margin:26px auto 42px;color:var(--zeb-ink);font-size:14px;line-height:1.65;box-sizing:border-box}
.zeb-app *{box-sizing:border-box}.zeb-app a{text-decoration:none}.zeb-app a:hover{text-decoration:none}.zeb-app h2,.zeb-app h3,.zeb-app p{margin-top:0}.zeb-app svg{flex:none}
.zeb-cover{position:relative;overflow:hidden;border-radius:calc(var(--zeb-radius) + 4px);padding:29px 33px 20px;background:linear-gradient(115deg,#2c3d7c 0%,#5567c9 58%,#8293ed 100%);color:white;box-shadow:0 16px 38px rgba(65,83,165,.17)}
.zeb-cover-pattern{position:absolute;right:-70px;top:-170px;width:480px;height:480px;border:1px solid rgba(255,255,255,.18);border-radius:50%;pointer-events:none}.zeb-cover-pattern:before,.zeb-cover-pattern:after{content:"";position:absolute;inset:44px;border:1px solid rgba(255,255,255,.14);border-radius:50%}.zeb-cover-pattern:after{inset:90px}
.zeb-profile{position:relative;display:flex;align-items:center;gap:19px}.zeb-app .zeb-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid rgba(255,255,255,.6);box-shadow:0 4px 16px rgba(0,0,0,.12)}.zeb-profile-info h2{color:white!important;font-size:25px;line-height:1.4;margin:4px 0 8px;font-weight:750}.zeb-eyebrow{display:inline-block;font-size:10px;letter-spacing:2px;font-weight:800;color:var(--zeb-accent)}.zeb-cover .zeb-eyebrow{color:#d9e0ff}.zeb-level{display:inline-flex;align-items:center;gap:5px;border:1px solid rgba(255,255,255,.35);border-radius:99px;padding:3px 11px;background:rgba(255,255,255,.13);font-size:12px;color:#fff}.zeb-level svg{width:14px;height:14px}.zeb-level.is-vip{background:rgba(255,216,135,.2);border-color:rgba(255,222,151,.4);color:#fff0bd}
.zeb-cover-foot{position:relative;display:flex;justify-content:space-between;gap:12px;border-top:1px solid rgba(255,255,255,.18);margin-top:22px;padding-top:14px;font-size:12px;color:#e2e8ff}
.zeb-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.zeb-metric{display:flex;flex-direction:column;min-width:0;padding:21px 23px;border:1px solid var(--zeb-line);border-radius:var(--zeb-radius);background:#fff;color:var(--zeb-ink)!important;box-shadow:0 5px 20px rgba(30,49,96,.035);transition:transform .18s,box-shadow .18s}.zeb-metric:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(30,49,96,.09)}.zeb-metric>span{font-size:12px;color:var(--zeb-muted)}.zeb-metric strong{display:block;margin:7px 0 2px;font-size:28px;line-height:1.3;letter-spacing:-.6px;color:var(--zeb-ink)}.zeb-metric strong.zeb-metric-text{font-size:21px;letter-spacing:0}.zeb-metric small{font-size:11px;color:var(--zeb-accent)}
.zeb-layout{display:grid;grid-template-columns:218px minmax(0,1fr);gap:18px;align-items:start}.zeb-nav,.zeb-main{border:1px solid var(--zeb-line);border-radius:var(--zeb-radius);background:#fff;box-shadow:0 5px 22px rgba(30,49,96,.03)}.zeb-nav{padding:18px 11px}.zeb-nav-title{display:block;padding:0 13px 11px;font-size:11px;font-weight:700;color:#9ca7b7;letter-spacing:1px}.zeb-nav-link{display:flex;align-items:center;gap:11px;margin:3px 0;padding:11px 13px;border-radius:12px;color:#66748c!important;font-size:13px;transition:background .15s,color .15s}.zeb-nav-link svg{width:18px;height:18px}.zeb-nav-link b{margin-left:auto;font-size:17px;font-weight:400;color:#c4cbd8}.zeb-nav-link:hover{background:#f7f8ff;color:var(--zeb-accent)!important}.zeb-nav-link.active{background:#eff1ff;color:var(--zeb-accent)!important;font-weight:700}.zeb-nav-link.active b{color:var(--zeb-accent)}
.zeb-main{padding:27px;min-height:350px;min-width:0}.zeb-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px;padding-bottom:18px;border-bottom:1px solid var(--zeb-line)}.zeb-section-head h3{font-size:23px;font-weight:750;line-height:1.35;margin:5px 0 4px;color:var(--zeb-ink)}.zeb-section-head p{font-size:12px;color:var(--zeb-muted);margin:0}
.zeb-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.zeb-action{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-height:152px;padding:21px;border:1px solid var(--zeb-line);border-radius:15px;background:linear-gradient(135deg,#fff 40%,#fafbff);color:var(--zeb-ink)!important;transition:border-color .18s,transform .18s,box-shadow .18s}.zeb-action:hover{border-color:#b9c1fa;transform:translateY(-2px);box-shadow:0 10px 25px rgba(48,63,126,.08)}.zeb-action-icon{display:grid;place-items:center;width:39px;height:39px;margin-bottom:7px;border-radius:12px;color:var(--zeb-accent);background:#eef0ff}.zeb-action strong{font-size:15px}.zeb-action small{font-size:12px;color:var(--zeb-muted)}.zeb-action-arrow{position:absolute;right:18px;top:20px;color:#a6afc1}.zeb-info-strip{display:flex;gap:10px;align-items:center;margin-top:20px;padding:14px 16px;background:#f7f9ff;border-radius:12px;color:#72809b;font-size:12px}.zeb-info-strip svg{color:var(--zeb-accent)}
.zeb-native{min-width:0;overflow-wrap:anywhere}.zeb-native .erphpdown-sc{max-width:100%;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:transparent!important}.zeb-native .erphpdown-sc>h2{display:none!important}.zeb-native table{width:100%!important;border-collapse:separate!important;border-spacing:0!important;border:1px solid var(--zeb-line)!important;border-radius:13px;overflow:hidden;background:#fff}.zeb-native table td,.zeb-native table th{padding:13px 15px!important;border:0!important;border-bottom:1px solid var(--zeb-line)!important;background:transparent!important;font-size:13px!important;line-height:1.6}.zeb-native table tr:last-child td{border-bottom:0!important}.zeb-native table tr:hover td{background:#fafbff!important}.zeb-native table th{background:#f8f9fd!important;color:#66748c}.zeb-native input:not([type=checkbox]):not([type=radio]):not([type=submit]),.zeb-native select,.zeb-native textarea{max-width:100%;border:1px solid #e2e7f0!important;border-radius:10px!important;min-height:41px;padding:9px 12px;background:white;color:#29364a}.zeb-native input:focus,.zeb-native select:focus{outline:2px solid #dbe0ff;outline-offset:0}.zeb-native button,.zeb-native input[type=submit],.zeb-native .erphpdown-sc-btn,.zeb-native .erphpdown-btn{border-radius:10px!important;padding:10px 17px!important;transition:filter .2s,transform .2s}.zeb-native button:hover,.zeb-native input[type=submit]:hover{filter:brightness(.95)}.zeb-native img{max-width:100%;height:auto}
/* Preserve ErphpDown native purchase markup, data-type and JavaScript listeners. */
.zeb-vip-native .erphpdown-vip-content{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:14px;margin:0!important;padding:0!important;float:none!important;max-width:100%!important}.zeb-vip-native .erphpdown-vip-content:before,.zeb-vip-native .erphpdown-vip-content:after{display:none!important}.zeb-vip-native .vip-item{float:none!important;width:auto!important;min-width:0!important;max-width:none!important;margin:0!important;padding:25px 18px!important;border:1px solid #e8ebf5!important;border-radius:17px!important;background:#fff!important;box-shadow:0 5px 19px rgba(30,49,96,.045)!important;display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:13px;transition:transform .18s,box-shadow .18s}.zeb-vip-native .vip-item:hover{transform:translateY(-4px);box-shadow:0 15px 28px rgba(43,60,115,.11)!important}.zeb-vip-native .vip-item .name{font-size:16px!important;font-weight:750!important;color:#28334d!important;background:transparent!important;padding:0!important;margin:0!important;height:auto!important;line-height:1.5!important}.zeb-vip-native .vip-item .price{display:block!important;margin:2px 0!important;color:#3448a5!important;font-size:28px!important;font-weight:800!important;line-height:1.4!important;background:none!important}.zeb-vip-native .vip-item .price small{font-size:12px!important;font-weight:500!important;color:#7c88a3!important;margin-left:4px}.zeb-vip-native .vip-item .border-decor{margin:0!important;border:0!important;padding:0!important;color:#8a94a8!important;font-size:12px!important;min-height:24px}.zeb-vip-native .vip-item .border-decor span{border:0!important;background:#f4f6fc!important;padding:5px 12px!important;border-radius:30px!important;color:#75829c!important}.zeb-vip-native .vip-item .erphpdown-btn{display:block!important;align-self:stretch;margin-top:auto!important;background:var(--zeb-accent)!important;border:1px solid var(--zeb-accent)!important;border-radius:10px!important;color:#fff!important;text-align:center!important;font-size:13px!important;font-weight:650!important;line-height:1.6!important;padding:10px 8px!important;height:auto!important;box-shadow:none!important}.zeb-vip-native .vip-item .erphpdown-btn:hover{filter:brightness(.94)}
.zeb-standalone{padding:30px;border:1px solid var(--zeb-line);border-radius:var(--zeb-radius);background:#fff}.zeb-pagehead{text-align:center;padding:7px 0 28px}.zeb-pagehead h2{font-size:28px;margin:8px 0 6px;color:var(--zeb-ink)}.zeb-pagehead p{font-size:13px;color:var(--zeb-muted);margin:0}.zeb-login{padding:45px 24px;text-align:center;background:linear-gradient(135deg,#fff,#f6f7ff);border:1px solid var(--zeb-line);border-radius:var(--zeb-radius)}.zeb-login h2{font-size:26px}.zeb-login p{color:var(--zeb-muted)}.zeb-primary{display:inline-block;padding:11px 25px;margin-top:12px;background:var(--zeb-accent);color:white!important;border-radius:11px}.zeb-error,.zeb-empty{padding:20px;border-radius:12px;background:#fff6f3;color:#a44d34}.zeb-empty{background:#f6f8fd;color:#71809b}.zeb-side-link{display:block;margin:9px 0;padding:12px 14px;border-radius:11px;background:#f1f3ff;color:#5567e8!important;font-weight:650}
@media(max-width:900px){.zeb-layout{grid-template-columns:190px minmax(0,1fr)}.zeb-main{padding:20px}.zeb-metric{padding:17px}.zeb-vip-native .erphpdown-vip-content{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.zeb-app{margin:12px auto 24px}.zeb-cover{padding:23px 20px 17px}.zeb-profile{gap:12px}.zeb-app .zeb-avatar{width:58px;height:58px}.zeb-profile-info h2{font-size:21px}.zeb-cover-foot{flex-direction:column;gap:2px;margin-top:17px}.zeb-metrics{gap:8px;margin:12px 0}.zeb-metric{padding:13px 11px;border-radius:13px}.zeb-metric>span,.zeb-metric small{font-size:10px}.zeb-metric strong{font-size:21px}.zeb-metric strong.zeb-metric-text{font-size:14px;min-height:27px;display:flex;align-items:center}.zeb-layout{display:block}.zeb-nav{display:flex;gap:6px;overflow-x:auto;white-space:nowrap;padding:9px;margin-bottom:12px;border-radius:13px;scrollbar-width:thin}.zeb-nav-title,.zeb-nav-link b{display:none}.zeb-nav-link{flex:none;gap:6px;margin:0;padding:9px 12px;font-size:12px}.zeb-nav-link svg{width:15px;height:15px}.zeb-main{padding:17px;min-height:200px}.zeb-section-head{margin-bottom:17px;padding-bottom:14px}.zeb-section-head h3{font-size:20px}.zeb-actions{gap:10px}.zeb-action{padding:15px;min-height:135px}.zeb-action strong{font-size:13px}.zeb-action small{font-size:11px}.zeb-action-icon{width:34px;height:34px}.zeb-native{overflow-x:auto}.zeb-native table{min-width:420px}.zeb-vip-native{overflow:visible}.zeb-vip-native .erphpdown-vip-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.zeb-vip-native .vip-item{padding:18px 10px!important;gap:10px}.zeb-vip-native .vip-item .name{font-size:14px!important}.zeb-vip-native .vip-item .price{font-size:23px!important}.zeb-standalone{padding:17px}.zeb-pagehead h2{font-size:23px}}
@media(max-width:370px){.zeb-metric{padding:12px 8px}.zeb-metric strong{font-size:18px}.zeb-metric strong.zeb-metric-text{font-size:12px}.zeb-actions{grid-template-columns:1fr}.zeb-action{min-height:100px}}
