:root{--bg-color: #08090d;--panel-bg: rgba(18, 20, 32, .65);--panel-border: rgba(255, 255, 255, .08);--text-primary: #ffffff;--text-secondary: #8e92a8;--accent-color: #794dff;--accent-gradient: linear-gradient(135deg, #794dff 0%, #4c66ff 100%);--success-color: #00d26a;--error-color: #ff3b30;--warning-color: #ff9f0a}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;-webkit-user-select:none;user-select:none}#root{display:flex;flex-direction:column;flex-grow:1;width:100%;max-width:500px;margin:0 auto;padding:16px;position:relative}.glass-panel{background:var(--panel-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--panel-border);border-radius:20px;padding:20px;margin-bottom:16px;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:active{transform:scale(.995)}h1{font-size:24px;font-weight:700;letter-spacing:-.5px;margin-bottom:8px}h2{font-size:18px;font-weight:650;letter-spacing:-.3px;margin-bottom:12px}p{font-size:14px;color:var(--text-secondary);line-height:1.4}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:30px;font-size:12px;font-weight:600}.badge-active{background:#00d26a1f;color:var(--success-color);border:1px solid rgba(0,210,106,.2)}.badge-expired{background:#ff3b301f;color:var(--error-color);border:1px solid rgba(255,59,48,.2)}.badge-warning{background:#ff9f0a1f;color:var(--warning-color);border:1px solid rgba(255,159,10,.2)}.btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:16px;border-radius:16px;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all .2s ease;color:#fff;text-decoration:none}.btn-primary{background:var(--accent-gradient);box-shadow:0 4px 15px #794dff59}.btn-primary:active{transform:translateY(1px);box-shadow:0 2px 8px #794dff33}.btn-secondary{background:#ffffff0f;border:1px solid rgba(255,255,255,.08)}.btn-secondary:active{background:#ffffff1a}.tabs-container{display:flex;background:#ffffff0a;padding:4px;border-radius:14px;margin-bottom:20px;border:1px solid rgba(255,255,255,.02)}.tab-btn{flex:1;padding:10px;text-align:center;border-radius:10px;font-size:14px;font-weight:600;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all .2s ease}.tab-btn.active{color:#fff;background:#ffffff14;box-shadow:0 2px 8px #0003}.list-item{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.05)}.list-item:last-child{border-bottom:none}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#08090dd9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:1000;display:flex;align-items:flex-end}.modal-content{width:100%;max-height:90vh;background:#10111a;border-top:1px solid rgba(255,255,255,.1);border-top-left-radius:30px;border-top-right-radius:30px;padding:24px;overflow-y:auto;animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.pulse-animation{animation:pulse 2s infinite ease-in-out}