:root{--color-black:#000;--color-white:#fff;--color-gray-50:#fafafa;--color-gray-100:#f5f5f5;--color-gray-200:#e5e5e5;--color-gray-300:#d4d4d4;--color-gray-400:#a3a3a3;--color-gray-500:#737373;--color-gray-600:#525252;--color-gray-700:#404040;--color-gray-800:#262626;--color-gray-900:#171717;--color-gray-950:#0a0a0a;--color-primary-50:var(--color-gray-50);--color-primary-100:var(--color-gray-100);--color-primary-200:var(--color-gray-200);--color-primary-300:var(--color-gray-300);--color-primary-400:var(--color-gray-400);--color-primary-500:var(--color-gray-500);--color-primary-600:var(--color-gray-800);--color-primary-700:var(--color-gray-900);--color-primary-800:var(--color-gray-950);--color-primary-900:var(--color-black);--color-primary:var(--color-black);--color-primary-dark:var(--color-black);--color-primary-light:var(--color-gray-700);--color-success:var(--color-gray-700);--color-success-light:var(--color-gray-500);--color-success-dark:var(--color-gray-900);--success-50:var(--color-gray-50);--success-100:var(--color-gray-100);--success-200:var(--color-gray-200);--success-500:var(--color-gray-500);--success-600:var(--color-gray-600);--success-700:var(--color-gray-700);--color-warning:var(--color-gray-600);--color-warning-light:var(--color-gray-400);--color-warning-dark:var(--color-gray-800);--warning-50:var(--color-gray-50);--warning-100:var(--color-gray-100);--warning-200:var(--color-gray-200);--warning-500:var(--color-gray-500);--warning-600:var(--color-gray-600);--warning-700:var(--color-gray-700);--color-danger:var(--color-gray-700);--color-danger-light:var(--color-gray-500);--color-danger-dark:var(--color-gray-900);--danger-50:var(--color-gray-50);--danger-100:var(--color-gray-100);--danger-200:var(--color-gray-200);--danger-500:var(--color-gray-500);--danger-600:var(--color-gray-600);--danger-700:var(--color-gray-700);--color-info:var(--color-gray-600);--color-info-light:var(--color-gray-400);--color-info-dark:var(--color-gray-800);--primary-50:var(--color-gray-50);--primary-100:var(--color-gray-100);--primary-200:var(--color-gray-200);--primary-500:var(--color-gray-700);--primary-600:var(--color-gray-800);--primary-700:var(--color-gray-900);--color-bg:var(--color-white);--color-bg-secondary:var(--color-gray-50);--color-bg-dark:var(--color-black);--color-surface:var(--color-white);--color-surface-elevated:var(--color-white);--color-surface-hover:var(--color-gray-50);--color-border:var(--color-gray-200);--color-border-strong:var(--color-gray-300);--color-text:var(--color-black);--color-text-secondary:var(--color-gray-600);--color-text-muted:var(--color-gray-500);--color-text-disabled:var(--color-gray-400);--font-sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--font-mono:'SF Mono','Fira Code','Consolas','Monaco',monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--radius-none:0;--radius-sm:.25rem;--radius-base:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--spacing-1:var(--space-1);--spacing-2:var(--space-2);--spacing-3:var(--space-3);--spacing-4:var(--space-4);--spacing-5:var(--space-5);--spacing-6:var(--space-6);--spacing-8:var(--space-8);--bg-primary:var(--color-surface);--bg-secondary:var(--color-bg-secondary);--bg-tertiary:var(--color-gray-200);--text-primary:var(--color-text);--text-secondary:var(--color-text-secondary);--text-tertiary:var(--color-text-muted);--border-color:var(--color-border);--shadow-xs:0 1px 2px 0 rgb(0 0 0/.05);--shadow-sm:0 1px 3px 0 rgb(0 0 0/.1),0 1px 2px -1px rgb(0 0 0/.1);--shadow-md:0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/.1),0 8px 10px -6px rgb(0 0 0/.1);--shadow-2xl:0 25px 50px -12px rgb(0 0 0/.25);--shadow-inner:inset 0 2px 4px 0 rgb(0 0 0/.05);--glass-bg:rgba(255,255,255,.7);--glass-border:rgba(255,255,255,.18);--glass-shadow:0 8px 32px 0 rgba(31,38,135,.15);--transition-fast:150ms cubic-bezier(.4,0,.2,1);--transition-base:250ms cubic-bezier(.4,0,.2,1);--transition-slow:350ms cubic-bezier(.4,0,.2,1);--transition-bounce:500ms cubic-bezier(.34,1.56,.64,1);--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--header-height:64px;--max-width-sm:640px;--max-width-md:768px;--max-width-lg:1024px;--max-width-xl:1280px;--max-width-2xl:1536px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:var(--line-height-normal);min-height:100vh;display:flex;flex-direction:column;position:relative}body::before{content:'';position:fixed;top:0;left:0;right:0;height:600px;background:radial-gradient(ellipse at top,rgba(99,102,241,.05),transparent 60%);pointer-events:none;z-index:0}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-dark)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}::selection{background-color:var(--color-primary-200);color:var(--color-primary-900)}.header{position:sticky;top:0;z-index:var(--z-sticky);background:rgba(255,255,255,.8);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border-bottom:1px solid var(--color-border);transition:background var(--transition-base),box-shadow var(--transition-base)}.header::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary-200) 50%,transparent);opacity:0;transition:opacity var(--transition-base)}.header:hover::after{opacity:1}.nav-container{margin:0 auto;padding:0 var(--space-6);height:var(--header-height);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.logo{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-bold);font-size:var(--font-size-xl);color:var(--color-text);transition:transform var(--transition-base)}.logo:hover{color:var(--color-primary);transform:translateY(-1px)}.logo-icon{color:var(--color-primary);flex-shrink:0}.nav-links{display:flex;align-items:center;gap:var(--space-6)}.nav-link{color:var(--color-text-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all var(--transition-fast);position:relative}.nav-link::before{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%) scaleX(0);width:60%;height:2px;background:var(--color-primary);border-radius:var(--radius-full);transition:transform var(--transition-base)}.nav-link:hover{color:var(--color-text);background:var(--color-surface-hover)}.nav-link:hover::before{transform:translateX(-50%) scaleX(1)}.nav-user{display:flex;align-items:center;gap:var(--space-4)}.user-name{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-full);border:1px solid var(--color-border)}.logout-form{display:inline}.btn-link{background:none;border:0;cursor:pointer;font-size:inherit;font-family:inherit}.nav-link-icon{font-size:1.25rem;padding:var(--space-1) var(--space-2)}.plan-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-decoration:none;text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-fast)}.plan-badge:hover{opacity:.9}.plan-badge-free{background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border)}.plan-badge-free:hover{border-color:var(--color-text-muted)}.plan-badge-pro{background:var(--color-black)!important;color:#fff;border:1px solid var(--color-black)!important}.plan-badge-pro:hover{background:var(--color-gray-800)!important;border-color:var(--color-gray-800)!important;color:var(--color-white)!important}.plan-badge-enterprise{background:var(--color-black);color:#fff;border:1px solid var(--color-black)}.plan-badge-enterprise:hover{background:var(--color-gray-800);border-color:var(--color-gray-800)}.trial-indicator{font-size:.625rem;font-weight:var(--font-weight-medium);padding:2px 6px;background:var(--color-gray-200);color:var(--color-text-muted);border-radius:var(--radius-sm)}.main-content{flex:1;width:100%;margin:0 auto;padding:var(--space-8) var(--space-6);position:relative;z-index:1}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-8) var(--space-6);margin-top:auto;position:relative;z-index:1}.footer-content{max-width:var(--max-width-xl);margin:0 auto;text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.footer-links{margin-top:var(--space-3);display:flex;justify-content:center;gap:var(--space-4)}.footer-links a{color:var(--color-text-muted);text-decoration:none;font-size:var(--font-size-sm);transition:color .15s ease}.footer-links a:hover{color:var(--color-text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);border:0;text-decoration:none;position:relative;overflow:hidden;white-space:nowrap}.btn::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity var(--transition-fast)}.btn:hover::before{opacity:1}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));color:#fff;box-shadow:var(--shadow-sm),0 0 0 1px rgba(79,70,229,.1) inset}.btn-primary:hover{background:linear-gradient(135deg,var(--color-primary-700),var(--color-primary-800));color:#fff;box-shadow:var(--shadow-md),0 0 0 1px rgba(79,70,229,.2) inset;transform:translateY(-1px)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:var(--color-bg);border-color:var(--color-border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,var(--color-danger),var(--color-danger-dark));color:#fff;box-shadow:var(--shadow-sm)}.btn-danger:hover{background:linear-gradient(135deg,var(--color-danger-dark),#b91c1c);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,var(--color-success),var(--color-success-dark));color:#fff;box-shadow:var(--shadow-sm)}.btn-success:hover{background:linear-gradient(135deg,var(--color-success-dark),#047857);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--font-size-xs);border-radius:var(--radius-md)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base);border-radius:var(--radius-xl)}.btn-icon{padding:var(--space-2);width:40px;height:40px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);margin-bottom:var(--space-2);color:var(--color-text);letter-spacing:-.01em}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);font-family:var(--font-sans);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);transition:all var(--transition-fast);box-shadow:var(--shadow-xs)}.form-input:hover{border-color:var(--color-border-strong)}.form-input:focus{outline:0;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(99,102,241,.1),var(--shadow-sm);background:#fff}.form-input::placeholder{color:var(--color-text-muted)}.form-textarea{min-height:120px;resize:vertical;font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.form-error{color:var(--color-danger);font-size:var(--font-size-sm);margin-top:var(--space-2);display:flex;align-items:center;gap:var(--space-1)}.form-hint{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--space-2);line-height:var(--line-height-snug)}input[type="checkbox"]{appearance:none;width:18px;height:18px;border:2px solid var(--color-border-strong);border-radius:var(--radius-sm);cursor:pointer;position:relative;transition:all var(--transition-fast);flex-shrink:0}input[type="checkbox"]:checked{background:var(--color-primary);border-color:var(--color-primary)}input[type="checkbox"]:checked::after{content:'✓';position:absolute;color:#fff;font-size:12px;top:50%;left:50%;transform:translate(-50%,-50%)}input[type="checkbox"]:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border-strong)}.card-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,var(--color-surface),var(--color-bg-secondary))}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);letter-spacing:-.02em}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}.page-header{margin-bottom:var(--space-8);animation:fadeInUp .4s ease-out}.page-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);color:var(--color-text);margin-bottom:var(--space-2);letter-spacing:-.03em;line-height:var(--line-height-tight)}.page-description{color:var(--color-text-secondary);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.page-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap}.list{list-style:none}.list-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);transition:all var(--transition-fast);cursor:pointer}.list-item:last-child{border-bottom:0}.list-item:hover{background:var(--color-surface-hover);padding-left:calc(var(--space-6) + 4px)}.list-item-content{flex:1;min-width:0}.list-item-title{font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-1);font-size:var(--font-size-base)}.list-item-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.list-item-actions{display:flex;gap:var(--space-2);align-items:center}.empty-state{text-align:center;padding:var(--space-12) var(--space-6);color:var(--color-text-muted);animation:fadeIn .4s ease-out}.empty-state-icon{font-size:var(--font-size-6xl);margin-bottom:var(--space-4);opacity:.3;filter:grayscale(1)}.empty-state-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.empty-state-description{max-width:400px;margin:0 auto var(--space-6);line-height:var(--line-height-relaxed)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent}.badge-success{background:rgba(16,185,129,.1);color:var(--color-success-dark);border-color:rgba(16,185,129,.2)}.badge-warning{background:rgba(245,158,11,.1);color:var(--color-warning-dark);border-color:rgba(245,158,11,.2)}.badge-danger{background:rgba(239,68,68,.1);color:var(--color-danger-dark);border-color:rgba(239,68,68,.2)}.badge-info{background:rgba(59,130,246,.1);color:var(--color-info-dark);border-color:rgba(59,130,246,.2)}.badge-neutral{background:var(--color-bg-secondary);color:var(--color-text-secondary);border-color:var(--color-border)}.method-badge{font-family:var(--font-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:var(--space-1) var(--space-3);border-radius:var(--radius-base);text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent}.method-get{background:rgba(16,185,129,.1);color:#047857;border-color:rgba(16,185,129,.2)}.method-post{background:rgba(59,130,246,.1);color:#1e40af;border-color:rgba(59,130,246,.2)}.method-put{background:rgba(245,158,11,.1);color:#b45309;border-color:rgba(245,158,11,.2)}.method-patch{background:rgba(168,85,247,.1);color:#6b21a8;border-color:rgba(168,85,247,.2)}.method-delete{background:rgba(239,68,68,.1);color:#b91c1c;border-color:rgba(239,68,68,.2)}.code-block{background:var(--color-gray-900);color:var(--color-gray-200);padding:var(--space-4);border-radius:var(--radius-lg);overflow-x:auto;font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);box-shadow:var(--shadow-inner);border:1px solid var(--color-gray-800)}.code-block::-webkit-scrollbar{height:8px}.code-block::-webkit-scrollbar-track{background:var(--color-gray-800);border-radius:var(--radius-base)}.code-block::-webkit-scrollbar-thumb{background:var(--color-gray-600);border-radius:var(--radius-base)}.code-block::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.code-inline{background:var(--color-bg-secondary);padding:var(--space-1) var(--space-2);border-radius:var(--radius-base);font-family:var(--font-mono);font-size:.9em;color:var(--color-primary-700);border:1px solid var(--color-border)}.json-key{color:#a78bfa}.json-string{color:#34d399}.json-number{color:#fbbf24}.json-boolean{color:#f472b6}.json-null{color:#94a3b8}.status-code{font-family:var(--font-mono);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.status-2xx{color:var(--color-success)}.status-3xx{color:var(--color-info)}.status-4xx{color:var(--color-warning)}.status-5xx{color:var(--color-danger)}.tabs{display:flex;gap:0;border-bottom:2px solid var(--color-border);margin-bottom:var(--space-6)}.tab{padding:var(--space-3) var(--space-5);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);cursor:pointer;border:0;background:none;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all var(--transition-fast);font-size:var(--font-size-sm)}.tab:hover{color:var(--color-text);background:var(--color-surface-hover)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.request-detail-grid{display:grid;grid-template-columns:1fr 400px;gap:var(--space-6);max-width:100%;overflow:hidden}.request-detail-left{min-width:0;overflow:hidden}.code-block-scroll{max-height:400px;overflow-y:auto;overflow-x:auto}.code-block-scroll::-webkit-scrollbar{width:8px;height:8px}.code-block-scroll::-webkit-scrollbar-track{background:var(--color-gray-800);border-radius:var(--radius-base)}.code-block-scroll::-webkit-scrollbar-thumb{background:var(--color-gray-600);border-radius:var(--radius-base)}.code-block-scroll::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.pre-container{border-radius:var(--radius-md);overflow:hidden}.pre-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-4);background:var(--color-gray-800);border-bottom:1px solid var(--color-gray-700);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-300)}.pre-header-badge{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);background:var(--color-gray-700);border-radius:var(--radius-sm);color:var(--color-gray-400)}.localhost-warning{margin-top:var(--space-2);padding:var(--space-3);background:var(--color-gray-100);border:1px solid var(--color-gray-300);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text)}.code-pre{background:var(--color-gray-900);color:var(--color-gray-200);padding:var(--space-4);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:1.6;margin:0;white-space:pre-wrap;word-break:break-word;overflow-x:auto;max-height:400px;overflow-y:auto}.header-line{word-break:break-all;padding:var(--space-1) 0;border-bottom:1px solid var(--color-gray-800)}.header-line:last-child{border-bottom:0}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media(max-width:1024px){.request-detail-grid{grid-template-columns:1fr}}@media(max-width:640px){.info-grid{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-lg{font-size:var(--font-size-lg)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-center{text-align:center}.font-mono{font-family:var(--font-mono)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.url-display{display:flex;align-items:center;background:var(--color-bg-secondary);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);font-family:var(--font-mono);font-size:var(--font-size-sm);gap:var(--space-3);box-shadow:var(--shadow-xs);transition:all var(--transition-fast)}.url-display:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-sm)}.url-display-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-secondary)}.url-display-text strong{color:var(--color-text)}.url-display .btn{flex-shrink:0}.request-list{list-style:none}.request-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast)}.request-item:hover{background:var(--color-surface-hover);padding-left:calc(var(--space-5) + 4px)}.request-item:last-child{border-bottom:0}.request-method{flex-shrink:0}.request-info{flex:1;min-width:0}.request-time{font-size:var(--font-size-sm);color:var(--color-text-muted)}.request-size{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-mono)}.panel-overlay{position:fixed;inset:0;background:rgba(15,23,42,.5);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);opacity:0;visibility:hidden;transition:all var(--transition-base)}.panel-overlay.active{opacity:1;visibility:visible}.panel{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:640px;background:var(--color-surface);box-shadow:var(--shadow-2xl);z-index:var(--z-modal);transform:translateX(100%);transition:transform var(--transition-slow);display:flex;flex-direction:column}.panel.active{transform:translateX(0)}.panel-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,var(--color-surface),var(--color-bg-secondary))}.panel-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:0;background:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.panel-close:hover{background:var(--color-bg);color:var(--color-text)}.panel-body{flex:1;overflow-y:auto;padding:var(--space-6)}.panel-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background:var(--color-bg-secondary)}#toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-tooltip);display:flex;flex-direction:column;gap:var(--space-3);max-width:400px}.toast{padding:var(--space-4) var(--space-5);background:var(--color-black);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);animation:slideInToast .3s cubic-bezier(.34,1.56,.64,1);border:1px solid var(--color-gray-700)}.toast-success{background:var(--color-black)}.toast-success::before{content:'✓';margin-right:var(--space-2);font-weight:bold}.toast-error{background:var(--color-black)}.toast-error::before{content:'✕';margin-right:var(--space-2);font-weight:bold}.toast-info{background:var(--color-black)}.toast-info::before{content:'ℹ';margin-right:var(--space-2);font-weight:bold}@keyframes slideInToast{from{opacity:0;transform:translateX(100%) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}.htmx-request .htmx-indicator{display:inline-block}.htmx-indicator{display:none}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.workspace-layout{display:grid;grid-template-columns:260px 1fr;gap:var(--space-8);min-height:calc(100vh - 300px)}.workspace-sidebar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4) 0;height:fit-content;position:sticky;top:calc(var(--header-height) + var(--space-6));box-shadow:var(--shadow-sm)}.sidebar-section{padding:var(--space-2) var(--space-4)}.sidebar-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin-bottom:var(--space-2);padding:0 var(--space-3)}.sidebar-nav{list-style:none}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);color:var(--color-text-secondary);border-radius:var(--radius-md);margin:var(--space-1) var(--space-2);transition:all var(--transition-fast);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.sidebar-link:hover{background:var(--color-surface-hover);color:var(--color-text);padding-left:calc(var(--space-4) + 4px)}.sidebar-link.active{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(79,70,229,.05));color:var(--color-primary);border-left:3px solid var(--color-primary);padding-left:calc(var(--space-4) + 1px)}.workspace-main{min-width:0}@media(max-width:1024px){.workspace-layout{grid-template-columns:1fr}.workspace-sidebar{position:static}}.auth-container{max-width:460px;margin:var(--space-12) auto;animation:fadeInUp .5s ease-out}.auth-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-10);box-shadow:var(--shadow-xl);position:relative;overflow:hidden}.auth-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary-500),var(--color-primary-600),var(--color-primary-700))}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-extrabold);color:var(--color-text);margin-bottom:var(--space-2);letter-spacing:-.02em}.auth-subtitle{color:var(--color-text-secondary);font-size:var(--font-size-base)}.auth-footer{text-align:center;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:all var(--transition-base);position:relative;overflow:hidden}.stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary-400),var(--color-primary-600));transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-200)}.stat-card:hover::before{transform:scaleX(1)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-1);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.05em}.stat-value{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);color:var(--color-text);letter-spacing:-.03em}.stat-change{font-size:var(--font-size-sm);margin-top:var(--space-1);font-weight:var(--font-weight-semibold)}.stat-change.positive{color:var(--color-success)}.stat-change.negative{color:var(--color-danger)}.hero{text-align:center;padding:var(--space-20) var(--space-6);max-width:900px;margin:0 auto;animation:fadeInUp .6s ease-out;position:relative}.hero::before{content:'';position:absolute;top:-100px;left:50%;transform:translateX(-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(99,102,241,.15),rgba(99,102,241,.05),transparent);border-radius:50%;z-index:-1;animation:pulse-gradient 8s ease-in-out infinite}@keyframes pulse-gradient{0%,100%{transform:translateX(-50%) scale(1);opacity:.5}50%{transform:translateX(-50%) scale(1.1);opacity:.8}}.hero-title{font-size:clamp(2.5rem,6vw,4rem);font-weight:var(--font-weight-extrabold);line-height:var(--line-height-tight);color:var(--color-text);margin-bottom:var(--space-6);letter-spacing:-.04em}.hero-title span{background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-400),#8b5cf6);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 6s ease infinite}@keyframes gradient-shift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.hero-description{font-size:var(--font-size-xl);color:var(--color-text-secondary);margin-bottom:var(--space-8);line-height:var(--line-height-relaxed);max-width:700px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6);padding:var(--space-12) 0}.feature-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-sm);transition:all var(--transition-slow);position:relative;overflow:hidden}.feature-card::before{content:'';position:absolute;inset:0;border-radius:var(--radius-xl);padding:1px;background:linear-gradient(135deg,var(--color-primary-300),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--transition-base)}.feature-card::after{content:'';position:absolute;width:200px;height:200px;background:radial-gradient(circle,rgba(99,102,241,.08),transparent 70%);border-radius:50%;top:-100px;right:-100px;transition:all var(--transition-slow)}.feature-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl)}.feature-card:hover::before{opacity:1}.feature-card:hover::after{top:-50px;right:-50px;transform:scale(1.2)}.feature-icon{width:56px;height:56px;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(79,70,229,.05));border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-3xl);margin-bottom:var(--space-5);border:1px solid rgba(99,102,241,.1);transition:all var(--transition-base);position:relative;z-index:1}.feature-card:hover .feature-icon{transform:scale(1.1) rotate(5deg);background:linear-gradient(135deg,rgba(99,102,241,.15),rgba(79,70,229,.1))}.feature-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-2);letter-spacing:-.01em;position:relative;z-index:1}.feature-description{color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);position:relative;z-index:1}.pricing{padding:var(--space-16) 0;text-align:center}.pricing-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-extrabold);margin-bottom:var(--space-2);letter-spacing:-.02em}.pricing-subtitle{color:var(--color-text-secondary);margin-bottom:var(--space-12);font-size:var(--font-size-lg)}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-8);max-width:900px;margin:0 auto}.pricing-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-10);text-align:left;box-shadow:var(--shadow-md);transition:all var(--transition-slow)}.pricing-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl)}.pricing-card.featured{border-color:var(--color-primary);border-width:2px;box-shadow:var(--shadow-xl),0 0 0 1px var(--color-primary) inset;position:relative}.pricing-card.featured::before{content:'POPULAR';position:absolute;top:-12px;right:var(--space-6);background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700));color:#fff;padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.1em}.pricing-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.pricing-price{font-size:var(--font-size-5xl);font-weight:var(--font-weight-extrabold);color:var(--color-text);letter-spacing:-.03em}.pricing-price span{font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);color:var(--color-text-muted)}.pricing-description{color:var(--color-text-secondary);margin:var(--space-4) 0;font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.pricing-features{list-style:none;margin:var(--space-6) 0}.pricing-features li{padding:var(--space-2) 0;color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--space-3);font-size:var(--font-size-base)}.pricing-features li::before{content:'✓';color:var(--color-success);font-weight:var(--font-weight-bold);font-size:var(--font-size-lg);flex-shrink:0}.pricing-card .btn{width:100%;margin-top:var(--space-4)}.validation-summary{background:rgba(239,68,68,.05);border:1px solid rgba(239,68,68,.2);border-left:4px solid var(--color-danger);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-6);color:var(--color-danger-dark);font-size:var(--font-size-sm)}.validation-summary ul{margin:0;padding-left:var(--space-5)}.field-validation-error{color:var(--color-danger);font-size:var(--font-size-sm);margin-top:var(--space-2);display:block;font-weight:var(--font-weight-medium)}.input-validation-error{border-color:var(--color-danger)!important;background:rgba(239,68,68,.02)}.input-validation-error:focus{box-shadow:0 0 0 3px rgba(239,68,68,.1)!important}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{from{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media(max-width:768px){:root{--header-height:56px}.nav-container{padding:0 var(--space-4)}.nav-links{gap:var(--space-3)}.main-content{padding:var(--space-6) var(--space-4)}.page-title{font-size:var(--font-size-3xl)}.hero{padding:var(--space-12) var(--space-4)}.hero-description{font-size:var(--font-size-lg)}.card-header,.card-body,.card-footer{padding:var(--space-4)}.auth-card{padding:var(--space-6)}.feature-card{padding:var(--space-6)}.pricing-card{padding:var(--space-6)}#toast-container{left:var(--space-4);right:var(--space-4);bottom:var(--space-4)}}@media(max-width:480px){.page-header .flex{flex-direction:column;align-items:flex-start!important;gap:var(--space-4)}.page-actions,.hero-actions{width:100%;flex-direction:column}.page-actions .btn,.hero-actions .btn{width:100%}.nav-user{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}@media print{.header,.footer,.btn,.nav-links,#toast-container{display:none}.main-content{max-width:100%;padding:0}.card{box-shadow:none;border:1px solid #000}}.skeleton{background:linear-gradient(90deg,var(--color-gray-200) 0%,var(--color-gray-100) 50%,var(--color-gray-200) 100%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.skeleton-text{height:1em;margin-bottom:var(--space-2)}.skeleton-title{height:2em;width:60%;margin-bottom:var(--space-3)}.skeleton-card{height:200px;border-radius:var(--radius-xl)}.workspace-card{text-decoration:none;position:relative;overflow:hidden;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-slow)}.workspace-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--color-primary-400),var(--color-primary-600),#8b5cf6);transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.workspace-card:hover::before{transform:scaleX(1)}.workspace-card::after{content:'';position:absolute;top:50%;right:-100px;width:200px;height:200px;background:radial-gradient(circle,rgba(99,102,241,.06),transparent 70%);border-radius:50%;transition:all var(--transition-slow)}.workspace-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-primary-200)}.workspace-card:hover::after{right:-50px}.workspace-card .card-body{position:relative;z-index:1}.stat-card{cursor:default}.stat-value{animation:count-up .8s ease-out}@keyframes count-up{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stat-card:nth-child(1) .stat-value{animation-delay:.1s}.stat-card:nth-child(2) .stat-value{animation-delay:.2s}.stat-card:nth-child(3) .stat-value{animation-delay:.3s}.stat-card:nth-child(4) .stat-value{animation-delay:.4s}.btn-ripple{position:relative;overflow:hidden}.btn-ripple::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.5);transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-ripple:active::after{width:300px;height:300px}.code-container{position:relative}.code-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--color-gray-800);border-radius:var(--radius-lg) var(--radius-lg) 0 0;border:1px solid var(--color-gray-700)}.code-language{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-400);text-transform:uppercase;letter-spacing:.05em}.code-copy-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--color-gray-300);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast)}.code-copy-btn:hover{background:rgba(255,255,255,.15);color:#fff}.code-copy-btn.copied{background:rgba(16,185,129,.2);border-color:var(--color-success);color:var(--color-success)}.code-block{margin:0;border-radius:0 0 var(--radius-lg) var(--radius-lg);border:1px solid var(--color-gray-800);border-top:0}.json-container{position:relative}.json-key{color:#a78bfa;font-weight:var(--font-weight-medium)}.json-string{color:#34d399}.json-number{color:#fbbf24}.json-boolean{color:#f472b6;font-weight:var(--font-weight-semibold)}.json-null{color:#94a3b8;font-style:italic}.status-indicator{display:inline-flex;align-items:center;gap:var(--space-2)}.status-dot{width:8px;height:8px;border-radius:50%;position:relative}.status-dot.active{background:var(--color-success)}.status-dot.active::before{content:'';position:absolute;inset:-4px;border-radius:50%;background:var(--color-success);opacity:.3;animation:pulse-ring 2s ease-out infinite}@keyframes pulse-ring{0%{transform:scale(.8);opacity:.5}50%{transform:scale(1.2);opacity:.3}100%{transform:scale(1.5);opacity:0}}.status-dot.inactive{background:var(--color-gray-400)}.request-item{position:relative}.request-item::before{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-primary);transform:scaleY(0);transition:transform var(--transition-fast)}.request-item:hover::before{transform:scaleY(1)}.request-item.new-item{animation:highlight-new 2s ease-out}@keyframes highlight-new{0%{background:rgba(99,102,241,.1)}100%{background:transparent}}.glass{background:var(--glass-bg);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-dark{background:rgba(15,23,42,.7);backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.1)}.floating-shape{position:fixed;pointer-events:none;z-index:0}.floating-circle{border-radius:50%;background:radial-gradient(circle,rgba(99,102,241,.03),transparent 70%)}.floating-1{width:400px;height:400px;top:10%;left:-10%;animation:float 20s ease-in-out infinite}.floating-2{width:300px;height:300px;bottom:10%;right:-5%;animation:float 15s ease-in-out infinite reverse}@keyframes float{0%,100%{transform:translateY(0) translateX(0)}25%{transform:translateY(-20px) translateX(10px)}50%{transform:translateY(0) translateX(20px)}75%{transform:translateY(20px) translateX(10px)}}[data-tooltip]{position:relative;cursor:help}[data-tooltip]::before{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translateX(-50%) translateY(-8px);padding:var(--space-2) var(--space-3);background:var(--color-gray-900);color:#fff;font-size:var(--font-size-xs);white-space:nowrap;border-radius:var(--radius-md);opacity:0;visibility:hidden;transition:all var(--transition-fast);z-index:var(--z-tooltip);pointer-events:none}[data-tooltip]::after{content:'';position:absolute;bottom:100%;left:50%;transform:translateX(-50%);border:4px solid transparent;border-top-color:var(--color-gray-900);opacity:0;visibility:hidden;transition:all var(--transition-fast)}[data-tooltip]:hover::before,[data-tooltip]:hover::after{opacity:1;visibility:visible;transform:translateX(-50%) translateY(-4px)}[data-tooltip]:hover::after{transform:translateX(-50%)}.progress-ring{width:120px;height:120px;transform:rotate(-90deg)}.progress-ring-circle{fill:none;stroke:var(--color-primary);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset var(--transition-slow)}.progress-ring-bg{fill:none;stroke:var(--color-gray-200);stroke-width:8}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}*:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.subscription-page{max-width:1000px;margin:0 auto}.subscription-page .page-header{margin-bottom:var(--space-6)}.subscription-page .page-header h1{margin-bottom:var(--space-2)}.subscription-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-6)}@media(max-width:768px){.subscription-grid{grid-template-columns:1fr}}.plan-card .card-body{display:flex;flex-direction:column;gap:var(--space-4)}.plan-info{text-align:center}.plan-tier{display:flex;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-3)}.plan-badge-large{font-size:1.25rem;padding:var(--space-2) var(--space-4)}.plan-price{margin-bottom:var(--space-3)}.price-amount{font-size:2.5rem;font-weight:700;color:var(--color-text)}.price-period{font-size:1rem;color:var(--color-text-secondary)}.trial-notice{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);background:var(--warning-50);border-radius:var(--radius-md);color:var(--warning-700);font-weight:500}.trial-icon{font-size:1.25rem}.plan-actions{display:flex;flex-direction:column;gap:var(--space-2);align-items:center}.inline-form{display:inline}.usage-grid{display:flex;flex-direction:column;gap:var(--space-4)}.usage-item{padding:var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.usage-item.at-limit{background:var(--danger-50)}.usage-header{display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.usage-label{font-weight:500;color:var(--color-text)}.usage-value{font-weight:600;color:var(--color-text-secondary)}.progress-bar{height:8px;background:var(--color-border);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));border-radius:4px;transition:width .3s ease}.progress-fill.limit-reached{background:linear-gradient(135deg,var(--danger-500),var(--danger-600))}.upgrade-prompt{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);margin-top:var(--space-4);background:var(--warning-50);border-radius:var(--radius-md);color:var(--warning-700)}.warning-icon{font-size:1.25rem}.upgrade-prompt a{font-weight:600;margin-left:auto}.comparison-table{width:100%;border-collapse:collapse}.comparison-table th,.comparison-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.comparison-table th{font-weight:600;background:var(--color-bg-secondary)}.plan-column{text-align:center;width:150px}.plan-column.current{background:var(--color-primary-50)}.plan-column.team-column{background:linear-gradient(135deg,var(--color-primary-50),var(--color-primary-100))}.current-badge{display:block;font-size:.75rem;font-weight:500;color:var(--color-primary-600);margin-top:var(--space-1)}.feature-name{font-weight:500}.plan-value{text-align:center;color:var(--color-text-secondary)}.team-value{color:var(--color-primary-700);font-weight:600}.comparison-table .highlighted{background:var(--color-bg-secondary)}.comparison-table .highlighted .plan-value.team-value{color:var(--color-success)}.quick-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.action-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-secondary);border-radius:var(--radius-md);text-decoration:none;color:var(--color-text);transition:all .2s ease}.action-item:hover{background:var(--color-gray-200);transform:translateY(-2px)}.action-item.highlight{background:linear-gradient(135deg,var(--color-primary-50),var(--color-primary-100));border:1px solid var(--color-primary-200)}.action-item.highlight:hover{background:linear-gradient(135deg,var(--color-primary-100),var(--color-primary-200))}.action-icon{font-size:1.5rem}.action-item strong{display:block;margin-bottom:var(--space-1)}.action-item small{color:var(--color-text-secondary)}.alert{padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.alert-success{background:var(--success-50);color:var(--success-700);border:1px solid var(--success-200)}.alert-danger{background:var(--danger-50);color:var(--danger-700);border:1px solid var(--danger-200)}.upgrade-page{max-width:900px;margin:0 auto;padding:var(--space-6) var(--space-4)}.upgrade-page .page-header{margin-bottom:var(--space-8)}.upgrade-page .page-header h1{font-size:2rem;margin-bottom:var(--space-2)}.text-center{text-align:center}.plans-container{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);margin-bottom:var(--space-8)}@media(max-width:768px){.plans-container{grid-template-columns:1fr}}.upgrade-plan-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);display:flex;flex-direction:column;position:relative;transition:all .3s ease}.upgrade-plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.upgrade-plan-card.featured{border-color:var(--color-primary);background:linear-gradient(180deg,var(--color-primary-50) 0%,var(--color-surface) 100%)}.upgrade-plan-card.current{border-color:var(--color-success)}.trial-banner{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;white-space:nowrap}.plan-header{text-align:center;padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4)}.plan-header h2{font-size:1.5rem;margin-bottom:var(--space-2)}.plan-header .plan-price{margin-bottom:var(--space-2)}.plan-header .price-amount{font-size:3rem;font-weight:700;color:var(--color-text)}.plan-description{color:var(--color-text-secondary);font-size:.875rem}.plan-features{flex:1;margin-bottom:var(--space-4)}.plan-features ul{list-style:none;padding:0;margin:0}.plan-features li{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0}.plan-features li.muted{color:var(--color-text-muted)}.check-icon{color:var(--color-success);font-weight:bold}.check-icon.highlight{color:var(--color-primary)}.x-icon{color:var(--color-text-muted)}.plan-action{text-align:center}.plan-action .btn-lg{width:100%;padding:var(--space-4);font-size:1rem}.or-divider{display:flex;align-items:center;margin:var(--space-3) 0}.or-divider::before,.or-divider::after{content:'';flex:1;height:1px;background:var(--color-border)}.or-divider span{padding:0 var(--space-3);color:var(--color-text-muted);font-size:.875rem}.faq-section{margin-top:var(--space-8)}.faq-section h2{text-align:center;margin-bottom:var(--space-6)}.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}@media(max-width:768px){.faq-grid{grid-template-columns:1fr}}.faq-item{background:var(--color-bg-secondary);padding:var(--space-4);border-radius:var(--radius-md)}.faq-item h3{font-size:1rem;margin-bottom:var(--space-2)}.faq-item p{color:var(--color-text-secondary);font-size:.875rem;line-height:1.6;margin:0}.back-link{text-align:center;margin-top:var(--space-8)}.back-link a{color:var(--color-text-secondary);text-decoration:none}.back-link a:hover{color:var(--color-primary-600)}.usage-stats-widget{display:flex;flex-direction:column;gap:var(--space-3)}.usage-stats-widget .usage-item{padding:var(--space-2);background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.usage-stats-widget .usage-item.at-limit{background:var(--danger-50)}.usage-stats-widget .usage-header{display:flex;justify-content:space-between;margin-bottom:var(--space-1);font-size:.75rem}.usage-stats-widget .usage-label{color:var(--color-text-secondary)}.usage-stats-widget .usage-value{font-weight:600}.usage-stats-widget .progress-bar{height:4px;background:var(--color-border);border-radius:2px;overflow:hidden}.usage-stats-widget .progress-fill{height:100%;background:var(--color-primary);border-radius:2px}.usage-stats-widget .progress-fill.limit-reached{background:var(--color-danger)}.upgrade-banner{background:linear-gradient(135deg,var(--color-gray-100) 0%,var(--color-gray-200) 100%);border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-6);position:relative;animation:slideDown .3s ease-out}.upgrade-banner.hidden{display:none}@keyframes slideDown{from{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.upgrade-banner-content{max-width:var(--max-width-xl);margin:0 auto;display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.upgrade-banner-icon{font-size:1.5rem;animation:pulse 2s infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.upgrade-banner-text{flex:1;min-width:200px}.upgrade-banner-text strong{color:var(--color-text);display:block;margin-bottom:2px}.upgrade-banner-text span{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.upgrade-banner-actions{display:flex;align-items:center;gap:var(--space-3)}.btn-warning{background:var(--color-text);color:#fff;border:0;font-weight:600}.btn-warning:hover{background:var(--color-black);transform:translateY(-1px);box-shadow:var(--shadow-md)}.upgrade-banner-dismiss{background:transparent;border:0;color:var(--color-text-secondary);cursor:pointer;font-size:1rem;padding:var(--space-2);opacity:.6;transition:opacity .2s}.upgrade-banner-dismiss:hover{opacity:1}.usage-warning{background:var(--color-surface);border-radius:var(--radius-lg);border:2px solid var(--color-warning);padding:var(--space-4);margin-bottom:var(--space-4);box-shadow:var(--shadow-md)}.usage-warning.warning{border-color:var(--color-warning);background:linear-gradient(135deg,#fffbeb 0%,#fef3c7 100%)}.usage-warning.critical{border-color:var(--color-danger);background:linear-gradient(135deg,#fef2f2 0%,#fee2e2 100%);animation:shake .5s ease-in-out}@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}.usage-warning-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.usage-warning-icon{font-size:1.25rem}.usage-warning.critical .usage-warning-icon{animation:pulse 1s infinite}.usage-warning-title{font-weight:600;color:var(--color-text)}.usage-warning-body{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.limit-item{display:grid;grid-template-columns:100px 1fr 80px;align-items:center;gap:var(--space-3)}.limit-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.limit-bar{height:8px;background:var(--color-gray-200);border-radius:4px;overflow:hidden}.limit-fill{height:100%;background:var(--color-warning);border-radius:4px;transition:width .3s ease}.limit-fill.full{background:var(--color-danger);animation:pulse 1.5s infinite}.limit-count{font-size:var(--font-size-sm);font-weight:600;text-align:right;color:var(--color-text)}.usage-warning-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.urgency-text{flex:1;font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.urgency-text strong{color:var(--color-text)}.limit-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .2s ease}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.limit-modal{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-2xl);max-width:600px;width:90%;max-height:90vh;overflow:auto;animation:slideUp .3s ease}@keyframes slideUp{from{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.limit-modal-header{text-align:center;padding:var(--space-8) var(--space-6) var(--space-4);border-bottom:1px solid var(--color-border)}.limit-modal-icon{font-size:3rem;margin-bottom:var(--space-3);animation:bounce 1s infinite}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.limit-modal-header h2{margin:0;font-size:var(--font-size-2xl);color:var(--color-text)}.limit-modal-body{padding:var(--space-6)}.limit-modal-body>p{text-align:center;color:var(--color-text-secondary);margin-bottom:var(--space-6)}.limit-modal-comparison{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.comparison-item{padding:var(--space-4);border-radius:var(--radius-lg);position:relative}.comparison-item.free{background:var(--color-gray-100);border:1px solid var(--color-gray-200)}.comparison-item.team{background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-primary-100) 100%);border:2px solid var(--color-primary);transform:scale(1.02);box-shadow:var(--shadow-lg)}.recommended-badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--color-primary);color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase}.comparison-item h4{margin:0 0 var(--space-2);font-size:var(--font-size-lg)}.comparison-item .price{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-3)}.comparison-item .price span{font-size:var(--font-size-sm);font-weight:400;color:var(--color-text-secondary)}.comparison-item ul{list-style:none;padding:0;margin:0}.comparison-item ul li{padding:var(--space-1) 0;font-size:var(--font-size-sm)}.comparison-item.free ul li{color:var(--color-text-muted)}.comparison-item.team ul li{color:var(--color-primary-700);font-weight:500}.social-proof{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--color-gray-50);border-radius:var(--radius-lg);border:1px solid var(--color-border)}.social-proof-avatars{display:flex}.avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary-400),var(--color-primary-600));color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:600;border:2px solid #fff;margin-left:-8px}.avatar:first-child{margin-left:0}.social-proof p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.limit-modal-footer{padding:var(--space-6);background:var(--color-gray-50);border-top:1px solid var(--color-border);border-radius:0 0 var(--radius-xl) var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-3);align-items:center}.limit-modal-footer .btn-lg{width:100%;padding:var(--space-4);font-size:var(--font-size-lg)}.btn-ghost{background:transparent;border:0;color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-sm)}.btn-ghost:hover{color:var(--color-text-secondary)}@media(max-width:600px){.limit-modal-comparison{grid-template-columns:1fr}}.locked-feature{position:relative;overflow:hidden}.locked-feature::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.8);backdrop-filter:blur(2px);z-index:10}.locked-feature-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:11;background:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-6);text-align:center;box-shadow:var(--shadow-lg)}.locked-feature-badge .lock-icon{font-size:2rem;margin-bottom:var(--space-2)}.locked-feature-badge h4{margin:0 0 var(--space-2);font-size:var(--font-size-lg)}.locked-feature-badge p{margin:0 0 var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.floating-upgrade-btn{position:fixed;bottom:var(--space-6);right:var(--space-6);background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);font-weight:600;text-decoration:none;box-shadow:var(--shadow-xl);display:flex;align-items:center;gap:var(--space-2);transition:all .3s ease;z-index:100;animation:slideInRight .5s ease-out}@keyframes slideInRight{from{transform:translateX(100px);opacity:0}to{transform:translateX(0);opacity:1}}.floating-upgrade-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-2xl);background:linear-gradient(135deg,var(--color-primary-600),var(--color-primary-700))}.floating-upgrade-btn .sparkle{animation:sparkle 1.5s infinite}@keyframes sparkle{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.inline-upgrade-prompt{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,var(--color-primary-50),var(--color-primary-100));border:1px dashed var(--color-primary-300);border-radius:var(--radius-md);margin:var(--space-3) 0}.inline-upgrade-prompt .prompt-icon{font-size:1.25rem}.inline-upgrade-prompt .prompt-text{flex:1;font-size:var(--font-size-sm)}.inline-upgrade-prompt .prompt-text strong{color:var(--color-primary-700)}.inline-upgrade-prompt .btn-sm{white-space:nowrap}.auth-page{display:flex;justify-content:center;padding:var(--space-4) var(--space-4)}.auth-card{width:100%;max-width:380px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.auth-header{margin-bottom:var(--space-6)}.auth-header h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-1)}.auth-header p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.password-label-row{display:flex;justify-content:space-between;align-items:center}.forgot-link{font-size:var(--font-size-sm);color:var(--color-text-muted);text-decoration:none}.forgot-link:hover{color:var(--color-primary);text-decoration:underline}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer}.checkbox-label input{margin:0}.btn-block{width:100%}.auth-footer{text-align:center;margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border)}.auth-footer p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.auth-footer a{color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none}.auth-footer a:hover{text-decoration:underline}.external-login-form{margin-bottom:var(--space-4)}.btn-google{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .2s}.btn-google:hover{background:var(--color-bg-secondary);border-color:var(--color-text)}.auth-divider{display:flex;align-items:center;margin-bottom:var(--space-4)}.auth-divider::before,.auth-divider::after{content:"";flex:1;height:1px;background:var(--color-border)}.auth-divider span{padding:0 var(--space-3);font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:lowercase}.alert-danger{padding:var(--space-3);margin-bottom:var(--space-4);background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#dc2626;font-size:var(--font-size-sm)}.alert-success{padding:var(--space-3);margin-bottom:var(--space-4);background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);border-radius:var(--radius-md);color:#16a34a;font-size:var(--font-size-sm)}.auth-terms{font-size:var(--font-size-xs);color:var(--color-text-muted);text-align:center;margin:0}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);text-decoration:none;font-weight:var(--font-weight-medium)}.back-link:hover{color:var(--color-text)}.back-link svg{flex-shrink:0}.auth-icon{width:64px;height:64px;margin:0 auto var(--space-4);display:flex;align-items:center;justify-content:center;border-radius:50%}.auth-icon.success{background:rgba(34,197,94,.1);color:#16a34a}.auth-icon.error{background:rgba(239,68,68,.1);color:#dc2626}.auth-icon.info{background:var(--color-gray-100);color:var(--color-text)}.auth-message{text-align:center;margin-bottom:var(--space-6)}.auth-message h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.auth-message p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.auth-actions{display:flex;flex-direction:column;gap:var(--space-3)}.auth-actions .btn{width:100%}.info-box{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-5)}.info-box p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-2) 0;line-height:1.5}.info-box p:last-child{margin-bottom:0}.info-box .text-muted{color:var(--color-text-muted)}.tips{margin-bottom:var(--space-4)}.tips h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.tips ul{margin:0;padding-left:var(--space-5)}.tips li{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-1)}.email-display{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);text-align:center;font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--space-5)}.verification-info{text-align:center;margin-bottom:var(--space-5)}.verification-info p{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--space-2) 0;line-height:1.5}.verification-info .text-muted{color:var(--color-text-muted)}.resend-form{margin-bottom:var(--space-4)}.result-message{padding:var(--space-4);border-radius:var(--radius-md);text-align:center;margin-bottom:var(--space-5);font-size:var(--font-size-sm);line-height:1.5}.result-message.success{background:var(--color-success-bg,#f0fdf4);border:1px solid var(--color-success-border,#bbf7d0);color:var(--color-success-text,#166534)}.result-message.error{background:var(--color-error-bg,#fef2f2);border:1px solid var(--color-error-border,#fecaca);color:var(--color-error-text,#991b1b)}.success-message{background:var(--color-success-bg,#f0fdf4);border:1px solid var(--color-success-border,#bbf7d0);color:var(--color-success-text,#166534);padding:var(--space-4);border-radius:var(--radius-md);text-align:center;margin-bottom:var(--space-5);font-size:var(--font-size-sm)}.action-buttons{text-align:center}.help-text{margin-top:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted)}.help-text a{color:var(--color-primary);text-decoration:none}.help-text a:hover{text-decoration:underline}.auth-card.wide{max-width:420px}.auth-header.text-center{text-align:center}.auth-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:var(--color-bg);border-radius:50%;margin-bottom:var(--space-4);color:var(--color-primary)}.auth-icon.success{background:var(--color-success-bg,#f0fdf4);color:var(--color-success,#22c55e)}.auth-icon.error{background:var(--color-error-bg,#fef2f2);color:var(--color-error,#ef4444)}.admin-dashboard,.admin-users,.admin-subscriptions,.admin-events{max-width:1200px;margin:0 auto}.admin-subscriptions{max-width:1400px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.metric-card{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.metric-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);border-radius:var(--radius-md);color:var(--color-text);flex-shrink:0}.metric-icon.highlight{background:var(--color-black);color:#fff}.metric-content{flex:1}.metric-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.2}.metric-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-1)}.metric-change{font-size:var(--font-size-xs);color:var(--color-success)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.stats-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.stats-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--color-gray-50);border-bottom:1px solid var(--color-border)}.stats-card-header h2{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.stats-card-body{padding:var(--space-4)}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.stat-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-mono)}.stat-value.highlight{color:var(--color-success);font-weight:var(--font-weight-bold)}.stat-divider{height:1px;background:var(--color-border);margin:var(--space-3) 0}.activity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.activity-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.activity-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--color-gray-50);border-bottom:1px solid var(--color-border)}.activity-header h2{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.activity-list{max-height:400px;overflow-y:auto}.activity-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.activity-item:last-child{border-bottom:0}.activity-info{display:flex;flex-direction:column;gap:2px}.activity-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.activity-meta{font-size:var(--font-size-xs);color:var(--color-text-muted)}.search-bar{margin-bottom:var(--space-4)}.search-form{display:flex;gap:var(--space-3);align-items:center}.search-input{flex:1;max-width:400px;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.search-input:focus{outline:0;border-color:var(--color-black)}.users-card,.subscriptions-card,.events-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.users-table,.subscriptions-table,.events-table{width:100%;border-collapse:collapse}.users-table th,.users-table td,.subscriptions-table th,.subscriptions-table td,.events-table th,.events-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.users-table th,.subscriptions-table th,.events-table th{background:var(--color-gray-50);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.users-table td,.subscriptions-table td,.events-table td{font-size:var(--font-size-sm)}.users-table tbody tr:hover,.subscriptions-table tbody tr:hover,.events-table tbody tr:hover{background:var(--color-gray-50)}.user-email{display:block;font-weight:var(--font-weight-medium)}.user-id{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-mono);background:var(--color-gray-100);padding:2px 6px;border-radius:var(--radius-sm);width:fit-content}td .user-id{background:none;padding:0}.tier-badge{padding:2px 8px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);text-transform:uppercase}.tier-free{background:var(--color-gray-100);color:var(--color-text-muted)}.tier-pro{background:var(--color-black);color:#fff}.tier-enterprise{background:var(--color-gray-900);color:#fff}.status-badge{padding:2px 8px;font-size:var(--font-size-xs);border-radius:var(--radius-full)}.status-active{background:#dcfce7;color:#166534}.status-canceled{background:#fef2f2;color:#991b1b}.status-past_due{background:#fef3c7;color:#92400e}.status-gifted{background:#e0e7ff;color:#3730a3}.status-none{color:var(--color-text-muted)}.event-badge{padding:4px 10px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full);white-space:nowrap}.event-created{background:#dcfce7;color:#166534}.event-renewed{background:#dbeafe;color:#1e40af}.event-canceled{background:#fef2f2;color:#991b1b}.badge-user{background:#dbeafe;color:#1e40af}.badge-subscription{background:#dcfce7;color:#166534}.badge-canceled{background:#fef2f2;color:#991b1b}.badge-webhook{background:#f3e8ff;color:#6b21a8}.badge-endpoint{background:#fef3c7;color:#92400e}.badge-workspace{background:#e0e7ff;color:#3730a3}.badge-default{background:var(--color-gray-100);color:var(--color-text-muted)}.event-time{display:block;font-weight:var(--font-weight-medium)}.event-ago{display:block;font-size:var(--font-size-xs);color:var(--color-text-muted)}.subscription-id{font-size:var(--font-size-xs);background:var(--color-gray-100);padding:2px 6px;border-radius:var(--radius-sm)}.verified{color:var(--color-success)}.not-verified{color:var(--color-text-muted)}.already-pro{font-size:var(--font-size-xs);color:var(--color-text-muted)}.text-muted{color:var(--color-text-muted)}.canceled-date{color:#991b1b}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.btn-link{font-size:var(--font-size-xs);color:var(--color-text-muted);text-decoration:none}.btn-link:hover{color:var(--color-text);text-decoration:underline}.empty-state{padding:var(--space-8);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.metadata-content{display:none}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-6)}.page-link{padding:var(--space-2) var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text);text-decoration:none}.page-link:hover{background:var(--color-gray-50)}.page-link.active{background:var(--color-black);border-color:var(--color-black);color:#fff}.page-ellipsis{padding:var(--space-2);color:var(--color-text-muted)}.modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.5)}.modal-content{position:relative;background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:400px;max-height:80vh;box-shadow:0 20px 60px rgba(0,0,0,.3);display:flex;flex-direction:column}.modal-content.modal-lg{max-width:600px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.modal-header h2{margin:0;font-size:var(--font-size-lg)}.modal-close{background:none;border:0;font-size:var(--font-size-xl);color:var(--color-text-muted);cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:var(--color-text)}.modal-body{padding:var(--space-5);overflow:auto}.modal-body p{margin:0 0 var(--space-2);color:var(--color-text-muted)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);background:var(--color-gray-50)}.gift-email{font-weight:var(--font-weight-semibold);color:var(--color-text)!important;margin-bottom:var(--space-4)!important}.metadata-display{background:var(--color-gray-50);padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;margin:0}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;margin-bottom:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.form-select,.form-input{width:100%;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm)}@media(max-width:1024px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.metrics-grid,.stats-grid,.activity-grid{grid-template-columns:1fr}}.legal-page{max-width:800px;margin:0 auto;padding:var(--space-8) var(--space-4)}.legal-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.legal-header h1{font-size:2rem;margin-bottom:var(--space-2)}.last-updated{color:var(--color-text-muted);font-size:var(--font-size-sm)}.legal-content section{margin-bottom:var(--space-8)}.legal-content h2{font-size:1.25rem;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.legal-content h3{font-size:1rem;margin:var(--space-4) 0 var(--space-2);font-weight:var(--font-weight-semibold)}.legal-content p{margin-bottom:var(--space-3);line-height:1.7;color:var(--color-text)}.legal-content ul,.legal-content ol{margin:var(--space-3) 0;padding-left:var(--space-6)}.legal-content li{margin-bottom:var(--space-2);line-height:1.6}.legal-content a{color:var(--color-text);text-decoration:underline}.legal-content a:hover{color:var(--color-text-muted)}.landing{position:relative;max-width:1000px;margin:0 auto;padding:0 var(--space-4)}.landing-bg{position:fixed;inset:0;pointer-events:none;z-index:-1;overflow:hidden}.grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at 50% 0%,black,transparent 70%)}.glow{position:absolute;border-radius:50%;filter:blur(120px)}.glow-1{width:600px;height:600px;top:-300px;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.08);animation:pulse-glow 8s ease-in-out infinite}.glow-2{width:400px;height:400px;top:40%;right:-200px;background:rgba(0,0,0,.05);animation:pulse-glow 12s ease-in-out infinite reverse}.glow-3{width:300px;height:300px;bottom:10%;left:-150px;background:rgba(0,0,0,.05);animation:pulse-glow 10s ease-in-out infinite 2s}@keyframes pulse-glow{0%,100%{opacity:.3;transform:translateX(-50%) scale(1)}50%{opacity:.6;transform:translateX(-50%) scale(1.2)}}.particles{position:absolute;inset:0}.particle{position:absolute;width:4px;height:4px;background:rgba(0,0,0,.3);border-radius:50%;animation:float-particle 20s linear infinite}.particle:nth-child(1){left:10%;animation-delay:0s}.particle:nth-child(2){left:25%;animation-delay:-4s}.particle:nth-child(3){left:45%;animation-delay:-8s}.particle:nth-child(4){left:60%;animation-delay:-12s}.particle:nth-child(5){left:75%;animation-delay:-16s}.particle:nth-child(6){left:90%;animation-delay:-2s}@keyframes float-particle{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1}90%{opacity:1}100%{transform:translateY(-100vh) scale(1);opacity:0}}.hero{text-align:center;padding:var(--space-16) 0 var(--space-8)}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:var(--space-6)}.badge-dot{width:6px;height:6px;background:var(--color-primary);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.hero h1{font-size:clamp(2.5rem,6vw,3.5rem);font-weight:var(--font-weight-bold);color:var(--color-text);margin-bottom:var(--space-4);line-height:1.1;letter-spacing:-.03em}.hero-sub{font-size:var(--font-size-lg);color:var(--color-text-secondary);max-width:520px;margin:0 auto var(--space-8);line-height:var(--line-height-relaxed)}.hero-cta{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-4)}.hero-install,.cta-install{display:inline-block;padding:var(--space-3) var(--space-4);background:rgba(0,0,0,.05);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text)}.hero-note{font-size:var(--font-size-sm);color:var(--color-text-muted)}.btn-glow{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--color-black);color:#fff;font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);border-radius:var(--radius-lg);text-decoration:none;position:relative;overflow:hidden;transition:all .3s;box-shadow:0 4px 20px rgba(0,0,0,.2)}.btn-glow:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.3);color:#fff}.btn-glow.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-base)}.btn-outline{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:var(--space-3) var(--space-4);background:transparent;color:var(--color-text);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-decoration:none;transition:all .2s}.btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary)}.demo-section{padding:var(--space-8) 0 var(--space-12)}.demo-container{display:flex;align-items:center;justify-content:center;gap:var(--space-4)}.demo-source,.demo-target{display:flex;align-items:center;gap:var(--space-3)}.source-card,.target-card{padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;min-width:120px}.source-card.stripe{border-color:var(--color-border-strong)}.source-icon,.target-icon{width:48px;height:48px;margin:0 auto var(--space-2);display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.05);color:var(--color-text);border-radius:var(--radius-md)}.source-card.stripe .source-icon{background:rgba(0,0,0,.08);color:var(--color-text)}.source-label,.target-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.source-event{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-mono)}.target-status{display:flex;align-items:center;justify-content:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-success)}.status-dot{width:6px;height:6px;background:var(--color-success);border-radius:50%;animation:pulse 2s ease-in-out infinite}.webhook-arrow{color:var(--color-primary);animation:arrow-flow 2s ease-in-out infinite}.arrow-right{animation-delay:1s}@keyframes arrow-flow{0%,100%{opacity:.3;transform:translateX(0)}50%{opacity:1;transform:translateX(5px)}}.landing .terminal{background:#0a0a0a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);overflow:hidden;min-width:400px;box-shadow:0 0 0 1px rgba(255,255,255,.05),0 25px 60px -15px rgba(0,0,0,.5)}.landing .terminal-header{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.05)}.landing .terminal-dots{display:flex;gap:6px}.landing .terminal-dots span{width:12px;height:12px;border-radius:50%}.landing .terminal-dots span:nth-child(1){background:#ff5f57}.landing .terminal-dots span:nth-child(2){background:#febc2e}.landing .terminal-dots span:nth-child(3){background:#28c840}.landing .terminal-title{position:absolute;left:50%;transform:translateX(-50%);font-size:var(--font-size-xs);color:rgba(255,255,255,.5);font-family:var(--font-mono)}.landing .terminal-body{padding:var(--space-4);font-family:var(--font-mono);font-size:13px;line-height:1.7;color:rgba(255,255,255,.85)}.terminal-line{opacity:0;animation:type-in .3s forwards}.line-1{animation-delay:.3s}.line-2{animation-delay:.5s}.line-3{animation-delay:.9s}.line-4{animation-delay:1.1s}.line-5{animation-delay:1.3s}.line-6{animation-delay:1.5s}.line-7{animation-delay:2s}.line-8{animation-delay:2.2s}.line-9{animation-delay:2.4s}@keyframes type-in{from{opacity:0}to{opacity:1}}.cursor{animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.t-prompt{color:#888}.t-success{color:#4ade80}.t-highlight{color:#fbbf24}.t-dim{color:rgba(255,255,255,.5)}.t-method{color:#60a5fa;font-weight:600}.stats-section{display:flex;justify-content:center;align-items:center;gap:var(--space-8);padding:var(--space-8) 0;margin:0 auto;max-width:600px}.stat{text-align:center}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text);font-family:var(--font-mono)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.stat-divider{width:1px;height:40px;background:var(--color-border)}.problem-solution-section{padding:var(--space-16) 0}.ps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.ps-card{padding:var(--space-8);border-radius:var(--radius-xl);border:1px solid var(--color-border)}.ps-problem{background:linear-gradient(135deg,rgba(0,0,0,.02),transparent);border-color:rgba(0,0,0,.1)}.ps-solution{background:linear-gradient(135deg,rgba(0,0,0,.04),transparent);border-color:var(--color-text)}.ps-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);margin-bottom:var(--space-4)}.ps-problem .ps-icon{background:rgba(0,0,0,.05);color:var(--color-text-secondary)}.ps-solution .ps-icon{background:var(--color-text);color:#fff}.ps-card h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-2)}.ps-intro{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.ps-card ul{list-style:none;padding:0;margin:0 0 var(--space-4)}.ps-card li{position:relative;padding-left:var(--space-5);padding-top:var(--space-2);padding-bottom:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.ps-card li::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%}.ps-problem li::before{background:rgba(0,0,0,.3)}.ps-solution li::before{background:var(--color-text)}.ps-conclusion{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0}.ps-problem .ps-conclusion{color:var(--color-text-secondary)}.ps-solution .ps-conclusion{color:var(--color-text)}.how-section{padding:var(--space-16) 0}.how-section h2,.features-section h2,.pricing-section h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);text-align:center;margin-bottom:var(--space-3)}.pricing-hook{text-align:center;font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-12)}.how-section h2,.features-section h2{margin-bottom:var(--space-12)}.steps{display:flex;justify-content:center;align-items:flex-start;gap:0}.step{flex:1;max-width:220px;text-align:center;padding:var(--space-4)}.step-num{width:28px;height:28px;margin:0 auto var(--space-4);display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:#fff;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);border-radius:50%}.step-icon{width:56px;height:56px;margin:0 auto var(--space-4);display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.05);color:var(--color-text);border-radius:var(--radius-lg)}.step h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.step p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-3)}.step code{display:inline-block;padding:var(--space-2) var(--space-3);background:var(--color-bg-secondary);border-radius:var(--radius-md);font-size:var(--font-size-xs);color:var(--color-primary)}.step-visual{display:flex;justify-content:center;gap:var(--space-2);flex-wrap:wrap}.method-tag,.replay-tag{padding:4px 10px;background:var(--color-bg-secondary);border-radius:var(--radius-full);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.step-connector{display:flex;align-items:center;padding-top:70px}.connector-line{width:40px;height:2px;background:linear-gradient(90deg,var(--color-border),var(--color-text),var(--color-border))}.connector-dot{width:8px;height:8px;background:var(--color-text);border-radius:50%;margin-left:-4px}.features-section{padding:var(--space-16) 0}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.feature-card{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);text-align:center;transition:all .3s}.feature-card:hover{border-color:var(--color-text);transform:translateY(-4px);box-shadow:0 10px 40px rgba(0,0,0,.1)}.feature-icon{width:44px;height:44px;margin:0 auto var(--space-4);display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.05);color:var(--color-text);border-radius:var(--radius-md)}.feature-card h3{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.feature-card p{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.pricing-section{padding:var(--space-16) 0}.pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);max-width:700px;margin:0 auto}.price-card{position:relative;padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.price-card-featured{border-color:var(--color-text);box-shadow:0 10px 40px rgba(0,0,0,.1)}.price-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);padding:var(--space-1) var(--space-3);background:var(--color-primary);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full)}.price-header{text-align:center;margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.price-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.price-amount{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold)}.price-amount span{font-size:var(--font-size-base);font-weight:normal;color:var(--color-text-muted)}.price-desc{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.price-card ul{list-style:none;padding:0;margin:0 0 var(--space-6)}.price-card li{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.price-card li svg{color:var(--color-success);flex-shrink:0}.price-card .btn-glow{width:100%;justify-content:center}.price-trial-note{text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-2);margin-bottom:0}.cta-section{position:relative;text-align:center;padding:var(--space-20) 0}.cta-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(0,0,0,.05),transparent 70%);pointer-events:none}.cta-section h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}.cta-section p{font-size:var(--font-size-lg);color:var(--color-text-muted);margin-bottom:var(--space-8)}.cta-actions{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap}@media(max-width:900px){.demo-container{flex-direction:column}.demo-source,.demo-target{flex-direction:column}.webhook-arrow{transform:rotate(90deg)}.landing .terminal{min-width:100%}.ps-grid{grid-template-columns:1fr}.steps{flex-direction:column;align-items:center}.step-connector{transform:rotate(90deg);padding:var(--space-2) 0}.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.stats-section{flex-direction:column;gap:var(--space-4)}.stat-divider{width:60px;height:1px}.feature-grid,.pricing-grid{grid-template-columns:1fr}.ps-card{padding:var(--space-6)}}.workspace-list{display:flex;flex-direction:column;gap:var(--space-3)}.workspace-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all .15s ease;text-decoration:none;color:inherit;cursor:pointer}.workspace-row:hover{border-color:var(--color-text);box-shadow:0 2px 8px rgba(0,0,0,.06)}.workspace-row-editing{border-color:var(--color-text);box-shadow:0 0 0 1px var(--color-text);cursor:default}.workspace-row-add{border-style:dashed;background:transparent;cursor:default}.workspace-row-add:hover{background:var(--color-surface);box-shadow:none}.workspace-row-main{display:flex;align-items:center;gap:var(--space-6);flex:1}.workspace-row-info{min-width:180px}.workspace-row-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);margin:0 0 var(--space-1)}.workspace-row-slug{font-size:var(--font-size-sm);font-family:var(--font-mono);color:var(--color-text-muted)}.workspace-row-stats{display:flex;gap:var(--space-6)}.workspace-stat{display:flex;flex-direction:column;align-items:center;min-width:60px}.workspace-stat-value{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text);font-family:var(--font-mono)}.workspace-stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.workspace-row-actions{display:flex;align-items:center;gap:var(--space-2)}.workspace-role{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);padding:var(--space-1) var(--space-2);background:var(--color-gray-100);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em}.workspace-role.role-owner{background:var(--color-text);color:#fff}.workspace-row-arrow{font-size:var(--font-size-lg);color:var(--color-text-muted);transition:transform .15s ease;text-decoration:none;padding:var(--space-2)}.workspace-row:hover .workspace-row-arrow{transform:translateX(4px);color:var(--color-text)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2);width:36px;height:36px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.btn-icon:hover{background:var(--color-gray-100);border-color:var(--color-text);color:var(--color-text)}.btn-danger-icon:hover{background:var(--color-black);border-color:var(--color-black);color:#fff}.workspace-name-input{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--space-2) var(--space-3);width:100%;max-width:250px}.workspace-edit-form,.workspace-add-form{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--space-4)}.input-error{border-color:var(--color-danger)}.text-error{color:var(--color-danger);display:block;margin-top:var(--space-1)}.text-sm{font-size:var(--font-size-sm)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12) var(--space-6);text-align:center;max-width:400px;margin:var(--space-8) auto}.empty-state-icon{color:var(--color-text-muted);margin-bottom:var(--space-4)}.empty-state-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2);color:var(--color-text)}.empty-state-description{color:var(--color-text-muted);margin:0 0 var(--space-6)}.form-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-2)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;backdrop-filter:blur(2px)}.modal-container{background:var(--color-white);border:1px solid var(--color-black);border-radius:var(--radius);width:100%;max-width:450px;margin:1rem;box-shadow:0 4px 24px rgba(0,0,0,.2)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border)}.modal-title{font-size:1.125rem;font-weight:600;margin:0;color:var(--color-black)}.modal-close{background:none;border:0;font-size:1.5rem;cursor:pointer;color:var(--color-text-secondary);padding:0;line-height:1;transition:color .15s ease}.modal-close:hover{color:var(--color-black)}.modal-body{padding:1.5rem}.modal-body p{margin:0;color:var(--color-black)}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--color-border);background:var(--color-background);border-radius:0 0 var(--radius) var(--radius)}.btn-danger{background:var(--color-black);color:var(--color-white);border:1px solid var(--color-black)}.btn-danger:hover:not(:disabled){background:var(--color-white);color:var(--color-black)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.stats-row{display:flex;gap:var(--space-6);margin-bottom:var(--space-6);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border)}.stat-item{display:flex;flex-direction:column;gap:var(--space-1)}.stat-item-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);font-family:var(--font-mono);color:var(--color-text)}.stat-item-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.endpoint-list{display:flex;flex-direction:column}.endpoint-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);text-decoration:none;color:inherit;border-bottom:1px solid var(--color-border);transition:background .15s ease}.endpoint-row:last-child{border-bottom:0}.endpoint-row:hover{background:var(--color-gray-50)}.endpoint-row-info{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.endpoint-row-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.endpoint-row-token{font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-text-muted)}.endpoint-row-dest{font-size:var(--font-size-xs);color:var(--color-text-muted)}.endpoint-row-meta{display:flex;align-items:center;gap:var(--space-3)}.endpoint-status{font-size:var(--font-size-xs);color:var(--color-text-muted);padding:2px var(--space-2);background:var(--color-gray-100);border-radius:var(--radius-sm)}.endpoint-status.status-active{background:var(--color-text);color:#fff}.endpoint-row-arrow{color:var(--color-text-muted);font-size:var(--font-size-sm);transition:transform .15s ease}.endpoint-row:hover .endpoint-row-arrow{transform:translateX(3px);color:var(--color-text)}.endpoint-onboarding{padding:var(--space-6);text-align:center}.endpoint-onboarding .onboarding-step{display:flex;align-items:flex-start;gap:var(--space-4);text-align:left;margin-bottom:var(--space-5);max-width:400px;margin-left:auto;margin-right:auto}.endpoint-onboarding .step-number{width:36px;height:36px;background:var(--color-text);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:var(--font-size-base);flex-shrink:0}.endpoint-onboarding .step-content h3{margin:0 0 var(--space-1);font-size:var(--font-size-lg)}.endpoint-onboarding .step-content p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.endpoint-onboarding .onboarding-action{margin-bottom:var(--space-5)}.endpoint-onboarding .onboarding-preview{padding-top:var(--space-5);border-top:1px solid var(--color-border)}.endpoint-onboarding .preview-steps{display:flex;justify-content:center;gap:var(--space-5)}.endpoint-onboarding .preview-step{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);color:var(--color-text-muted)}.endpoint-onboarding .preview-step.active{color:var(--color-text);font-weight:var(--font-weight-medium)}.endpoint-onboarding .preview-step.completed{color:var(--color-text-secondary)}.endpoint-onboarding .preview-dot{width:8px;height:8px;border-radius:50%;background:var(--color-border)}.endpoint-onboarding .preview-step.active .preview-dot{background:var(--color-text)}.endpoint-onboarding .preview-step.completed .preview-dot{background:var(--color-text-secondary)}@media(max-width:640px){.workspace-row{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.workspace-row-main{flex-direction:column;align-items:flex-start;gap:var(--space-3);width:100%}.workspace-row-stats{width:100%;justify-content:flex-start}.workspace-row-actions{width:100%;justify-content:flex-end;padding-top:var(--space-3);border-top:1px solid var(--color-border)}.workspace-edit-form,.workspace-add-form{flex-direction:column;align-items:stretch}.workspace-name-input{max-width:none}}.settings-page{max-width:900px;margin:0 auto}.api-keys-page{margin:0 auto}.api-keys-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}@media(max-width:768px){.api-keys-grid{grid-template-columns:1fr}}.quick-links-bar{display:flex;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap}.quick-link-item{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);text-decoration:none;color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all .15s ease}.quick-link-item:hover{border-color:var(--color-text);background:var(--color-gray-50)}.quick-link-highlight{background:var(--color-black);border-color:var(--color-black);color:#fff}.quick-link-highlight:hover{background:var(--color-gray-800);border-color:var(--color-gray-800)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);margin-bottom:var(--space-5)}@media(max-width:768px){.settings-grid{grid-template-columns:1fr}}.settings-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.settings-card+.settings-card{margin-bottom:var(--space-5)}.settings-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-gray-50)}.settings-card-header h2{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin:0}.settings-card-body{padding:var(--space-5)}.step-badge,.key-count{font-size:var(--font-size-xs);color:var(--color-text-muted)}.new-key-card{background:var(--color-surface);border:2px solid var(--color-black);border-radius:var(--radius-lg);margin-bottom:var(--space-5);overflow:hidden}.new-key-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);background:var(--color-black);color:#fff}.new-key-header h2{margin:0;font-size:var(--font-size-base)}.new-key-warning{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em}.new-key-body{padding:var(--space-5)}.new-key-desc{margin:0 0 var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm)}.key-display{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-gray-50);border:1px solid var(--color-border);border-radius:var(--radius-md)}.key-display code{flex:1;font-family:var(--font-mono);font-size:var(--font-size-sm);word-break:break-all}.steps-list{display:flex;flex-direction:column}.step-item{display:flex;gap:var(--space-4);padding:var(--space-5);border-bottom:1px solid var(--color-border)}.step-item:last-child{border-bottom:0}.step-number{width:28px;height:28px;background:var(--color-black);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);flex-shrink:0}.step-content{flex:1}.step-title{margin:0 0 var(--space-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.step-hint{margin:var(--space-2) 0 0;font-size:var(--font-size-xs);color:var(--color-text-muted)}.install-tabs{display:flex;gap:var(--space-1);margin-bottom:var(--space-3)}.install-tab{padding:var(--space-1) var(--space-3);background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-xs);cursor:pointer;color:var(--color-text-muted);transition:all .15s}.install-tab:hover{border-color:var(--color-text);color:var(--color-text)}.install-tab.active{background:var(--color-black);border-color:var(--color-black);color:#fff}.install-panel{display:none}.install-panel.active{display:block}.install-note{margin:var(--space-2) 0 0;font-size:var(--font-size-xs);color:var(--color-text-muted)}.code-box{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-gray-900);border-radius:var(--radius-md);overflow-x:auto}.code-box code{flex:1;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-gray-100);white-space:pre}.copy-btn{padding:var(--space-1) var(--space-2);background:var(--color-gray-700);border:0;border-radius:var(--radius-sm);color:var(--color-gray-300);font-size:var(--font-size-xs);cursor:pointer;flex-shrink:0}.copy-btn:hover{background:var(--color-gray-600);color:#fff}.keys-list{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.key-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-md)}.key-info{display:flex;flex-direction:column;gap:var(--space-1)}.key-name{font-weight:var(--font-weight-medium)}.key-meta{font-size:var(--font-size-xs);color:var(--color-text-muted)}.key-meta code{font-family:var(--font-mono)}.empty-keys{text-align:center;padding:var(--space-6);color:var(--color-text-muted)}.empty-keys p{margin:0}.create-key-form{padding-top:var(--space-4);border-top:1px solid var(--color-border)}.upgrade-prompt{padding-top:var(--space-4);border-top:1px solid var(--color-border)}.upgrade-prompt-content{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-gray-50);border:1px solid var(--color-border);border-radius:var(--radius-md)}.upgrade-prompt-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-black);border-radius:var(--radius-md);color:#fff;flex-shrink:0}.upgrade-prompt-text{flex:1;display:flex;flex-direction:column;gap:2px}.upgrade-prompt-text strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.upgrade-prompt-text span{font-size:var(--font-size-xs);color:var(--color-text-muted)}.form-row{display:flex;gap:var(--space-3)}.form-row .form-input{flex:1}.workflow-steps{display:flex;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap}.workflow-step{flex:1;min-width:150px;text-align:center}.workflow-icon{width:40px;height:40px;margin:0 auto var(--space-3);background:var(--color-black);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold)}.workflow-content h4{margin:0 0 var(--space-1);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.workflow-content p{margin:0;font-size:var(--font-size-xs);color:var(--color-text-muted)}.workflow-arrow{color:var(--color-text-muted);font-size:var(--font-size-lg);padding-top:var(--space-3)}@media(max-width:640px){.workflow-arrow{display:none}}.commands-table{width:100%;border-collapse:collapse}.commands-table th,.commands-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.commands-table th{background:var(--color-gray-50);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.commands-table td{font-size:var(--font-size-sm)}.commands-table td:first-child{width:200px}.commands-table code{font-family:var(--font-mono);font-size:var(--font-size-xs);background:var(--color-gray-100);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.commands-table tbody tr:last-child td{border-bottom:0}.plan-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-3);background:var(--color-gray-100);border:1px solid var(--color-border);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.plan-badge-pro{background:var(--color-black);color:#fff;border-color:var(--color-black)}.plan-details{text-align:center;margin-bottom:var(--space-5)}.plan-price-display{margin-bottom:var(--space-3)}.plan-price{font-size:2.5rem;font-weight:var(--font-weight-bold);color:var(--color-text)}.plan-period{font-size:var(--font-size-base);color:var(--color-text-muted)}.trial-info{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-gray-100);border-radius:var(--radius-full)}.trial-exhausted{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.plan-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.renewal-info{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.btn-text-muted{background:none;border:0;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;padding:var(--space-2);text-decoration:underline}.btn-text-muted:hover{color:var(--color-text)}.btn-text-danger{background:none;border:0;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;padding:var(--space-2) var(--space-4)}.btn-text-danger:hover{color:var(--color-text)}.reset-info{font-size:var(--font-size-xs);color:var(--color-text-muted)}.usage-list{display:flex;flex-direction:column;gap:var(--space-4)}.usage-row{padding:var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-md)}.usage-row.at-limit{background:var(--color-gray-100)}.usage-row-header{display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.usage-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.usage-count{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);font-family:var(--font-mono)}.infinity{font-size:1.25em;font-weight:var(--font-weight-bold);line-height:1}.usage-bar{height:6px;background:var(--color-gray-200);border-radius:3px;overflow:hidden}.usage-bar-fill{height:100%;background:var(--color-text-muted);border-radius:3px;transition:width .3s ease}.usage-bar-fill.full{background:var(--color-black)}.limit-warning{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-4);padding:var(--space-3);background:var(--color-gray-100);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.limit-warning a{font-weight:var(--font-weight-semibold);color:var(--color-text)}.plan-table{width:100%;border-collapse:collapse}.plan-table th,.plan-table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.plan-table thead th{background:var(--color-gray-50);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.plan-table tbody tr:last-child td{border-bottom:0}.plan-table .feature-col{font-weight:var(--font-weight-medium)}.plan-table .plan-col{text-align:center;width:120px;color:var(--color-text-muted)}.plan-table .plan-col.current-plan{background:var(--color-gray-50)}.plan-table .plan-col.pro-value{font-weight:var(--font-weight-semibold);color:var(--color-text)}.current-label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);margin-top:var(--space-1)}.cancel-intro{margin:0 0 1rem;font-weight:var(--font-weight-medium)}.cancel-downsides{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.downside-item{display:flex;align-items:flex-start;gap:.75rem;font-size:var(--font-size-sm);color:var(--color-text)}.downside-icon{color:var(--color-text-muted);font-weight:bold;flex-shrink:0}.cancel-notice{font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--space-3);background:var(--color-gray-50);border-radius:var(--radius-md);margin:0}.usage-stats-widget{display:flex;flex-direction:column;gap:var(--space-3)}.usage-stats-widget .usage-item{padding:var(--space-2);background:var(--color-gray-50);border-radius:var(--radius-sm)}.usage-stats-widget .usage-item.at-limit{background:var(--color-gray-100)}.usage-stats-widget .usage-header{display:flex;justify-content:space-between;margin-bottom:var(--space-1);font-size:.75rem}.usage-stats-widget .usage-label{color:var(--color-text-muted)}.usage-stats-widget .usage-value{font-weight:600}.usage-stats-widget .progress-bar{height:4px;background:var(--color-border);border-radius:2px;overflow:hidden}.usage-stats-widget .progress-fill{height:100%;background:var(--color-text-muted);border-radius:2px}.usage-stats-widget .progress-fill.limit-reached{background:var(--color-black)}.request-detail-grid{display:grid;grid-template-columns:1fr 400px;gap:var(--space-5)}@media(max-width:1024px){.request-detail-grid{grid-template-columns:1fr}}.request-detail-left{min-width:0}.edit-controls{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.edit-actions{display:flex;gap:var(--space-2)}.version-toggle{display:flex;gap:0;background:var(--color-gray-100);border-radius:var(--radius-md);padding:3px}.version-btn{padding:var(--space-2) var(--space-3);background:transparent;border:0;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;transition:all .15s ease}.version-btn:hover:not(.disabled):not(:disabled){color:var(--color-text)}.version-btn.active{background:var(--color-surface);color:var(--color-text);box-shadow:0 1px 3px rgba(0,0,0,.1)}.version-btn.disabled,.version-btn:disabled{opacity:.5;cursor:not-allowed}.json-editor-container{border-radius:0 0 var(--radius-md) var(--radius-md);overflow:hidden;border:1px solid #1e1e1e;border-top:0}.json-editor-toolbar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#2d2d2d;border-bottom:1px solid #3e3e3e}.btn-editor{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;background:#3e3e3e;color:#ccc;border:0;border-radius:4px;cursor:pointer;transition:all .15s ease}.btn-editor:hover{background:#4e4e4e;color:#fff}.btn-editor svg{opacity:.8}.json-status{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font-size:13px;font-weight:600;padding:4px 10px;border-radius:4px}.json-status svg{flex-shrink:0}.json-status-valid{color:#4ade80;background:rgba(74,222,128,.15)}.json-status-error{color:#f87171;background:rgba(248,113,113,.15)}.json-textarea{width:100%;padding:var(--space-4);font-family:'SF Mono','Monaco','Inconsolata','Fira Code',monospace;font-size:13px;line-height:1.5;background:#1e1e1e;color:#d4d4d4;border:0;border-radius:0 0 var(--radius-md) var(--radius-md);resize:vertical;tab-size:2;-moz-tab-size:2;box-sizing:border-box}.json-textarea:focus{outline:0;box-shadow:inset 0 0 0 2px var(--color-primary)}.json-textarea.json-valid{border-left:4px solid #4ade80}.json-textarea.json-error{border-left:4px solid #f87171}.hl-key{color:#9cdcfe}.hl-string{color:#ce9178}.hl-number{color:#b5cea8}.hl-boolean{color:#569cd6}.hl-null{color:#569cd6}.hl-bracket{color:#ffd700}.hl-punctuation{color:#d4d4d4}.pro-edit-btn{display:inline-flex;align-items:center;gap:6px}.pro-badge-inline{font-size:9px;font-weight:700;background:var(--color-black);color:#fff;padding:2px 6px;border-radius:3px;letter-spacing:.5px}.upgrade-card{background:var(--color-gray-50,#fafafa);border:2px solid var(--color-black);border-radius:var(--radius-lg);overflow:hidden}.upgrade-card-content{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4)}.upgrade-icon{flex-shrink:0;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-black);border-radius:var(--radius-md);color:#fff}.upgrade-text{flex:1}.upgrade-text h4{margin:0 0 4px 0;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-black);display:flex;align-items:center;gap:8px}.upgrade-text h4::before{content:'';display:inline-block;width:8px;height:8px;background:var(--color-black);border-radius:50%}.upgrade-text p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.btn-upgrade{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;background:var(--color-black);border:0;font-weight:var(--font-weight-semibold)}.btn-upgrade:hover{background:var(--color-gray-800,#1f1f1f)}.replay-version-toggle{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.replay-version-toggle input[type="checkbox"]{width:18px;height:18px;cursor:pointer}.toggle-label{font-weight:var(--font-weight-medium)}.localhost-warning{margin-top:var(--space-2);padding:var(--space-3);background:var(--color-gray-100);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text)}.input-error{border-color:var(--color-danger,#ef4444)!important}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media(max-width:640px){.info-grid{grid-template-columns:1fr}}.status-code{display:inline-block;padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:var(--font-mono);border-radius:var(--radius-sm);background:var(--color-gray-100)}.status-code.status-2xx{background:var(--color-gray-100);color:var(--color-text)}.status-code.status-3xx{background:var(--color-gray-100);color:var(--color-text-muted)}.status-code.status-4xx{background:var(--color-gray-200);color:var(--color-text)}.status-code.status-5xx{background:var(--color-gray-900);color:#fff}.pre-container{border-radius:var(--radius-md);overflow:hidden;border:1px solid #1e1e1e}.pre-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);background:#2d2d2d;color:#ccc;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.pre-header-badge{font-size:var(--font-size-xs);padding:2px 8px;background:#3e3e3e;border-radius:var(--radius-sm);color:#a0a0a0}.code-block{padding:var(--space-4);background:#1e1e1e;color:#d4d4d4;font-family:var(--font-mono);font-size:13px;line-height:1.6;margin:0;white-space:normal;word-wrap:break-word}.code-block-scroll{max-height:400px;overflow:auto}.header-line{line-height:1.4}.json-key{color:#9cdcfe}.json-string{color:#ce9178}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.htmx-indicator{display:none}.htmx-request .htmx-indicator{display:inline-block}.htmx-request span:not(.htmx-indicator){display:none}.version-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:300px;overflow-y:auto}.version-item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.version-item:hover{border-color:var(--color-gray-400);background:var(--color-gray-50)}.version-item.active{border-color:var(--color-black);background:var(--color-gray-50)}.version-item-header{display:flex;align-items:center;gap:var(--space-2)}.version-number{font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);color:var(--color-text)}.version-item-meta{display:flex;align-items:center;gap:var(--space-2)}.version-comment{color:var(--color-text-muted);font-style:italic;margin-top:var(--space-1)}.version-checksum{color:var(--color-gray-400);margin-top:var(--space-1)}.replay-result-card{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border)}.replay-result-card.success{background:var(--color-gray-50);border-color:var(--color-gray-200)}.replay-result-card.error{background:var(--color-gray-50);border-color:var(--color-gray-300)}.replay-result-header{display:flex;align-items:center;gap:var(--space-3)}.replay-result-meta{margin-top:var(--space-2)}