*{box-sizing:border-box;margin:0;padding:0}body{color:#1c1917;background:#f5f5f4;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-thumb{background:#d4d4d0;border-radius:4px}.page{background:#f5f5f4;min-height:100vh}.container{max-width:480px;margin:0 auto;padding:0 16px}.container-wide{max-width:700px;margin:0 auto;padding:0 16px}.header{z-index:50;background:#fff;border-bottom:1px solid #e7e5e4;position:sticky;top:0}.header-inner{align-items:center;gap:12px;max-width:700px;height:52px;margin:0 auto;padding:0 16px;display:flex}.header-logo{align-items:center;gap:8px;text-decoration:none;display:flex}.header-logo-icon{background:#1c1917;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:flex}.header-logo-text{color:#1c1917;font-size:15px;font-weight:700}.header-right{align-items:center;gap:10px;margin-left:auto;display:flex}.nav-tabs{background:#fff;border-bottom:1px solid #e7e5e4}.nav-tabs-inner{max-width:700px;margin:0 auto;padding:0 16px;display:flex}.nav-tab{color:#78716c;cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:10px 16px;font-size:13px;font-weight:500;text-decoration:none;transition:all .15s}.nav-tab.active{color:#1c1917;border-bottom-color:#1c1917}.nav-tab:hover{color:#1c1917}.card{background:#fff;border:1px solid #e7e5e4;border-radius:12px}.card-body{padding:20px}.card-header{border-bottom:1px solid #f5f5f4;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.card-title{color:#1c1917;font-size:14px;font-weight:600}.stat-grid{grid-template-columns:repeat(2,1fr);gap:10px;margin:16px 0;display:grid}.stat-card{background:#fff;border:1px solid #e7e5e4;border-radius:10px;padding:14px 16px}.stat-label{color:#a8a29e;text-transform:uppercase;letter-spacing:.4px;margin-bottom:5px;font-size:11px;font-weight:500}.stat-value{color:#1c1917;font-size:22px;font-weight:700}.stat-sub{color:#a8a29e;margin-top:2px;font-size:11px}.btn{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.btn-primary{color:#fff;background:#1c1917;border-color:#1c1917;justify-content:center;width:100%}.btn-primary:hover{background:#292524}.btn-outline{color:#1c1917;background:#fff;border-color:#e7e5e4}.btn-outline:hover{background:#fafaf9}.btn-sm{border-radius:6px;padding:5px 12px;font-size:12px}.btn-danger{color:#dc2626;background:#fff;border-color:#fca5a5}.form-group{margin-bottom:14px}.form-label{color:#78716c;margin-bottom:5px;font-size:12px;font-weight:500;display:block}.form-input{color:#1c1917;background:#fff;border:1px solid #e7e5e4;border-radius:8px;outline:none;width:100%;padding:9px 12px;font-family:inherit;font-size:14px;transition:border .15s}.form-input:focus{border-color:#a8a29e;box-shadow:0 0 0 3px #a8a29e1a}.badge{border-radius:20px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-flex}.badge-active{color:#166534;background:#dcfce7}.badge-completed{color:#78716c;background:#f5f5f4}.badge-error{color:#991b1b;background:#fee2e2}.session-item{border-bottom:1px solid #f5f5f4;padding:14px 0}.session-item:last-child{border-bottom:none}.session-top{justify-content:space-between;align-items:flex-start;margin-bottom:6px;display:flex}.session-station{color:#1c1917;font-size:13px;font-weight:500}.session-date{color:#a8a29e;font-size:11px}.session-meta{color:#78716c;gap:16px;font-size:12px;display:flex}.session-cost{color:#1c1917;font-size:15px;font-weight:700}.sub-card{color:#fff;background:#1c1917;border-radius:14px;margin:16px 0;padding:20px;position:relative;overflow:hidden}.sub-card:before{content:"";background:#ffffff0d;border-radius:50%;width:100px;height:100px;position:absolute;top:-20px;right:-20px}.sub-name{margin-bottom:4px;font-size:18px;font-weight:700}.sub-valid{color:#fff9;margin-bottom:14px;font-size:12px}.sub-perks{gap:16px;display:flex}.sub-perk{text-align:center}.sub-perk-val{font-size:20px;font-weight:700}.sub-perk-label{color:#fff9;margin-top:2px;font-size:10px}.no-sub{text-align:center;background:#fafaf9;border:1px dashed #e7e5e4;border-radius:12px;margin:16px 0;padding:24px}.no-sub-text{color:#a8a29e;margin-bottom:12px;font-size:13px}.balance-card{background:#fff;border:1px solid #e7e5e4;border-radius:12px;justify-content:space-between;align-items:center;margin:16px 0;padding:20px;display:flex}.balance-amount{color:#1c1917;font-size:28px;font-weight:800}.balance-label{color:#a8a29e;margin-bottom:4px;font-size:12px}.alert{border-radius:8px;margin-bottom:14px;padding:10px 14px;font-size:13px}.alert-error{color:#dc2626;background:#fef2f2;border:1px solid #fca5a5}.alert-success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.divider{background:#f5f5f4;height:1px;margin:16px 0}.text-muted{color:#a8a29e;font-size:12px}.empty{text-align:center;color:#d4d4d0;padding:32px 0;font-size:13px}.loading{text-align:center;color:#a8a29e;padding:32px 0;font-size:13px}.pagination{justify-content:center;gap:8px;padding:16px 0;display:flex}.pagination button{cursor:pointer;background:#fff;border:1px solid #e7e5e4;border-radius:6px;padding:5px 12px;font-size:12px}.pagination button.active{color:#fff;background:#1c1917;border-color:#1c1917}.pagination button:disabled{opacity:.4;cursor:default}@media (width<=480px){.stat-grid{grid-template-columns:1fr 1fr}.sub-perks{gap:10px}}