:root{--bg-primary: #ffffff;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-hover: #f5f5f5;--bg-active: #ededed;--text-primary: #111111;--text-secondary: #333333;--text-muted: #666666;--text-inverse: #ffffff;--gradient-primary: linear-gradient(135deg, #32f08c 0%, #2bc774 100%);--accent: #32f08c;--accent-rgb: 50, 240, 140;--accent-hover: #2bc774;--accent-light: #5df2a3;--accent-bg: #ebfdf4;--accent-glow: rgba(50, 240, 140, .25);--accent-text: #0a4d2c;--cyan-500: #32f08c;--cyan-400: #5df2a3;--orange-500: #faad14;--orange-400: #ffc53d;--success: #32f08c;--success-light: #5df2a3;--success-bg: #f0fdf6;--warning: #faad14;--warning-light: #ffc53d;--warning-bg: #fffbe6;--danger: #ff4d4f;--danger-light: #ff7875;--danger-bg: #fff1f0;--info: #1677ff;--info-bg: #e6f7ff;--border: #e4e4e7;--border-light: #f4f4f5;--border-focus: #32f08c;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-hover: 0 10px 40px rgba(50, 240, 140, .15);--shadow-accent: 0 8px 16px rgba(50, 240, 140, .3);--gradient-accent: linear-gradient(135deg, #32f08c 0%, #2bc774 100%);--gradient-card: linear-gradient(145deg, #ffffff 0%, #fafafa 100%);--gradient-orange: linear-gradient(135deg, #faad14 0%, #ffc53d 100%);--radius-sm: 4px;--radius: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--transition-fast: .15s ease;--transition: .2s ease;--transition-slow: .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh}.app{display:flex;flex-direction:row;height:100vh}.sidebar{width:288px;background:#ffffffb3;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);display:flex;flex-direction:column;flex-shrink:0;border-right:1px solid rgba(228,228,231,.3)}.sidebar-logo{height:80px;padding:0 24px;display:flex;align-items:center;gap:12px}.logo-icon{width:44px;height:44px;flex-shrink:0;overflow:hidden}.logo-image{width:100%;height:100%;object-fit:contain}.logo-text{font-size:18px;font-weight:700;background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.sidebar-nav{flex:1;padding:16px 12px;display:flex;flex-direction:column;gap:6px}.sidebar-item{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);color:var(--text-muted);border-radius:8px;font-size:14px;font-weight:500;position:relative}.sidebar-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:var(--gradient-accent);border-radius:0 2px 2px 0;transition:height .3s cubic-bezier(.4,0,.2,1)}.sidebar-item.active:before{height:60%}.sidebar-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-item.active{background:var(--gradient-accent);color:#fff;box-shadow:var(--shadow-accent)}.sidebar-icon{width:20px;height:20px;flex-shrink:0;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-icon svg{width:100%;height:100%}.sidebar-item:hover .sidebar-icon{transform:scale(1.15) rotate(5deg)}.sidebar-item.active .sidebar-icon{transform:scale(1.1)}.sidebar-label{font-size:14px;font-weight:500}.sidebar-footer{padding:16px;border-top:1px solid rgba(228,228,231,.5)}.sidebar-footer .version{font-size:12px;color:var(--text-muted)}.app-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.app-main{flex:1;overflow-y:auto;background:var(--bg-primary);padding:20px 24px}.accounts-page{max-width:1400px;margin:0 auto}.accounts-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-xl);margin-bottom:var(--space-xl)}.page-header{padding:18px 24px;background:#fffc;backdrop-filter:blur(10px) saturate(180%);-webkit-backdrop-filter:blur(10px) saturate(180%);border-bottom:1px solid rgba(228,228,231,.5);display:flex;justify-content:space-between;align-items:center;gap:20px}.header-left{display:flex;flex-direction:column;gap:var(--space-xs)}.page-title{font-size:24px;font-weight:700;color:var(--text-primary);letter-spacing:-.025em;display:flex;align-items:center;gap:var(--space-md)}.page-title:before{content:"";width:4px;height:24px;background:var(--gradient-accent);border-radius:2px}.header-left p{font-size:14px;color:var(--text-muted);margin-left:16px}.app-header{padding:16px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.header-left h1{font-size:20px;font-weight:600;color:var(--accent)}.header-left p{font-size:13px;color:var(--text-muted);margin-top:2px}.header-right{display:flex;align-items:center;gap:var(--space-md)}.account-count{font-size:13px;color:var(--text-muted);background:var(--bg-hover);padding:6px 12px;border-radius:var(--radius);font-weight:500}.add-btn{padding:10px 20px;background:var(--gradient-accent);color:var(--text-inverse);border:none;border-radius:var(--radius);cursor:pointer;font-size:14px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:var(--space-sm);box-shadow:0 2px 8px #0000002e;position:relative;overflow:hidden}.add-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.add-btn:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000038}.add-btn:active{transform:translateY(0) scale(.98)}.add-btn:active:before{width:300px;height:300px}.header-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid rgba(228,228,231,.6);border-radius:var(--radius);background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition)}.header-btn:hover{background:#fffffff2;border-color:var(--accent);color:var(--accent);transform:translateY(-1px);box-shadow:0 2px 8px #0000001f}.header-btn:disabled{opacity:.5;cursor:not-allowed}.header-btn svg{flex-shrink:0}.header-btn.danger{position:relative}.header-btn.danger:hover:not(:disabled){background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.badge-count{position:absolute;top:-6px;right:-6px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;box-shadow:0 2px 4px #00000040;animation:badge-pulse 2s ease-in-out infinite}@keyframes badge-pulse{0%,to{transform:scale(1);box-shadow:0 2px 4px #00000040}50%{transform:scale(1.1);box-shadow:0 4px 8px #00000059}}.error-banner{padding:14px 24px;background:#0000000a;border-bottom:1px solid rgba(0,0,0,.08);color:var(--text-secondary);display:flex;justify-content:space-between;align-items:center;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-banner button{background:none;border:none;color:var(--text-primary);font-size:20px;cursor:pointer;padding:4px 8px;border-radius:6px;transition:background .2s}.error-banner button:hover{background:#00000014}.app-main{flex:1;padding:var(--space-xl) var(--space-2xl);overflow-y:auto;background:var(--bg-primary)}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding:14px 18px;background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid rgba(228,228,231,.5)}.toolbar-left{display:flex;align-items:center;gap:var(--space-lg)}.toolbar-right{display:flex;align-items:center;gap:var(--space-md)}.select-all{display:flex;align-items:center;gap:var(--space-sm);font-size:14px;color:var(--text-secondary);cursor:pointer;padding:var(--space-sm) var(--space-md);border-radius:var(--radius);transition:all var(--transition);-webkit-user-select:none;user-select:none}.select-all:hover{background:var(--bg-hover);color:var(--text-primary)}.select-all input{width:18px;height:18px;cursor:pointer;accent-color:var(--accent);border-radius:var(--radius-sm)}.batch-actions{display:flex;align-items:center;gap:var(--space-sm);padding-left:var(--space-lg);border-left:1px solid var(--border);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.batch-btn{display:flex;align-items:center;gap:6px;padding:7px 12px;border:1px solid rgba(228,228,231,.6);border-radius:var(--radius);background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition)}.batch-btn:hover{background:var(--accent-bg);border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.batch-btn.danger:hover{background:var(--danger-bg);border-color:var(--danger);color:var(--danger)}.batch-btn svg{flex-shrink:0}.view-toggle{display:flex;background:var(--bg-hover);border-radius:var(--radius);padding:3px;gap:2px}.view-btn{display:flex;align-items:center;justify-content:center;width:36px;height:32px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer;transition:all var(--transition)}.view-btn:hover{color:var(--text-primary)}.view-btn.active{background:var(--bg-secondary);color:var(--accent);box-shadow:var(--shadow-xs)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition);border:1px solid transparent}.btn.primary{background:var(--gradient-primary);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-hover)}.btn.outline{background:transparent;border-color:var(--border);color:var(--text-primary)}.btn.outline:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-focus)}.btn.danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger-light)}.btn.danger:hover:not(:disabled){background:var(--danger);color:var(--text-inverse)}.btn:disabled{opacity:.6;cursor:not-allowed}.account-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.account-grid .account-card{animation:fadeInUp .4s ease-out backwards}.account-grid .account-card:nth-child(1){animation-delay:.05s}.account-grid .account-card:nth-child(2){animation-delay:.1s}.account-grid .account-card:nth-child(3){animation-delay:.15s}.account-grid .account-card:nth-child(4){animation-delay:.2s}.account-grid .account-card:nth-child(5){animation-delay:.25s}.account-grid .account-card:nth-child(6){animation-delay:.3s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.account-grid-empty{grid-column:1 / -1;text-align:center;padding:80px 20px;color:var(--text-muted)}.account-grid-empty p{margin-bottom:8px}.account-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000000a;transition:all .3s cubic-bezier(.2,0,0,1);position:relative;cursor:pointer;border:1px solid rgba(0,0,0,.06);overflow:hidden;display:flex;flex-direction:column}.account-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px);border-color:#0000001f}.account-card.selected{border-color:var(--accent);box-shadow:0 4px 16px rgba(var(--accent-rgb, 22, 119, 255),.12);background:rgba(var(--accent-rgb, 22, 119, 255),.02)}.account-card.selected:before{content:"";position:absolute;top:0;right:0;border-width:0 32px 32px 0;border-style:solid;border-color:transparent var(--accent) transparent transparent;z-index:1}.account-card.selected:after{content:"";position:absolute;top:6px;right:6px;width:10px;height:5px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);z-index:2}.card-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.card-checkbox{margin-top:2px;margin-right:-4px}.card-checkbox input{width:18px;height:18px;cursor:pointer;accent-color:var(--accent);border-radius:4px;border:1px solid rgba(0,0,0,.15);transition:all .2s}.card-checkbox input:hover{border-color:var(--accent)}.card-avatar{width:44px;height:44px;border-radius:10px;overflow:hidden;flex-shrink:0;box-shadow:0 2px 6px #00000014;border:1px solid rgba(0,0,0,.04)}.card-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{width:100%;height:100%;background:linear-gradient(135deg,var(--accent),#36cfc9);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:20px;color:#fff}.card-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;height:44px}.card-email{font-size:16px;font-weight:600;color:#000000e0;display:flex;align-items:center;gap:8px;line-height:1.4}.card-email .copy-btn{background:none;border:none;color:#00000073;cursor:pointer;padding:4px;font-size:12px;border-radius:4px;transition:all .2s;opacity:0;display:flex;align-items:center;justify-content:center}.card-email .copy-btn:hover{color:var(--accent);background:rgba(var(--accent-rgb, 22, 119, 255),.1)}.card-name{font-size:13px;color:#00000073;margin-top:2px}.card-status{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500;letter-spacing:0;display:flex;align-items:center;gap:6px;border:1px solid transparent}.card-status.normal{background:#f6ffed;color:#389e0d;border-color:#b7eb8f}.card-status.normal .status-indicator{background:#52c41a;box-shadow:0 0 0 2px #52c41a33}.card-status.expired{background:#fff2f0;color:#cf1322;border-color:#ffccc7}.card-status.expired .status-indicator{background:#f5222d}.card-status.expiring{background:#fffbe6;color:#d4380d;border-color:#ffe58f}.card-status.expiring .status-indicator{background:#fa541c}.card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.tag{padding:2px 8px;border-radius:4px;font-size:12px;font-weight:500;line-height:20px;border:1px solid transparent}.tag.plan{background:#fafafa;color:#000000a6;border-color:#d9d9d9}.tag.extra{background:#fff7e6;color:#d48806;border-color:#ffd591;display:flex;align-items:center;gap:4px}.tag.current{background:#e6f4ff;color:var(--accent);border-color:#91caff;display:flex;align-items:center;gap:4px}.card-usage{background:#fafafa;border-radius:8px;padding:16px;margin-bottom:16px;border:1px solid #f0f0f0}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.usage-label{font-size:13px;color:#00000073;font-weight:500}.usage-percent{font-size:14px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.usage-percent.low{color:#52c41a}.usage-percent.medium{color:#faad14}.usage-percent.high{color:#f5222d}.usage-bar{height:6px;background:#e8e8e8;border-radius:3px;overflow:hidden;margin-bottom:12px}.usage-bar-fill{height:100%;border-radius:3px;transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.usage-bar-fill.low{background:#52c41a}.usage-bar-fill.medium{background:#faad14}.usage-bar-fill.high{background:#f5222d}.usage-numbers{display:flex;justify-content:space-between;font-size:13px;color:#00000073}.usage-used{color:#000000a6}.usage-used strong{color:#000000e0;font-weight:600}.usage-left{color:#00000073}.stat-card{background:var(--bg-card)}.stat-card.gradient-purple{background:linear-gradient(135deg,#722ed1,#b37feb)!important}.stat-card.gradient-blue{background:linear-gradient(135deg,#1890ff,#69c0ff)!important}.stat-card.gradient-red{background:linear-gradient(135deg,#ff4d4f,#ff7875)!important}.stat-card.gradient-green{background:linear-gradient(135deg,#32f08c,#5df2a3)!important}.stat-card.gradient-orange{background:linear-gradient(135deg,#faad14,#ffc53d)!important}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);margin-top:var(--space-xl)}@media(max-width:1200px){.dashboard-grid{grid-template-columns:1fr}}.chart-section,.top-users-section{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-xl);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.section-header{margin-bottom:var(--space-lg);display:flex;justify-content:space-between;align-items:center}.section-header h3{font-size:16px;font-weight:600;color:var(--text-primary)}.top-users-table{width:100%;border-collapse:collapse}.top-users-table th{text-align:left;font-size:13px;color:var(--text-muted);font-weight:500;padding:12px 8px;border-bottom:1px solid var(--border-light)}.top-users-table td{padding:14px 8px;font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border-light)}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:12px;font-weight:700;background:var(--bg-hover);color:var(--text-muted)}.rank-1{background:gold;color:#fff;box-shadow:0 2px 6px #ffd70066}.rank-2{background:silver;color:#fff;box-shadow:0 2px 6px #c0c0c066}.rank-3{background:#cd7f32;color:#fff;box-shadow:0 2px 6px #cd7f3266}.plan-tag{display:inline-block;padding:2px 8px;border-radius:4px;background:var(--accent-bg);color:var(--accent-text);font-size:12px;font-weight:500}.usage-count{font-weight:600;color:var(--accent)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl) 0;color:var(--text-muted);font-size:14px}.dashboard-loading{display:flex;align-items:center;justify-content:center;height:400px;color:var(--text-muted)}.date-picker-wrapper{display:flex;align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:4px 12px;gap:8px;transition:all var(--transition)}.date-picker-wrapper:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-glow)}.calendar-icon{color:var(--text-muted)}.dashboard-date-picker{border:none;background:transparent;color:var(--text-primary);font-size:14px;font-family:inherit;outline:none;cursor:pointer}.dashboard-refreshing-overlay{position:absolute;inset:0;background:#fff6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:10;color:var(--accent-text);font-weight:500;border-radius:var(--radius-lg);animation:fadeIn .2s ease}.dashboard{position:relative}.membership-card{position:relative;border-radius:16px;padding:24px;margin-bottom:24px;overflow:hidden;display:flex;justify-content:space-between;align-items:center;background:#ffffffb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.5);box-shadow:0 4px 24px -8px #00000014,inset 0 0 0 1px #fff3;transition:all .3s ease}.membership-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at center,rgba(255,255,255,.8) 0%,transparent 50%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:0}.membership-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px -8px #0000001f,inset 0 0 0 1px #fff6}.membership-card:hover:before{opacity:1}.membership-bg-pattern{position:absolute;top:0;right:0;bottom:0;width:50%;background:radial-gradient(circle at 80% 20%,rgba(24,144,255,.08) 0%,transparent 60%);z-index:0;pointer-events:none}.membership-card.vip .membership-bg-pattern{background:radial-gradient(circle at 80% 20%,rgba(255,125,0,.08) 0%,transparent 60%)}.membership-card.svip .membership-bg-pattern{background:radial-gradient(circle at 80% 20%,rgba(0,0,0,.08) 0%,transparent 60%)}.membership-header{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.membership-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#ffffffe6;color:var(--text-primary);box-shadow:0 4px 12px #0000000d;border:1px solid rgba(255,255,255,.8)}.membership-info{display:flex;flex-direction:column;gap:6px}.membership-type{font-size:18px;font-weight:600;color:var(--text-primary);letter-spacing:-.5px}.membership-expire{font-size:13px;color:var(--text-secondary);background:#0000000a;padding:4px 10px;border-radius:6px;display:inline-block;width:fit-content}.membership-badge{display:none}.membership-icon-btn{width:40px;height:40px;border-radius:10px;border:1px solid rgba(255,255,255,.6);background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #0000000a}.membership-icon-btn:hover{background:#ffffffe6;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.membership-icon-btn.primary:hover{color:var(--accent);border-color:#1890ff4d}.membership-icon-btn.danger{color:var(--danger)}.membership-icon-btn.danger:hover{background:#ff4d4f1a;border-color:#ff4d4f4d}.card-meta{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:#00000073;margin-top:auto;padding-top:16px;border-top:1px dashed #f0f0f0}.meta-item svg{opacity:.6}.meta-item.warning{color:#faad14}.meta-item.danger{color:#f5222d}.card-footer{display:none}.card-status{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--radius-lg);font-size:12px;font-weight:600}.card-status .status-indicator{width:6px;height:6px;border-radius:50%}.card-status.normal{background:var(--success-bg);color:var(--success)}.card-status.normal .status-indicator{background:var(--success);animation:pulse 2s infinite}.card-status.expired{background:var(--danger-bg);color:var(--danger)}.card-status.expired .status-indicator{background:var(--danger)}.card-status.expiring .status-indicator{background:var(--warning);animation:pulse 2s infinite}.card-email{font-size:15px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-sm);margin-bottom:2px}.card-email .email-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.card-email .copy-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:all var(--transition);opacity:0}.account-card:hover .card-email .copy-btn{opacity:1}.card-email .copy-btn:hover{color:var(--accent);background:var(--accent-bg)}.tag.extra{display:flex;align-items:center;gap:4px;background:var(--warning-bg);color:var(--warning)}.usage-numbers .usage-used strong{color:var(--text-primary)}.meta-item{display:flex;align-items:center;gap:6px}.meta-item svg{opacity:.7}.context-menu-overlay{position:fixed;inset:0;z-index:1000}.context-menu{position:fixed;background:var(--bg-secondary);border-radius:8px;box-shadow:var(--shadow-lg);min-width:180px;padding:6px 0;z-index:1001;border:1px solid var(--border-light);animation:contextMenuIn .15s ease-out}@keyframes contextMenuIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) var(--space-lg);font-size:14px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.context-menu-item:hover{background:var(--bg-hover)}.context-menu-item .icon{width:18px;text-align:center;color:var(--text-muted);font-size:14px}.context-menu-item:hover .icon{color:var(--accent)}.context-menu-item.danger,.context-menu-item.danger .icon{color:var(--danger)}.context-menu-item.danger:hover{background:var(--danger-bg)}.context-menu-divider{height:1px;background:var(--border-light);margin:var(--space-sm) 0}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:#fffffff2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:10px;padding:22px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;border:1px solid rgba(228,228,231,.5)}.modal-content h2{font-size:18px;font-weight:600;margin-bottom:8px}.input-type-tabs{display:flex;gap:8px;margin-bottom:16px}.tab-btn{flex:1;padding:10px 16px;border:1px solid var(--border);border-radius:8px;background:var(--bg-secondary);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.tab-btn:hover{background:#f3f4f6}.tab-btn.active{background:var(--gradient-accent);border-color:transparent;color:#fff;box-shadow:var(--shadow-accent)}.add-account-modal{max-width:600px;display:flex;flex-direction:column;max-height:90vh;padding:0}.add-account-modal .modal-header-fixed{padding:24px 28px}.add-account-modal .modal-body-scrollable,.add-account-modal .modal-actions-fixed{padding:20px 28px}.add-account-modal .modal-actions-fixed button{padding:10px 24px;border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition);border:none}.add-account-modal .modal-actions-fixed button:first-child{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border)}.add-account-modal .modal-actions-fixed button:first-child:hover{background:var(--bg-primary);border-color:var(--text-muted)}.add-account-modal .modal-actions-fixed button.primary{background:var(--gradient-accent);color:#fff;box-shadow:var(--shadow-accent)}.add-account-modal .modal-actions-fixed button.primary:hover{box-shadow:0 10px 20px #00000038;transform:translateY(-1px)}.add-account-modal .modal-actions-fixed button:disabled{opacity:.6;cursor:not-allowed;transform:none}.add-mode-tabs{display:flex;gap:8px;margin-bottom:28px;padding:6px;background:#00000008;border-radius:12px;border:1px solid rgba(0,0,0,.08)}.mode-tab{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:14px 12px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.mode-tab:before{content:"";position:absolute;inset:0;border-radius:8px;background:var(--gradient-accent);opacity:0;transition:opacity .25s cubic-bezier(.4,0,.2,1);z-index:-1}.mode-tab:hover:not(:disabled){color:var(--accent);transform:translateY(-2px)}.mode-tab:hover:not(:disabled) svg{transform:scale(1.1)}.mode-tab.active{color:#fff;font-weight:600}.mode-tab.active:before{opacity:1}.mode-tab.active{box-shadow:0 4px 12px #0000002e}.mode-tab:disabled{opacity:.5;cursor:not-allowed}.mode-tab svg{flex-shrink:0;width:22px;height:22px;transition:transform .25s cubic-bezier(.4,0,.2,1)}.trae-ide-mode{padding:10px 0}.mode-description-simple{text-align:center;padding:40px 24px;background:linear-gradient(135deg,#00000005,#00000008);border-radius:12px;border:1px dashed rgba(0,0,0,.16)}.mode-icon{display:flex;justify-content:center;margin-bottom:20px;position:relative}.mode-icon:before{content:"";position:absolute;width:80px;height:80px;background:radial-gradient(circle,rgba(0,0,0,.12) 0%,transparent 70%);border-radius:50%;z-index:0}.mode-icon svg{color:var(--accent);filter:drop-shadow(0 4px 12px rgba(0,0,0,.18));position:relative;z-index:1;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.mode-description-simple h3{font-size:17px;font-weight:600;color:var(--text-primary);margin-bottom:10px;letter-spacing:-.01em}.mode-description-simple p{font-size:14px;color:var(--text-secondary);line-height:1.6;max-width:400px;margin:0 auto}.manual-mode{padding:10px 0}.form-section{margin-bottom:24px}.form-section:last-child{margin-bottom:0}.form-label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:10px;display:flex;align-items:center;gap:6px}.form-label .required{color:var(--danger);font-size:16px}.form-label .optional{color:var(--text-muted);font-weight:400;font-size:12px;background:#0000000d;padding:2px 8px;border-radius:4px}.form-help{margin-top:10px}.form-help details{background:linear-gradient(135deg,#00000005,#00000008);border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:12px 14px;transition:all .25s cubic-bezier(.4,0,.2,1)}.form-help details[open]{background:linear-gradient(135deg,#00000008,#0000000a);border-color:#00000024}.form-help summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--accent);-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:8px;transition:color .2s}.form-help summary:before{content:"▶";font-size:10px;transition:transform .25s cubic-bezier(.4,0,.2,1)}.form-help details[open] summary:before{transform:rotate(90deg)}.form-help summary:hover{color:var(--accent-hover)}.form-help ol{margin:14px 0 0;padding-left:24px;font-size:13px;color:var(--text-secondary);line-height:1.8}.form-help li{margin:8px 0;padding-left:4px}.form-help a{color:var(--accent);text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:border-color .2s}.form-help a:hover{border-bottom-color:var(--accent)}.form-help kbd{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);padding:3px 7px;border-radius:4px;font-family:SF Mono,Consolas,monospace;font-size:11px;border:1px solid #d0d0d0;box-shadow:0 1px 2px #0000001a;font-weight:600}.form-help code{background:#0000000f;padding:3px 7px;border-radius:4px;font-family:SF Mono,Consolas,monospace;font-size:12px;color:var(--accent);border:1px solid rgba(0,0,0,.12)}.form-help strong{color:var(--text-primary);font-weight:600}.modal-content textarea{width:100%;padding:14px 16px;background:linear-gradient(135deg,#00000005,#00000008);border:2px solid rgba(0,0,0,.12);border-radius:10px;color:var(--text-primary);font-family:SF Mono,Monaco,Consolas,Courier New,monospace;font-size:13px;line-height:1.6;resize:vertical;transition:all .25s cubic-bezier(.4,0,.2,1)}.modal-content textarea:focus{outline:none;border-color:var(--accent);background:#00000008;box-shadow:0 0 0 4px #0000000f,0 4px 12px #0000001f;transform:translateY(-1px)}.modal-content textarea:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-hover)}.error-message{margin-top:12px;padding:10px 12px;background:var(--bg-hover);border-radius:6px;color:var(--danger);font-size:14px}.modal-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:20px}.modal-actions button{padding:10px 20px;border-radius:8px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.modal-actions button:hover{background:#f3f4f6}.modal-actions button.primary{background:var(--gradient-accent);border-color:transparent;color:#fff;box-shadow:var(--shadow-accent)}.modal-actions button.primary:hover{box-shadow:0 10px 20px #00000038;transform:translateY(-1px)}.modal-actions button:disabled{opacity:.5;cursor:not-allowed}.login-section{text-align:center}.login-btn{width:100%;padding:16px 24px;border-radius:12px;border:none;background:var(--gradient-accent);color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s;margin:20px 0}.login-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000038}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.login-waiting{background:linear-gradient(135deg,#f5f5f5,#fff);border-radius:12px;padding:24px;margin:20px 0;text-align:center}.login-waiting-icon{font-size:48px;margin-bottom:12px;animation:spin 2s linear infinite}.login-waiting p{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.login-waiting span{font-size:14px;color:var(--text-secondary);display:block}.login-waiting small{display:block;margin-top:12px;font-size:12px;color:var(--text-muted)}.login-spinner{display:flex;flex-direction:column;align-items:center;gap:12px}.login-spinner .spinner{width:24px;height:24px;border-width:2px;margin-bottom:0}.login-spinner span{font-size:13px;color:var(--text-secondary)}.login-divider{display:flex;align-items:center;margin:16px 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-divider span{padding:0 12px;color:var(--text-muted);font-size:12px}.login-btn-secondary{width:100%;padding:12px 20px;border-radius:8px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.login-btn-secondary:hover{background:#f3f4f6;border-color:var(--accent)}.login-steps{background:#f8f9fa;border-radius:8px;padding:16px;margin-top:20px;text-align:left}.login-steps h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.login-steps ol{margin:0;padding-left:20px}.login-steps li{font-size:13px;color:var(--text-secondary);margin:8px 0;line-height:1.5}.detail-modal{max-width:700px;display:flex;flex-direction:column;max-height:90vh;padding:0}.modal-header-fixed{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--bg-secondary)}.modal-header-fixed h2{font-size:20px;font-weight:700;margin:0;color:var(--text-primary)}.modal-close-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--bg-hover);color:var(--text-muted);cursor:pointer;border-radius:var(--radius);transition:all var(--transition)}.modal-close-btn:hover{background:var(--danger-bg);color:var(--danger);transform:rotate(90deg)}.modal-body-scrollable{flex:1;overflow-y:auto;padding:24px 28px;background:var(--bg-primary)}.modal-actions-fixed{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid var(--border);flex-shrink:0;background:var(--bg-secondary)}.modal-actions-fixed button{padding:10px 24px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition)}.modal-actions-fixed button:hover{background:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.detail-section{margin-bottom:24px;background:var(--bg-secondary);border-radius:var(--radius-lg);padding:20px;border:1px solid var(--border)}.detail-section h3{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:16px;display:flex;align-items:center;gap:8px}.detail-section h3:before{content:"";width:3px;height:16px;background:var(--gradient-accent);border-radius:2px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:14px;border-bottom:1px solid var(--border-light)}.detail-row:last-child{border-bottom:none}.detail-row-copy{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--bg-primary);border-radius:var(--radius);border:1px solid var(--border)}.detail-row-copy-inline{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-primary);border-radius:var(--radius);border:1px solid var(--border)}.detail-code-inline{flex:1;font-family:SF Mono,Monaco,Consolas,Courier New,monospace;font-size:13px;color:var(--text-primary);background:var(--bg-secondary);padding:8px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-light);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);flex-shrink:0}.copy-btn-icon:hover{background:var(--gradient-accent);border-color:transparent;color:#fff;box-shadow:var(--shadow-accent);transform:translateY(-1px)}.copy-btn-icon:active{transform:translateY(0)}.copy-btn-icon svg{flex-shrink:0}.detail-value-wrapper{flex:1;min-width:0;overflow:hidden}.detail-code{display:block;font-family:SF Mono,Monaco,Consolas,Courier New,monospace;font-size:13px;color:var(--text-primary);background:var(--bg-secondary);padding:12px 16px;border-radius:var(--radius);word-break:break-all;white-space:pre-wrap;line-height:1.6;border:1px solid var(--border-light);max-height:200px;overflow-y:auto}.copy-btn-inline{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition);white-space:nowrap;align-self:flex-end}.copy-btn-inline:hover{background:var(--gradient-accent);border-color:transparent;color:#fff;box-shadow:var(--shadow-accent);transform:translateY(-1px)}.copy-btn-inline:active{transform:translateY(0)}.copy-btn-inline svg{flex-shrink:0}.detail-label{color:var(--text-muted);font-weight:500;min-width:100px}.detail-value{color:var(--text-primary);font-weight:600;text-align:right;word-break:break-word}.detail-value.success{color:var(--success)}.detail-value.danger{color:var(--danger)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;color:var(--text-muted);background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);animation:fadeIn .3s ease-out;border:1px solid rgba(228,228,231,.5)}.loading p{font-size:14px;color:var(--text-secondary);animation:pulse 2s ease-in-out infinite}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin-bottom:var(--space-lg);position:relative}.spinner:after{content:"";position:absolute;inset:-3px;border:3px solid transparent;border-top-color:var(--cyan-400);border-radius:50%;animation:spin 1.2s linear infinite reverse}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.dashboard{padding:20px;overflow-y:auto;background:linear-gradient(135deg,#fff,#f7f7f7),repeating-linear-gradient(0deg,transparent,transparent 49px,rgba(0,0,0,.03) 49px,rgba(0,0,0,.03) 50px),repeating-linear-gradient(90deg,transparent,transparent 49px,rgba(0,0,0,.03) 49px,rgba(0,0,0,.03) 50px);background-size:100% 100%,50px 50px,50px 50px;min-height:100%;position:relative}.dashboard:before{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:radial-gradient(ellipse at top,rgba(0,0,0,.06) 0%,transparent 70%);pointer-events:none}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.welcome-section h1{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.welcome-section p{font-size:14px;color:var(--text-muted)}.header-stats{display:flex;gap:24px}.quick-stat{text-align:center}.quick-stat-value{display:block;font-size:32px;font-weight:700;color:var(--text-primary)}.quick-stat-value.success{color:var(--success)}.quick-stat-label{font-size:12px;color:var(--text-muted)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stats-row .stat-card{animation:fadeInScale .5s ease-out backwards}.stats-row .stat-card:nth-child(1){animation-delay:.1s}.stats-row .stat-card:nth-child(2){animation-delay:.2s}.stats-row .stat-card:nth-child(3){animation-delay:.3s}.stats-row .stat-card:nth-child(4){animation-delay:.4s}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media(max-width:1200px){.stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.stats-row{grid-template-columns:1fr}}.stat-card{border-radius:12px;padding:18px;color:#fff;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.stat-card:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 12px 24px #00000026}.stat-card:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.2) 0%,transparent 70%);border-radius:50%;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:hover:before{top:-30%;right:-30%;width:120%;height:120%}.stat-card.gradient-purple{background:linear-gradient(135deg,#111,#333)}.stat-card.gradient-blue{background:linear-gradient(135deg,#222,#444)}.stat-card.gradient-green{background:linear-gradient(135deg,#000,#222)}.stat-card.gradient-orange{background:linear-gradient(135deg,#333,#666)}.stat-card-content{display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.stat-card-info{display:flex;flex-direction:column}.stat-card-label{font-size:13px;opacity:.9;margin-bottom:4px}.stat-card-value{font-size:28px;font-weight:700}.stat-card-change{font-size:12px;opacity:.8;margin-top:4px}.stat-card-icon{width:48px;height:48px;background:#fff3;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-card-icon svg{width:24px;height:24px}.charts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.charts-grid-2col{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}@media(max-width:1200px){.charts-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.charts-grid,.charts-grid-2col{grid-template-columns:1fr}}.chart-card{background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;padding:18px;box-shadow:var(--shadow);transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(228,228,231,.5)}.chart-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:#0003}.chart-card.full-width{grid-column:1 / -1}.chart-card.wide{grid-column:span 2}@media(max-width:800px){.chart-card.wide{grid-column:span 1}}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.chart-header h3{font-size:16px;font-weight:600;color:var(--text-primary)}.chart-badge{background:var(--gradient-accent);color:#fff;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.chart-tabs{display:flex;gap:8px}.chart-tab{padding:6px 12px;border:none;background:#f3f4f6;border-radius:6px;font-size:12px;color:var(--text-secondary);cursor:pointer;transition:all .2s}.chart-tab:hover{background:#e5e7eb}.chart-tab.active{background:var(--accent);color:#fff}.chart-body{min-height:200px}.pie-chart-container{position:relative}.pie-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;pointer-events:none}.pie-value{display:block;font-size:24px;font-weight:700;color:var(--text-primary)}.pie-label{font-size:12px;color:var(--text-muted)}.chart-legend{display:flex;justify-content:center;gap:20px;margin-top:12px}.legend-item{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-secondary)}.legend-dot{width:10px;height:10px;border-radius:50%}.chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--text-muted);font-size:14px;text-align:center}.chart-empty .empty-chart-icon{font-size:48px;margin-bottom:12px;opacity:.5}.chart-empty p{margin:0 0 4px;font-weight:500;color:var(--text-secondary)}.chart-empty span{font-size:12px}.accounts-preview{background:var(--bg-card);border-radius:16px;padding:20px;box-shadow:var(--shadow)}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.preview-header h3{font-size:16px;font-weight:600;color:var(--text-primary)}.preview-count{font-size:13px;color:var(--text-muted)}.preview-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}.preview-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border-radius:12px;transition:all .2s}.preview-item:hover{background:#f3f4f6}.preview-avatar{width:40px;height:40px;border-radius:50%;background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;color:#fff;flex-shrink:0}.preview-info{flex:1;min-width:0}.preview-name{display:block;font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.preview-plan{font-size:12px;color:var(--text-muted)}.preview-usage{display:flex;align-items:center;gap:8px}.preview-progress{width:60px;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.preview-progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.preview-percent{font-size:12px;font-weight:600;color:var(--text-secondary);min-width:36px;text-align:right}.dashboard-empty{text-align:center;padding:60px 20px;background:var(--bg-card);border-radius:16px;box-shadow:var(--shadow)}.dashboard-empty .empty-icon{font-size:64px;margin-bottom:16px}.dashboard-empty h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.dashboard-empty p{font-size:14px;color:var(--text-muted)}.settings-page,.plans-page{padding:24px;overflow-y:auto}.plans-card{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:var(--shadow)}.plans-card-header{padding-bottom:12px;border-bottom:1px solid var(--border);margin-bottom:16px}.plans-card-header h3{font-size:16px;font-weight:600;color:var(--text-primary)}.plans-card-header p{font-size:12px;color:var(--text-muted);margin-top:6px}.plans-table-container{overflow-x:auto}.plans-table{width:100%;border-collapse:collapse;font-size:14px}.plans-table th,.plans-table td{padding:14px 12px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}.pricing-header{text-align:center;margin-bottom:40px}.pricing-header h2{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:12px}.pricing-header p{font-size:16px;color:var(--text-muted)}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1200px;margin:0 auto}.pricing-card{position:relative;background:#fff;border:1px solid var(--border);border-radius:12px;padding:32px 24px;display:flex;flex-direction:column;transition:all .2s cubic-bezier(.4,0,.2,1)}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014;border-color:transparent}.pricing-tag{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;color:#fff;background:var(--text-primary);box-shadow:0 4px 8px #0000001a}.pricing-tag.vip{background:#ff7d00}.pricing-tag.svip{background:var(--text-primary)}.pricing-card-header{text-align:center;margin-bottom:24px}.pricing-icon{width:48px;height:48px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg-hover);color:var(--text-primary)}.pricing-card.vip .pricing-icon{background:#fff7e6;color:#ff7d00}.pricing-card.svip .pricing-icon{background:#f2f3f5;color:#1d2129}.pricing-title{font-size:20px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.pricing-subtitle{font-size:14px;color:var(--text-muted)}.pricing-price-section{text-align:center;margin-bottom:24px;height:48px;display:flex;align-items:baseline;justify-content:center}.currency{font-size:20px;font-weight:600;color:var(--text-primary);margin-right:4px}.amount{font-size:40px;font-weight:700;color:var(--text-primary);line-height:1}.period{font-size:14px;color:var(--text-muted);margin-left:4px}.amount-text{font-size:24px;font-weight:700;color:var(--text-primary)}.pricing-btn{width:100%;padding:12px 0;border-radius:6px;border:1px solid var(--border);background:#fff;color:var(--text-primary);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.pricing-btn:hover{background:var(--bg-hover);border-color:var(--text-muted)}.pricing-btn.vip{background:#ff7d00;border-color:#ff7d00;color:#fff}.pricing-btn.vip:hover{background:#e67000;border-color:#e67000}.pricing-btn.svip{background:var(--text-primary);border-color:var(--text-primary);color:#fff}.pricing-btn.svip:hover{background:#000;border-color:#000}.pricing-divider{height:1px;background:var(--border);margin:24px 0}.pricing-features{list-style:none;padding:0;margin:0;flex:1}.pricing-features li{display:flex;align-items:center;gap:12px;margin-bottom:16px;font-size:14px;color:var(--text-secondary)}.feature-check{color:var(--success);flex-shrink:0}.pricing-footer-note{text-align:center;margin-top:40px;font-size:13px;color:var(--text-muted);line-height:1.6}@media(max-width:900px){.pricing-grid{grid-template-columns:1fr;max-width:400px}}.settings-section{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:var(--shadow);margin-bottom:20px}.settings-section h3{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--text-primary);padding-bottom:12px;border-bottom:1px solid var(--border)}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--border)}.setting-item:last-child{border-bottom:none}.setting-info{flex:1}.setting-label{font-size:14px;font-weight:500;color:var(--text-primary)}.setting-desc{font-size:12px;color:var(--text-muted);margin-top:4px}.setting-select{padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:14px;cursor:pointer}.setting-btn{padding:8px 16px;border:1px solid var(--border);border-radius:6px;background:var(--bg-secondary);color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .2s}.setting-btn:hover{background:#f3f4f6}.setting-btn.danger{border-color:var(--danger);color:var(--danger)}.setting-btn.danger:hover{background:var(--bg-hover)}.setting-item.danger .setting-label{color:var(--danger)}.machine-id-card{background:linear-gradient(135deg,#00000005,#00000008);border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:20px}.machine-id-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.machine-id-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--gradient-accent);border-radius:12px;color:#fff}.machine-id-title{display:flex;flex-direction:column;gap:2px}.machine-id-title>span:first-child{font-size:16px;font-weight:600;color:var(--text-primary)}.machine-id-subtitle{font-size:12px;color:var(--text-muted)}.machine-id-value{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:14px 16px;margin-bottom:16px}.machine-id-value code{font-family:SF Mono,Consolas,Monaco,monospace;font-size:15px;color:var(--text-primary);letter-spacing:.5px;word-break:break-all}.machine-id-actions{display:flex;gap:10px;margin-bottom:16px}.machine-id-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.machine-id-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent);color:var(--accent)}.machine-id-btn:disabled{opacity:.5;cursor:not-allowed}.machine-id-btn.danger{border-color:var(--danger);color:var(--danger)}.machine-id-btn.danger:hover:not(:disabled){background:#0000000f}.machine-id-tip{display:flex;align-items:flex-start;gap:8px;padding:12px;background:#0000000a;border-radius:8px;font-size:12px;color:var(--text-muted);line-height:1.5}.machine-id-tip svg{flex-shrink:0;margin-top:1px;color:var(--accent)}.toggle{position:relative;display:inline-block;width:44px;height:24px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;background-color:#d1d5db;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle input:checked+.toggle-slider{background-color:var(--accent)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.about-page{padding:24px;overflow-y:auto}.about-card{background:var(--bg-card);border-radius:12px;padding:40px;box-shadow:var(--shadow);text-align:center;margin-bottom:20px}.about-logo{width:80px;height:80px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center}.about-logo-image{width:100%;height:100%;object-fit:contain}.about-card h3{font-size:24px;font-weight:700;color:var(--accent);margin-bottom:8px}.about-version{font-size:14px;color:var(--text-muted);margin-bottom:16px}.about-desc{font-size:14px;color:var(--text-secondary);line-height:1.6}.about-section{background:var(--bg-card);border-radius:12px;padding:20px;box-shadow:var(--shadow);margin-bottom:20px}.about-section h3{font-size:16px;font-weight:600;margin-bottom:16px;color:var(--text-primary)}.feature-list{list-style:none}.feature-list li{padding:8px 0;font-size:14px;color:var(--text-secondary)}.tech-tags{display:flex;flex-wrap:wrap;gap:8px}.tech-tag{padding:6px 12px;background:linear-gradient(135deg,#0000000d,#00000014);color:var(--accent);border-radius:6px;font-size:13px;font-weight:500}.appreciation-container{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:20px}.qr-code{width:200px;height:200px;border-radius:12px;box-shadow:0 4px 12px #0000001a;border:2px solid var(--border);transition:all .3s ease;cursor:pointer}.qr-code:hover{transform:scale(1.05);box-shadow:0 8px 20px #0003}.appreciation-text{font-size:14px;color:var(--text-secondary);font-weight:500;margin:0}.image-modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .2s ease}.image-modal-content{position:relative;background:var(--bg-card);border-radius:16px;padding:40px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;align-items:center;gap:20px;animation:scaleIn .3s ease}.image-modal-close{position:absolute;top:16px;right:16px;width:40px;height:40px;border:none;background:#0000001a;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;color:var(--text-primary)}.image-modal-close:hover{background:#000;color:#fff;transform:rotate(90deg)}.image-modal-img{width:400px;height:400px;border-radius:12px;box-shadow:0 8px 24px #0003}.image-modal-text{font-size:16px;color:var(--text-secondary);font-weight:500;margin:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:380px}.toast-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-secondary);border-radius:12px;box-shadow:0 8px 24px #00000026;animation:toast-slide-in .4s cubic-bezier(.4,0,.2,1);border-left:4px solid;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast-item.toast-exit{animation:toast-slide-out .3s cubic-bezier(.4,0,1,1) forwards}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--danger)}.toast-info{border-left-color:var(--accent)}.toast-warning{border-left-color:var(--warning)}.toast-icon{width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.toast-success .toast-icon{background:var(--bg-hover);color:var(--success)}.toast-error .toast-icon{background:var(--bg-hover);color:var(--danger)}.toast-info .toast-icon{background:var(--bg-hover);color:var(--accent)}.toast-warning .toast-icon{background:var(--bg-hover);color:var(--warning)}.toast-message{flex:1;font-size:14px;color:var(--text-primary);line-height:1.4}.toast-close{background:none;border:none;color:var(--text-muted);font-size:18px;cursor:pointer;padding:4px;line-height:1;transition:color .2s}.toast-close:hover{color:var(--text-primary)}@keyframes toast-slide-in{0%{transform:translate(400px) scale(.9);opacity:0}to{transform:translate(0) scale(1);opacity:1}}@keyframes toast-slide-out{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(400px) scale(.9);opacity:0}}.confirm-modal{background:var(--bg-secondary);border-radius:12px;padding:28px;width:90%;max-width:400px;text-align:center;animation:modal-pop-in .3s cubic-bezier(.34,1.56,.64,1)}@keyframes modal-pop-in{0%{transform:scale(.8) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.confirm-icon{font-size:48px;margin-bottom:16px}.confirm-title{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.confirm-message{font-size:14px;color:var(--text-secondary);line-height:1.5;margin-bottom:24px}.confirm-actions{display:flex;gap:12px;justify-content:center}.confirm-btn{padding:10px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.confirm-btn.cancel{background:#f3f4f6;color:var(--text-secondary)}.confirm-btn.cancel:hover{background:#e5e7eb}.confirm-btn.danger{background:var(--danger);color:#fff}.confirm-btn.danger:hover{background:var(--accent-hover)}.confirm-btn.warning{background:var(--warning);color:#fff}.confirm-btn.warning:hover{background:#333}.confirm-btn.info{background:var(--accent);color:#fff}.confirm-btn.info:hover{background:var(--accent-hover)}.add-account-modal{max-width:520px}.add-mode-tabs{display:flex;gap:8px;margin-bottom:24px;padding:4px;background:var(--bg-secondary);border-radius:8px}.mode-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:none;background:transparent;color:var(--text-muted);font-size:14px;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease}.mode-tab:hover:not(:disabled){color:var(--text-primary);background:var(--bg-hover)}.mode-tab.active{background:var(--bg-card);color:var(--accent);box-shadow:0 1px 3px #0000001a}.mode-tab:disabled{cursor:not-allowed;opacity:.5}.mode-tab svg{flex-shrink:0}.trae-ide-mode{padding:8px 0}.mode-description{text-align:center;padding:32px 24px;background:linear-gradient(135deg,#6366f10d,#a855f70d);border-radius:12px;border:1px solid rgba(99,102,241,.1);margin-bottom:24px}.mode-description svg{color:var(--accent);margin-bottom:16px;opacity:.8}.mode-description h3{font-size:18px;font-weight:600;color:var(--text-primary);margin-bottom:8px}.mode-description p{font-size:14px;color:var(--text-muted);line-height:1.6;margin-bottom:20px}.mode-features{display:flex;flex-direction:column;gap:12px;align-items:flex-start;max-width:280px;margin:0 auto}.feature-item{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary)}.feature-item svg{color:var(--success);flex-shrink:0}.form-section{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.form-label .required{color:var(--danger);margin-left:2px}.form-label .optional{color:var(--text-muted);font-weight:400;font-size:12px}.form-desc{font-size:12px;color:var(--text-muted);margin-bottom:8px;line-height:1.4}.empty-state h3{font-size:20px;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-sm)}.empty-state p{font-size:14px;color:var(--text-muted);margin-bottom:var(--space-xl);max-width:300px}.empty-actions{display:flex;gap:var(--space-md)}.empty-btn{padding:12px 24px;border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition);border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary)}.empty-btn:hover{background:var(--bg-hover)}.empty-btn.primary{background:var(--gradient-accent);border-color:transparent;color:var(--text-inverse);box-shadow:0 2px 8px #6366f140}.empty-btn.primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px #6366f159}.account-list{background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden;border:1px solid rgba(228,228,231,.5)}.list-header{display:grid;grid-template-columns:40px 48px 1fr 120px 180px 120px 80px 48px;gap:var(--space-md);padding:var(--space-md) var(--space-lg);background:var(--bg-primary);border-bottom:1px solid var(--border);font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.list-col{display:flex;align-items:center}.account-list-item{display:grid;grid-template-columns:40px 48px 1fr 120px 180px 120px 80px 48px;gap:var(--space-md);padding:var(--space-lg);border-bottom:1px solid var(--border-light);cursor:pointer;transition:all var(--transition)}.account-list-item:last-child{border-bottom:none}.account-list-item:hover{background:var(--bg-hover)}.account-list-item.selected{background:var(--accent-bg)}.list-item-checkbox{display:flex;align-items:center;justify-content:center}.list-item-checkbox input{width:18px;height:18px;cursor:pointer;accent-color:var(--accent)}.list-item-avatar{display:flex;align-items:center;justify-content:center}.list-item-avatar img{width:40px;height:40px;border-radius:var(--radius);object-fit:cover}.list-item-avatar .avatar-placeholder{width:40px;height:40px;border-radius:var(--radius);background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;color:var(--text-inverse)}.list-item-info{display:flex;flex-direction:column;justify-content:center;min-width:0}.list-item-email{font-size:14px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-item-id{font-size:12px;color:var(--text-muted);margin-top:2px}.list-item-plan{display:flex;align-items:center;gap:var(--space-sm)}.plan-badge{padding:5px 12px;background:var(--bg-hover);border-radius:var(--radius-sm);font-size:12px;font-weight:500;color:var(--text-secondary)}.extra-badge{padding:4px 8px;background:var(--warning-bg);border-radius:var(--radius-sm);font-size:11px;font-weight:600;color:var(--warning)}.list-item-usage{display:flex;flex-direction:column;justify-content:center;gap:var(--space-xs)}.usage-info{display:flex;justify-content:space-between;font-size:12px}.usage-text{color:var(--text-primary);font-weight:600}.usage-bar-mini{height:6px;background:var(--border);border-radius:var(--radius-sm);overflow:hidden}.usage-bar-fill-mini{height:100%;border-radius:var(--radius-sm);transition:width .6s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.usage-bar-fill-mini:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 2s infinite}.list-item-reset{display:flex;flex-direction:column;justify-content:center}.reset-label{font-size:11px;color:var(--text-muted)}.reset-date{font-size:13px;color:var(--text-primary);font-weight:500}.list-item-status{display:flex;align-items:center;gap:var(--space-sm);font-size:13px;color:var(--text-secondary)}.status-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.status-dot.normal{background:var(--success)}.status-dot.expired{background:var(--danger);animation:none}.status-dot.expiring{background:var(--warning);animation:pulse 2s infinite}.list-item-actions{display:flex;align-items:center;justify-content:center}.action-btn{width:32px;height:32px;border:none;border-radius:var(--radius);background:transparent;color:var(--text-muted);font-size:18px;cursor:pointer;transition:all var(--transition)}.action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}@media(max-width:1200px){.list-header,.account-list-item{grid-template-columns:40px 48px 1fr 100px 150px 100px 70px 40px}}@media(max-width:900px){.list-header,.account-list-item{grid-template-columns:40px 48px 1fr 100px 120px 40px}.list-col.reset,.list-item-reset,.list-col.status,.list-item-status{display:none}}.usage-events{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-2xl);margin-bottom:var(--space-2xl);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.usage-events-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);flex-wrap:wrap;gap:var(--space-lg)}.usage-events-header h2{font-size:20px;font-weight:600;color:var(--text-primary);margin:0}.usage-events-filters{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap}.time-filter-buttons{display:flex;gap:var(--space-sm);background:var(--bg-primary);padding:4px;border-radius:var(--radius)}.filter-btn{padding:6px 16px;border:none;background:transparent;color:var(--text-secondary);font-size:14px;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition)}.filter-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.filter-btn.active{background:var(--bg-secondary);color:var(--accent);box-shadow:var(--shadow-xs)}.date-range-btn{display:flex;align-items:center;gap:var(--space-sm);padding:8px 16px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);font-size:14px;border-radius:var(--radius);cursor:pointer;transition:all var(--transition)}.date-range-btn:hover{border-color:var(--accent);color:var(--text-primary)}.date-range-btn svg{width:16px;height:16px;opacity:.6}.date-picker-panel{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-primary);border-radius:var(--radius);margin-bottom:var(--space-lg);border:1px solid var(--border)}.date-inputs{display:flex;align-items:center;gap:var(--space-md);flex:1}.date-inputs input[type=date]{padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);font-size:14px;color:var(--text-primary);background:var(--bg-secondary);transition:all var(--transition)}.date-inputs input[type=date]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.date-inputs span{color:var(--text-muted)}.apply-btn{padding:8px 20px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition)}.apply-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow)}.usage-events-table-container{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border)}.usage-events-table{width:100%;border-collapse:collapse;background:var(--bg-secondary)}.usage-events-table thead{background:var(--bg-primary);border-bottom:1px solid var(--border)}.usage-events-table th{padding:12px 16px;text-align:left;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.usage-events-table th .info-icon{display:inline-flex;align-items:center;margin-left:4px;cursor:help;opacity:.6;transition:opacity var(--transition)}.usage-events-table th .info-icon:hover{opacity:1}.usage-events-table tbody tr{border-bottom:1px solid var(--border-light);transition:background var(--transition)}.usage-events-table tbody tr:hover{background:var(--bg-hover)}.usage-events-table tbody tr:last-child{border-bottom:none}.usage-events-table td{padding:14px 16px;font-size:14px;color:var(--text-primary)}.loading-state,.empty-state{padding:60px 20px;text-align:center;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid rgba(228,228,231,.5);animation:fadeIn .4s ease-out}.loading-state{font-size:14px}.empty-state p{font-size:15px;color:var(--text-secondary)}@media(max-width:768px){.usage-events{padding:var(--space-lg)}.usage-events-header{flex-direction:column;align-items:flex-start}.usage-events-filters{width:100%;flex-direction:column}.time-filter-buttons,.date-range-btn{width:100%;justify-content:space-between}.date-picker-panel{flex-direction:column}.date-inputs{width:100%;flex-direction:column}.date-inputs input[type=date],.apply-btn{width:100%}.usage-events-table{font-size:13px}.usage-events-table th,.usage-events-table td{padding:10px 12px}}.machine-id-card.trae-card{background:linear-gradient(135deg,#00000005,#00000008);border:1px solid rgba(0,0,0,.08)}.machine-id-icon.trae-icon{background:var(--gradient-accent)}.machine-id-tip.warning{background:#0000000a}.machine-id-tip.warning svg{color:var(--warning)}.account-card.current{border-color:var(--success);background:linear-gradient(to bottom,rgba(0,0,0,.04),var(--bg-secondary))}.account-card.current:before{background:var(--gradient-accent);opacity:1}.tag.current{background:var(--gradient-accent);color:#fff}.tag.current svg{color:#fff}.context-menu-item.disabled{color:var(--text-muted);cursor:not-allowed;opacity:.6}.context-menu-item.disabled:hover{background:transparent}.context-menu-item.disabled .icon{color:var(--success)}.info-modal{background:#fffffff2;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:12px;width:90%;max-width:600px;max-height:85vh;display:flex;flex-direction:column;border:1px solid rgba(228,228,231,.5);box-shadow:0 20px 60px #0003;animation:modal-pop-in .3s cubic-bezier(.34,1.56,.64,1)}.info-modal-header{display:flex;align-items:center;gap:12px;padding:20px 24px;border-bottom:1px solid var(--border-light);flex-shrink:0}.info-modal-icon{font-size:28px;line-height:1}.info-modal-title{flex:1;font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.info-modal-close{width:32px;height:32px;border-radius:6px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.info-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.info-modal-body{flex:1;overflow-y:auto;padding:24px}.info-section{margin-bottom:24px}.info-section:last-child{margin-bottom:0}.info-section-title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 12px;display:flex;align-items:center;gap:8px}.info-section-title:before{content:"";width:3px;height:16px;background:var(--gradient-accent);border-radius:2px}.info-text{font-size:14px;line-height:1.6;color:var(--text-secondary);margin:0;white-space:pre-line}.info-code-block{background:#00000008;border:1px solid rgba(0,0,0,.1);border-radius:8px;padding:16px;overflow-x:auto;margin:0}.info-code-block code{font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,monospace;font-size:13px;line-height:1.6;color:var(--text-primary);white-space:pre}.info-list{font-size:14px;line-height:1.8;color:var(--text-secondary)}.info-list ul{margin:0;padding-left:20px}.info-list li{margin-bottom:8px}.info-list li:last-child{margin-bottom:0}.info-list strong{color:var(--text-primary);font-weight:600}.info-modal-footer{display:flex;gap:12px;padding:16px 24px;border-top:1px solid var(--border-light);flex-shrink:0}.info-btn{flex:1;padding:10px 20px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.info-btn.cancel{background:var(--bg-hover);color:var(--text-secondary)}.info-btn.cancel:hover{background:var(--border);color:var(--text-primary)}.info-btn.confirm{background:var(--gradient-accent);color:#fff;box-shadow:0 2px 8px #0000002e}.info-btn.confirm:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000038}.modal-desc{font-size:14px;line-height:1.6;color:var(--text-secondary);margin-bottom:20px;padding:14px 16px;background:linear-gradient(135deg,#00000005,#00000008);border-left:3px solid var(--accent);border-radius:6px}.modal-desc strong{color:var(--text-primary);font-weight:600}.modal-desc small{display:block;margin-top:8px;font-size:13px;color:var(--text-muted)}.token-help{margin-bottom:20px}.token-help details{background:linear-gradient(135deg,#00000005,#00000008);border:1px solid rgba(0,0,0,.08);border-radius:8px;padding:12px 14px;transition:all .25s cubic-bezier(.4,0,.2,1)}.token-help details[open]{background:linear-gradient(135deg,#00000008,#0000000a);border-color:#00000024}.token-help summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--accent);-webkit-user-select:none;user-select:none;display:flex;align-items:center;gap:8px;transition:color .2s}.token-help summary:before{content:"▶";font-size:10px;transition:transform .25s cubic-bezier(.4,0,.2,1)}.token-help details[open] summary:before{transform:rotate(90deg)}.token-help summary:hover{color:var(--accent-hover)}.token-help ol{margin:14px 0 0;padding-left:24px;font-size:13px;color:var(--text-secondary);line-height:1.8}.token-help li{margin:8px 0;padding-left:4px}.token-help a{color:var(--accent);text-decoration:none;font-weight:500;border-bottom:1px solid transparent;transition:border-color .2s}.token-help a:hover{border-bottom-color:var(--accent)}.token-help kbd{background:linear-gradient(135deg,#f5f5f5,#e8e8e8);padding:3px 7px;border-radius:4px;font-family:SF Mono,Consolas,monospace;font-size:11px;border:1px solid #d0d0d0;box-shadow:0 1px 2px #0000001a;font-weight:600}.token-help code{background:#0000000f;padding:3px 7px;border-radius:4px;font-family:SF Mono,Consolas,monospace;font-size:12px;color:var(--accent);border:1px solid rgba(0,0,0,.12)}.token-help strong{color:var(--text-primary);font-weight:600}.membership-card{position:relative;background:linear-gradient(135deg,#1a1a1a,#000);border-radius:16px;padding:24px;color:#fff;overflow:hidden;box-shadow:0 10px 30px #0000004d;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.membership-card:hover{transform:translateY(-2px);box-shadow:0 15px 40px #0006}.membership-bg-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 10% 20%,rgba(255,215,0,.05) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(255,215,0,.05) 0%,transparent 20%);opacity:.6;pointer-events:none}.membership-header{display:flex;align-items:center;gap:16px;margin-bottom:24px;position:relative;z-index:1}.membership-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#333,#111);border:1px solid rgba(255,215,0,.3);box-shadow:0 4px 12px #0000004d;color:#d4af37}.membership-info{flex:1}.membership-type{display:block;font-size:20px;font-weight:700;background:linear-gradient(90deg,#fff,#ccc);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:4px}.membership-expire{font-size:13px;color:#fff9}.membership-badge{font-size:12px;font-weight:800;letter-spacing:1px;padding:4px 12px;border-radius:20px;border:1px solid rgba(255,255,255,.2);color:#fffc;background:#ffffff0d}.membership-key-section{position:relative;z-index:1;background:#ffffff0d;border-radius:8px;padding:12px 16px;margin-bottom:20px;border:1px solid rgba(255,255,255,.05)}.membership-key-label{font-size:10px;color:#fff6;letter-spacing:1px;margin-bottom:4px}.membership-key{font-family:SF Mono,monospace;font-size:14px;color:#ffffffe6;word-break:break-all}.membership-actions{display:flex;gap:12px;position:relative;z-index:1}.membership-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;height:36px;border-radius:6px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.membership-btn.primary{background:linear-gradient(90deg,#d4af37,#f2d06b);color:#000;box-shadow:0 2px 8px #d4af3733}.membership-btn.primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #d4af374d}.membership-btn.danger{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.1)}.membership-btn.danger:hover{background:#ff3b3026;color:#ff3b30;border-color:#ff3b304d}.membership-warning{margin-top:16px;display:flex;align-items:center;gap:8px;font-size:12px;color:#ff3b30;background:#ff3b301a;padding:8px 12px;border-radius:6px;border:1px solid rgba(255,59,48,.2)}.membership-card.ssvip{background:linear-gradient(135deg,#000,#1a1a1a);border:1px solid rgba(212,175,55,.3)}.membership-card.ssvip .membership-bg-pattern{background-image:repeating-linear-gradient(45deg,rgba(212,175,55,.03) 0px,rgba(212,175,55,.03) 1px,transparent 1px,transparent 10px),radial-gradient(circle at 50% 0%,rgba(212,175,55,.15) 0%,transparent 50%)}.membership-card.ssvip .membership-icon{background:linear-gradient(135deg,#d4af37,#f2d06b);color:#000;box-shadow:0 0 20px #d4af374d;border:none}.membership-card.ssvip .membership-type{background:linear-gradient(90deg,#d4af37,#fff,#d4af37);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.5)}.membership-card.ssvip .membership-badge{background:linear-gradient(90deg,#d4af37,#f2d06b);color:#000;border:none;box-shadow:0 2px 8px #d4af3733}.membership-card.svip{background:linear-gradient(135deg,#2c3e50,#000);border:1px solid rgba(224,224,224,.2)}.membership-card.svip .membership-icon{background:linear-gradient(135deg,#e0e0e0,#bdc3c7);color:#2c3e50;border:none}.membership-card.svip .membership-type{background:linear-gradient(90deg,#fff,#bdc3c7);-webkit-background-clip:text;background-clip:text;color:transparent}.membership-card.svip .membership-badge{background:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.3)}.membership-card.normal{background:linear-gradient(135deg,#fffc,#ffebf0d9);border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 32px #ffb6c126}.membership-card.normal .membership-bg-pattern{width:100%;left:0;background:radial-gradient(circle at 90% 20%,rgba(255,182,193,.25) 0%,transparent 55%)}.membership-card.normal .membership-icon{background:#ffffffe6;color:#ff7eb3;border:1px solid rgba(255,255,255,.8);box-shadow:0 4px 12px #ff7eb326}.membership-card.normal .membership-type{background:linear-gradient(90deg,#ff7eb3,#ff758c);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}.membership-card.normal .membership-expire{background:#ffb6c11a;color:#ff758c}.membership-card.normal .membership-icon-btn.primary{background:#fff;color:#ff7eb3;box-shadow:0 2px 8px #ff7eb31a;border:1px solid rgba(255,255,255,.6)}.membership-card.normal .membership-icon-btn.primary:hover{background:#fff0f5;color:#ff758c;box-shadow:0 4px 12px #ff7eb333}.membership-icon-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none}.membership-icon-btn.primary{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);color:#ffffffe6;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000001a}.membership-icon-btn.primary:hover{background:linear-gradient(135deg,#fff3,#ffffff1a);transform:translateY(-2px);box-shadow:0 6px 16px #0003;color:#fff}.membership-icon-btn.danger{background:#ff3b301a;color:#ff453a;border:1px solid rgba(255,59,48,.2)}.membership-icon-btn.danger:hover{background:#ff3b3033;transform:translateY(-2px);box-shadow:0 4px 12px #ff3b3033}.membership-card.ssvip .membership-icon-btn.primary{background:linear-gradient(135deg,#d4af37,#f2d06b);color:#000;border:none;box-shadow:0 4px 12px #d4af374d}.membership-card.ssvip .membership-icon-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4af3780}.membership-card.svip .membership-icon-btn.primary{background:linear-gradient(135deg,#e0e0e0,#bdc3c7);color:#2c3e50;border:none;box-shadow:0 4px 12px #bdc3c74d}.membership-card.svip .membership-icon-btn.primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #bdc3c780}.login-container{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-secondary);background-image:radial-gradient(var(--border) 1px,transparent 1px);background-size:24px 24px}.login-card{width:100%;max-width:400px;background:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:40px;border:1px solid var(--border);animation:scaleIn .3s ease-out}.login-header{text-align:center;margin-bottom:32px}.login-logo{width:64px;height:64px;margin:0 auto 16px}.login-header h1{font-size:24px;font-weight:700;color:var(--text-primary);margin-bottom:8px;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent}.login-header p{color:var(--text-muted);font-size:14px}.login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:24px}.login-tab{height:36px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);color:var(--text-muted);font-size:14px;cursor:pointer;transition:all var(--transition)}.login-tab.active{background:var(--bg-primary);color:var(--text-primary);border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-alpha)}.login-form .form-group{margin-bottom:24px}.login-form label{display:block;font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon .input-icon{position:absolute;left:12px;color:var(--text-muted);pointer-events:none}.input-with-icon input{width:100%;height:40px;padding:0 40px 0 36px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-secondary);color:var(--text-primary);font-size:14px;transition:all var(--transition)}.input-with-icon input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-alpha);background:var(--bg-primary)}.copy-key-btn{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition)}.copy-key-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.login-btn{width:100%;height:40px;display:flex;align-items:center;justify-content:center;gap:8px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition)}.login-btn:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.login-btn:active{transform:translateY(0)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}