@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.revex-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6,9 12,15 18,9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}:root,[data-theme=dark]{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace;--color-primary: #a3e635;--color-primary-light: #bef264;--color-primary-hover: #84cc16;--color-primary-dark: #84cc16;--color-primary-muted: rgba(163, 230, 53, .12);--color-primary-subtle: rgba(163, 230, 53, .08);--color-text-on-primary: #0f172a;--color-secondary: #22d3ee;--color-secondary-hover: #06b6d4;--color-secondary-muted: rgba(34, 211, 238, .12);--color-secondary-subtle: rgba(34, 211, 238, .08);--color-bg: #0a0f1a;--color-bg-secondary: #0d1424;--color-bg-tertiary: #111b2e;--color-bg-elevated: #141e33;--color-bg-card: rgba(17, 27, 46, .7);--color-surface: rgba(255, 255, 255, .02);--color-surface-hover: rgba(255, 255, 255, .05);--color-text: #ffffff;--color-text-secondary: rgba(255, 255, 255, .75);--color-text-tertiary: rgba(255, 255, 255, .5);--color-text-muted: rgba(255, 255, 255, .5);--color-border: rgba(255, 255, 255, .08);--color-border-hover: rgba(255, 255, 255, .16);--color-border-subtle: rgba(255, 255, 255, .06);--color-border-focus: var(--color-primary);--glass-bg: rgba(17, 27, 46, .6);--glass-border: rgba(255, 255, 255, .08);--glass-blur: 20px;--code-bg: #0d1117;--code-border: rgba(255, 255, 255, .06);--code-header-bg: rgba(255, 255, 255, .04);--color-success: #10b981;--color-success-subtle: rgba(16, 185, 129, .15);--color-warning: #f59e0b;--color-warning-subtle: rgba(245, 158, 11, .15);--color-danger: #ef4444;--color-danger-subtle: rgba(239, 68, 68, .15);--color-info: #22d3ee;--color-info-subtle: rgba(34, 211, 238, .15);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 8px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .5);--shadow-xl: 0 24px 64px rgba(0, 0, 0, .5);--shadow-glow: 0 0 40px rgba(163, 230, 53, .15);--shadow-glow-secondary: 0 0 40px rgba(34, 211, 238, .15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 24px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--accent: var(--color-primary);--accent-hover: var(--color-primary-hover);--accent-subtle: var(--color-primary-subtle);--accent-muted: var(--color-primary-muted);--bg-primary: var(--color-bg);--bg-secondary: var(--color-bg-secondary);--bg-tertiary: var(--color-bg-tertiary);--bg-elevated: var(--color-bg-elevated);--text-primary: var(--color-text);--text-secondary: var(--color-text-secondary);--text-tertiary: var(--color-text-tertiary);--text-quaternary: var(--color-text-muted);--text-inverse: var(--color-bg);--border-primary: var(--color-border);--border-secondary: var(--color-border-subtle);--border-focus: var(--color-border-focus);--success: var(--color-success);--success-subtle: var(--color-success-subtle);--warning: var(--color-warning);--warning-subtle: var(--color-warning-subtle);--danger: var(--color-danger);--danger-subtle: var(--color-danger-subtle);--info: var(--color-info);--info-subtle: var(--color-info-subtle);--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a}[data-theme=light]{--color-primary: #65a30d;--color-primary-light: #84cc16;--color-primary-hover: #4d7c0f;--color-primary-dark: #4d7c0f;--color-primary-muted: rgba(101, 163, 13, .1);--color-primary-subtle: rgba(101, 163, 13, .06);--color-text-on-primary: #ffffff;--color-secondary: #0891b2;--color-secondary-hover: #0e7490;--color-secondary-muted: rgba(8, 145, 178, .1);--color-secondary-subtle: rgba(8, 145, 178, .06);--color-bg: #f8fafc;--color-bg-secondary: #ffffff;--color-bg-tertiary: #f1f5f9;--color-bg-elevated: #ffffff;--color-bg-card: rgba(255, 255, 255, .9);--color-surface: rgba(0, 0, 0, .02);--color-surface-hover: rgba(0, 0, 0, .04);--color-text: #0f172a;--color-text-secondary: #475569;--color-text-tertiary: #64748b;--color-text-muted: #94a3b8;--color-border: rgba(0, 0, 0, .08);--color-border-hover: rgba(0, 0, 0, .16);--color-border-subtle: rgba(0, 0, 0, .06);--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(0, 0, 0, .06);--code-bg: #f6f8fa;--code-border: rgba(0, 0, 0, .08);--code-header-bg: rgba(0, 0, 0, .03);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 8px 24px rgba(0, 0, 0, .1);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .12);--shadow-xl: 0 24px 64px rgba(0, 0, 0, .14);--shadow-glow: 0 0 40px rgba(101, 163, 13, .12);--shadow-glow-secondary: 0 0 40px rgba(8, 145, 178, .12);--color-success: #059669;--color-success-subtle: rgba(5, 150, 105, .1);--color-warning: #d97706;--color-warning-subtle: rgba(217, 119, 6, .1);--color-danger: #dc2626;--color-danger-subtle: rgba(220, 38, 38, .1);--color-info: #0891b2;--color-info-subtle: rgba(8, 145, 178, .1);--accent: var(--color-primary);--accent-hover: var(--color-primary-hover);--accent-subtle: var(--color-primary-subtle);--accent-muted: var(--color-primary-muted);--bg-primary: var(--color-bg-secondary);--bg-secondary: var(--color-bg);--bg-tertiary: var(--color-bg-tertiary);--bg-elevated: var(--color-bg-elevated);--text-primary: var(--color-text);--text-secondary: var(--color-text-secondary);--text-tertiary: var(--color-text-tertiary);--text-quaternary: var(--color-text-muted);--text-inverse: #ffffff;--border-primary: var(--color-border);--border-secondary: var(--color-border-subtle);--success: var(--color-success);--success-subtle: var(--color-success-subtle);--warning: var(--color-warning);--warning-subtle: var(--color-warning-subtle);--danger: var(--color-danger);--danger-subtle: var(--color-danger-subtle);--info: var(--color-info);--info-subtle: var(--color-info-subtle)}*,*:before,*:after{box-sizing:border-box}::-moz-selection{background:var(--color-primary-muted);color:var(--color-text)}::selection{background:var(--color-primary-muted);color:var(--color-text)}body{margin:0;min-height:100vh;font-family:var(--font-sans);font-size:15px;font-weight:400;line-height:1.6;letter-spacing:-.01em;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .3s ease,color .3s ease}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.text-primary{color:var(--color-text)}.text-secondary{color:var(--color-text-secondary)}.text-tertiary{color:var(--color-text-tertiary)}.text-accent{color:var(--color-primary)}.revex-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 22px;font-family:inherit;font-size:14px;font-weight:600;line-height:1;letter-spacing:-.01em;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--duration-normal) ease;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.revex-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.revex-button:disabled{opacity:.5;cursor:not-allowed}.revex-button[data-variant=primary]{background:var(--color-primary);color:var(--color-text-on-primary);box-shadow:var(--shadow-glow)}.revex-button[data-variant=primary]:hover:not(:disabled){background:var(--color-primary-light);transform:translateY(-1px);box-shadow:var(--shadow-md),var(--shadow-glow)}.revex-button[data-variant=secondary]{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.revex-button[data-variant=secondary]:hover:not(:disabled){background:var(--color-primary-muted);border-color:var(--color-border-hover)}.revex-button[data-variant=ghost]{background:transparent;color:var(--color-text-secondary);padding:8px}.revex-button[data-variant=ghost]:hover:not(:disabled){color:var(--color-text)}.revex-button[data-variant=accent]{background:var(--color-primary);color:var(--color-text-on-primary);box-shadow:var(--shadow-glow)}.revex-button[data-variant=accent]:hover:not(:disabled){background:var(--color-primary-light);box-shadow:var(--shadow-md),var(--shadow-glow)}.revex-button[data-variant=danger]{background:var(--color-danger);color:#fff}.revex-button[data-variant=danger]:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.revex-button[data-size=sm]{padding:8px 14px;font-size:13px}.revex-button[data-size=lg]{padding:14px 32px;font-size:15px}.revex-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 10px;font-size:12px;font-weight:600;letter-spacing:0;border-radius:var(--radius-sm);background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.revex-badge[data-tone=success]{background:var(--color-success-subtle);color:var(--color-success)}.revex-badge[data-tone=warning]{background:var(--color-warning-subtle);color:var(--color-warning)}.revex-badge[data-tone=danger]{background:var(--color-danger-subtle);color:var(--color-danger)}.revex-badge[data-tone=info]{background:var(--color-info-subtle);color:var(--color-info)}.revex-badge[data-tone=primary]{background:var(--color-primary-muted);color:var(--color-primary);border:1px solid rgba(163,230,53,.2)}.revex-section-label{display:inline-block;padding:6px 14px;background:var(--color-primary-muted);border:1px solid rgba(163,230,53,.2);border-radius:var(--radius-full);font-size:12px;font-weight:700;color:var(--color-primary);text-transform:uppercase;letter-spacing:.1em}.revex-card{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) ease}.revex-card:hover{border-color:#a3e63540;transform:translateY(-3px);box-shadow:var(--shadow-glow)}.revex-card h3{margin:0 0 var(--space-2);font-size:16px;font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.revex-card p{font-size:14px;line-height:1.65;color:var(--color-text-muted)}.revex-card-header{margin-bottom:var(--space-5)}.revex-card-icon{width:48px;height:48px;border-radius:var(--radius-md);background:var(--color-primary-muted);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4);color:var(--color-primary);border:1px solid rgba(163,230,53,.15)}.revex-spotlight{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-md);padding:var(--space-5);border:1px solid var(--glass-border);transition:all var(--duration-normal) ease;display:flex;flex-direction:column;min-height:100px}.revex-spotlight:hover{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.revex-spotlight .revex-spotlight-value{margin-top:auto}.revex-card--highlighted{border-color:var(--color-primary);box-shadow:var(--shadow-glow);background:linear-gradient(180deg,var(--color-primary-muted),var(--glass-bg))}.revex-card--highlighted:hover{box-shadow:var(--shadow-glow),var(--shadow-md)}.revex-status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:600;border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.revex-status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.revex-status-pill[data-tone=success]{background:var(--color-success-subtle);color:var(--color-success)}.revex-status-pill[data-tone=warning]{background:var(--color-warning-subtle);color:var(--color-warning)}.revex-status-pill[data-tone=danger]{background:var(--color-danger-subtle);color:var(--color-danger)}.revex-input,.revex-select,.revex-textarea{width:100%;padding:12px 14px;font-family:inherit;font-size:15px;line-height:1.4;color:var(--color-text);background:var(--glass-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.revex-input::-moz-placeholder{color:var(--color-text-muted)}.revex-input::placeholder{color:var(--color-text-muted)}.revex-input:hover{border-color:var(--color-border-hover)}.revex-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle)}.revex-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6,9 12,15 18,9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.revex-code-block{background:var(--code-bg);border:1px solid var(--code-border);border-radius:var(--radius-lg);overflow:hidden}.revex-code-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--code-header-bg);border-bottom:1px solid var(--code-border)}.revex-code-dots{display:flex;gap:6px}.revex-code-dots span{width:10px;height:10px;border-radius:50%}.revex-code-dots span:nth-child(1){background:#ff5f57}.revex-code-dots span:nth-child(2){background:#febc2e}.revex-code-dots span:nth-child(3){background:#28c840}.revex-code-filename{font-size:13px;color:var(--color-text-muted);font-family:var(--font-mono)}.revex-code-block pre{padding:20px;overflow-x:auto;margin:0}.revex-code-block code{font-family:var(--font-mono);font-size:13px;line-height:1.7;color:var(--color-text-secondary);white-space:pre}.revex-table{width:100%;border-collapse:collapse}.revex-table thead th{padding:0 0 var(--space-3);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);text-align:left}.revex-table tbody td{padding:var(--space-3) 0;font-size:14px;color:var(--color-text);border-bottom:1px solid var(--color-border-subtle)}.revex-table-dense td{padding:var(--space-2) 0}.revex-table tbody tr:last-child td{border-bottom:none}.revex-table tbody tr{transition:background var(--duration-fast) ease}.revex-table tbody tr:hover{background:var(--color-surface-hover)}.revex-timeline{display:flex;flex-direction:column;gap:var(--space-5);padding-left:var(--space-6);position:relative}.revex-timeline:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:1px;background:var(--color-border)}.revex-timeline-item{position:relative}.revex-timeline-item:before{content:"";position:absolute;left:calc(-1 * var(--space-6) - 1px);top:6px;width:8px;height:8px;border-radius:50%;background:var(--color-bg);border:2px solid var(--color-border);transition:border-color var(--duration-fast) ease}.revex-timeline-item:first-child:before{border-color:var(--color-primary);background:var(--color-primary)}.revex-timeline-item h4{margin:0;font-size:14px;font-weight:600;color:var(--color-text)}.revex-timeline-item p{margin:var(--space-1) 0 0;font-size:13px;color:var(--color-text-tertiary)}.revex-tablist{display:inline-flex;padding:3px;gap:2px;background:var(--color-bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--color-border-subtle)}.revex-tab{padding:8px 16px;font-size:13px;font-weight:600;color:var(--color-text-secondary);background:transparent;border:none;border-radius:calc(var(--radius-md) - 3px);cursor:pointer;transition:all var(--duration-fast) ease}.revex-tab:hover:not([data-active=true]){color:var(--color-text)}.revex-tab[data-active=true]{background:var(--color-primary);color:var(--color-text-on-primary);box-shadow:var(--shadow-xs)}.revex-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--space-6);z-index:1000;animation:fadeIn var(--duration-normal) ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.revex-modal{background:var(--glass-bg);backdrop-filter:blur(32px);-webkit-backdrop-filter:blur(32px);border-radius:var(--radius-xl);width:min(960px,100%);max-height:85vh;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);border:1px solid var(--glass-border);animation:modalSlideUp var(--duration-slow) ease}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.revex-modal-sm{width:min(400px,100%)}.revex-modal-lg{width:min(720px,100%)}.revex-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-6) var(--space-6) var(--space-4);gap:var(--space-4)}.revex-modal-header h3{margin:0;font-size:18px;font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.revex-modal-header p{margin:var(--space-2) 0 0;font-size:14px;color:var(--color-text-secondary);line-height:1.6}.revex-modal-close{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--color-surface-hover);border:none;border-radius:50%;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--duration-fast) ease;flex-shrink:0}.revex-modal-close:hover{background:var(--color-border);color:var(--color-text)}.revex-modal-body{padding:0 var(--space-6) var(--space-6);overflow-y:auto}.revex-modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-top:1px solid var(--color-border-subtle);background:var(--color-surface);border-radius:0 0 var(--radius-xl) var(--radius-xl)}.revex-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:600;border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid transparent}.revex-chip[data-tone=info]{background:var(--color-info-subtle);color:var(--color-info)}.revex-chip[data-tone=success]{background:var(--color-success-subtle);color:var(--color-success)}.revex-chip[data-tone=warning]{background:var(--color-warning-subtle);color:var(--color-warning)}.revex-chip[data-tone=primary]{background:var(--color-primary-subtle);color:var(--color-primary)}.revex-pricing-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:32px 28px;position:relative;transition:all .25s ease;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.revex-pricing-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.revex-pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-primary);color:var(--color-text-on-primary);padding:4px 16px;border-radius:var(--radius-full);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.revex-pricing-amount{font-size:40px;font-weight:800;color:var(--color-text);letter-spacing:-.03em}.revex-pricing-period{font-size:14px;color:var(--color-text-muted);font-weight:500}.revex-testimonial{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:28px 24px;display:flex;flex-direction:column;gap:24px;-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));transition:all .2s ease}.revex-testimonial:hover{border-color:#a3e63533}.revex-testimonial blockquote{font-size:15px;line-height:1.7;color:var(--color-text-secondary);font-style:normal;margin:0}.revex-testimonial-author{display:flex;align-items:center;gap:12px}.revex-testimonial-avatar{width:40px;height:40px;border-radius:50%;background:var(--color-primary-muted);border:1px solid rgba(163,230,53,.2);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:var(--color-primary);flex-shrink:0}.revex-proof-number{font-size:28px;font-weight:800;color:var(--color-primary);letter-spacing:-.02em}.revex-proof-label{font-size:12px;color:var(--color-text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.revex-preview-window{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-lg)}.revex-preview-titlebar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--code-header-bg);border-bottom:1px solid var(--color-border)}.revex-grid{display:grid;gap:var(--space-4)}.revex-soft-divider{height:1px;background:var(--color-border);margin:var(--space-5) 0}.revex-metric-value{font-size:32px;font-weight:800;letter-spacing:-.03em;color:var(--color-text);margin:0}.revex-metric-delta{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600;color:var(--color-text-tertiary);margin:var(--space-1) 0 0}.revex-metric-delta[data-tone=success] span{color:var(--color-success)}.revex-metric-delta[data-tone=warning] span{color:var(--color-warning)}.revex-metric-delta[data-tone=danger] span{color:var(--color-danger)}.revex-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--color-text-on-primary)}@media (max-width: 640px){:root{--space-6: 20px}.revex-modal{max-height:90vh;margin:var(--space-4);width:min(100%,100%)}.revex-modal-header{padding:var(--space-5) var(--space-5) var(--space-3)}.revex-modal-body{padding:0 var(--space-5) var(--space-5)}.revex-modal-footer{padding:var(--space-4) var(--space-5)}}@media (max-width: 480px){.revex-tablist{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:3px;gap:0}.revex-tablist::-webkit-scrollbar{display:none}.revex-tab{padding:8px 12px;font-size:12px;white-space:nowrap;flex-shrink:0}}.revex-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.revex-table-wrapper::-webkit-scrollbar{height:6px}.revex-table-wrapper::-webkit-scrollbar-track{background:var(--color-bg-tertiary);border-radius:3px}.revex-table-wrapper::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.revex-table-wrapper::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}@media (max-width: 640px){.revex-button{min-height:44px;padding:12px 18px;font-size:15px}.revex-button[data-size=sm]{min-height:40px;padding:10px 14px;font-size:14px}.revex-button[data-size=lg]{min-height:52px;padding:16px 24px;font-size:16px}.revex-input,.revex-select,.revex-textarea{min-height:48px;padding:14px;font-size:16px}.revex-tab{min-height:44px;padding:10px 16px}.revex-badge{padding:6px 12px;font-size:12px}.revex-status-pill{padding:8px 14px;font-size:13px}.revex-modal-close{width:36px;height:36px}.revex-card{padding:var(--space-5)}.revex-spotlight{padding:var(--space-4);min-height:80px}}body{overflow-x:hidden;background:radial-gradient(circle at 30% 20%,var(--color-primary-muted),transparent 40%),radial-gradient(circle at 70% 80%,var(--color-secondary-muted),transparent 40%),var(--color-bg)}.portal-shell{min-height:100vh;display:flex;justify-content:center;padding:clamp(24px,5vw,48px)}.portal-header{width:min(1120px,100%);display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-8);gap:var(--space-4)}.portal-header h3{margin:var(--space-1) 0 0;font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--color-text)}.portal-header p{margin:0;font-size:13px;color:var(--color-text-tertiary)}.portal-header-actions{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.portal-grid{display:grid;grid-template-columns:1fr 1.1fr;width:min(1120px,100%);gap:var(--space-6)}.portal-hero{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-xl);padding:var(--space-8);border:1px solid var(--glass-border);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--space-6)}.portal-hero h2{margin:0;font-size:28px;font-weight:600;letter-spacing:-.02em;color:var(--color-text)}.portal-hero>p{margin:0;color:var(--color-text-secondary)}.portal-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}@media (max-width: 768px){.portal-plan-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.portal-plan-grid{grid-template-columns:1fr}}.portal-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--glass-border);box-shadow:var(--shadow-sm)}.loading-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4)}.loading-spinner{width:32px;height:32px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-container p{margin:0;font-size:14px;color:var(--color-text-tertiary)}.portal-toast{position:fixed;bottom:var(--space-6);left:50%;transform:translate(-50%);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-full);padding:var(--space-3) var(--space-5);border:1px solid var(--glass-border);box-shadow:var(--shadow-lg);font-size:14px;font-weight:500;color:var(--color-text);animation:toastIn var(--duration-slow) ease}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(16px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 70% 20%,var(--color-primary-muted),transparent 40%),radial-gradient(circle at 20% 80%,var(--color-secondary-muted),transparent 40%),var(--color-bg);padding:24px}.login-card{width:100%;max-width:420px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius-2xl);padding:40px;box-shadow:var(--shadow-xl);border:1px solid var(--glass-border)}.login-header{text-align:center;margin-bottom:32px}.login-logo{width:56px;height:56px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));color:var(--color-text-on-primary);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.5rem;margin:0 auto 20px;box-shadow:var(--shadow-glow)}.login-header h2{color:var(--color-text);margin:0 0 8px}.login-header p{color:var(--color-text-secondary);margin:0}.login-form{display:flex;flex-direction:column;gap:20px}.login-field{display:flex;flex-direction:column;gap:8px}.login-field label{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.login-error{padding:12px;background:var(--color-danger-subtle);color:var(--color-danger);border-radius:var(--radius-md);font-size:13px;text-align:center}@media (max-width: 1024px){.portal-grid{grid-template-columns:1fr}.portal-hero{padding:var(--space-6)}}@media (max-width: 768px){.portal-grid{grid-template-columns:1fr}.portal-hero{padding:var(--space-6)}.portal-hero h2{font-size:22px}.portal-header-actions{gap:var(--space-2)}.portal-header-actions .revex-button{flex:1;min-height:44px;padding:12px 16px;font-size:14px}}@media (max-width: 640px){.portal-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.portal-header-actions{width:100%;justify-content:flex-start}.portal-hero h2{font-size:24px}}@media (max-width: 480px){.portal-shell{padding:16px 16px 100px}.portal-header{margin-bottom:var(--space-6)}.portal-header h3{font-size:16px}.portal-header p{font-size:12px}.portal-header-actions{flex-direction:column}.portal-header-actions .revex-button{width:100%}.portal-grid{gap:var(--space-4)}.portal-hero{padding:var(--space-5);border-radius:var(--radius-xl)}.portal-hero h2{font-size:20px}.portal-hero>p{font-size:14px}.portal-panel{padding:var(--space-5);border-radius:var(--radius-xl)}.portal-plan-grid{grid-template-columns:1fr;gap:var(--space-3)}}
