*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-light:#3b82f6;--primary-dark:#1d4ed8;--primary-soft:#eff6ff;--accent:#f59e0b;--accent-soft:#fffbeb;--success:#16a34a;--success-soft:#f0fdf4;--danger:#dc2626;--danger-soft:#fef2f2;--warn:#ea580c;--warn-soft:#fff7ed;--bg:#eef2ff;--bg-gradient:linear-gradient(180deg, #dbeafe 0%, #eef2ff 32%, #f8fafc 100%);--card:#fff;--text:#0f172a;--text-secondary:#64748b;--text-muted:#94a3b8;--border:#e2e8f0;--shadow-sm:0 1px 2px #0f172a0d;--shadow:0 8px 24px #0f172a14;--shadow-lg:0 16px 40px #2563eb26;--radius:16px;--radius-sm:12px;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--page-pad:12px}html{background-color:#dbeafe;background-image:var(--bg-gradient);width:100%;height:100%}body{width:100%;height:100%;color:var(--text);-webkit-font-smoothing:antialiased;touch-action:pan-x pan-y;background:0 0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Helvetica Neue,sans-serif;line-height:1.5;overflow:hidden}#app{width:100%;height:100%}.app-shell{flex-direction:column;width:100%;height:100dvh;display:flex;overflow:hidden}@media (display-mode:standalone){.app-shell{height:100lvh}}.app-main{-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.page{box-sizing:border-box;width:100%;padding-top:max(var(--page-pad), var(--safe-top));padding-right:max(var(--page-pad), var(--safe-right));padding-bottom:max(var(--page-pad), var(--safe-bottom));padding-left:max(var(--page-pad), var(--safe-left))}.page--fit{flex-direction:column;flex:1;gap:12px;min-height:0;display:flex}.page-heading{margin-bottom:12px;font-size:20px;font-weight:700}.page--fit-no-nav{padding-bottom:max(var(--page-pad), var(--safe-bottom));padding-top:max(var(--page-pad), var(--safe-top))}.page--login{width:100%;min-height:0;padding:var(--safe-top) max(var(--page-pad), var(--safe-right)) var(--safe-bottom) max(var(--page-pad), var(--safe-left));box-sizing:border-box;flex-direction:column;flex:1;justify-content:center;gap:24px;margin:0 auto;display:flex}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid #fffc;padding:16px}.hero-card{border-radius:var(--radius);color:#fff;box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 45%,#3b82f6 100%);padding:20px;position:relative;overflow:hidden}.hero-card:after{content:"";background:#ffffff14;border-radius:50%;width:140px;height:140px;position:absolute;top:-40px;right:-40px}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;width:100%;padding:13px 18px;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-light) 100%);color:#fff;box-shadow:0 4px 14px #2563eb59}.btn-primary:active:not(:disabled){background:var(--primary-dark)}.btn-success{background:linear-gradient(135deg, #15803d 0%, var(--success) 100%);color:#fff;box-shadow:0 4px 14px #16a34a59}.btn-warn{background:linear-gradient(135deg, #c2410c 0%, var(--warn) 100%);color:#fff;box-shadow:0 4px 14px #ea580c59}.btn-outline{background:var(--card);border:1px solid var(--border);color:var(--text);box-shadow:var(--shadow-sm)}.btn-ghost{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff26;border:1px solid #ffffff40;width:auto;padding:8px 14px;font-size:13px;font-weight:500}.btn-lg{border-radius:14px;padding:16px 20px;font-size:16px}.input{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:#fafbfc;outline:none;width:100%;padding:12px 14px;font-size:16px;transition:border-color .2s,box-shadow .2s,background .2s}.input:focus{border-color:var(--primary-light);background:#fff;box-shadow:0 0 0 3px #2563eb1f}.label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.form-group{margin-bottom:14px}.form-group:last-child{margin-bottom:0}.error-msg{color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-sm);margin-top:10px;padding:10px 12px;font-size:13px}.success-msg{color:var(--success);background:var(--success-soft);border-radius:var(--radius-sm);text-align:center;margin-top:10px;padding:10px 12px;font-size:13px}.nav-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding-bottom:var(--safe-bottom);background:#ffffffeb;border-top:1px solid #e2e8f0cc;flex-shrink:0;display:flex}.nav-item{color:var(--text-muted);flex-direction:column;flex:1;align-items:center;padding:8px 0 6px;font-size:11px;font-weight:500;text-decoration:none;transition:color .2s;display:flex}.nav-item.active{color:var(--primary)}.nav-item svg{width:24px;height:24px;margin-bottom:2px}.points-value{letter-spacing:-1px;font-size:44px;font-weight:700;line-height:1}.points-label{opacity:.85;margin-top:6px;font-size:13px}.tx-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.tx-item__main{flex:1;min-width:0}.tx-note{color:var(--text-muted);word-break:break-word;margin-top:4px;font-size:12px;line-height:1.45}.tx-item:last-child{border-bottom:none}.tx-delta.positive{color:var(--success);font-size:16px;font-weight:700}.tx-delta.negative{color:var(--danger);font-size:16px;font-weight:700}.section-title{color:var(--text);margin-bottom:12px;font-size:15px;font-weight:600}.badge{background:var(--primary-soft);color:var(--primary);border-radius:999px;align-items:center;padding:4px 10px;font-size:12px;font-weight:500;display:inline-flex}.tile-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.tile{background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);color:inherit;flex-direction:column;align-items:flex-start;gap:10px;padding:16px;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex}.tile:active{transform:scale(.98)}.tile--primary{background:linear-gradient(135deg,#eff6ff 0%,#dbeafe 100%);border-color:#bfdbfe}.tile__icon{background:var(--primary);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.tile__icon--soft{background:var(--primary-soft);color:var(--primary)}.tile__title{font-size:15px;font-weight:600}.tile__desc{color:var(--text-secondary);margin-top:-4px;font-size:12px}.segment{border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#ffffffb3;border-radius:14px;padding:4px;display:flex}.segment__btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:10px;flex:1;padding:10px 12px;font-size:14px;font-weight:600;transition:all .2s}.segment__btn.active{background:var(--card);color:var(--primary);box-shadow:var(--shadow-sm)}.member-banner{border-radius:var(--radius-sm);background:linear-gradient(135deg,#eff6ff 0%,#f0fdf4 100%);border:1px solid #bfdbfe;align-items:center;gap:12px;padding:12px 14px;display:flex}.member-banner__avatar{background:linear-gradient(135deg, var(--primary) 0%, #60a5fa 100%);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:16px;font-weight:700;display:flex}.member-banner__name{font-size:15px;font-weight:600}.member-banner__sub{color:var(--text-secondary);margin-top:2px;font-size:12px}.member-banner__pts{text-align:right;margin-left:auto}.member-banner__pts-value{color:var(--primary);font-size:18px;font-weight:700;line-height:1}.member-banner__pts-label{color:var(--text-secondary);margin-top:2px;font-size:11px}.page-tip{text-align:center;color:var(--text-muted);margin-top:auto;padding:4px 8px 0;font-size:12px}