.layout{min-height:100vh;display:flex;flex-direction:column;background:var(--content-bg)}.layout-header{background:#fff;border-bottom:1px solid var(--color-neutral-200);position:sticky;top:0;z-index:100}.header-content{max-width:var(--content-max-width);margin:0 auto;height:var(--header-height);padding:0 var(--spacing-6);display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:var(--spacing-3)}.product-selector{position:relative}.product-dropdown{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-md);padding:var(--spacing-2) var(--spacing-8) var(--spacing-2) var(--spacing-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%230056b3' d='M6 8L2 4h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-2) center;transition:all var(--transition-fast);min-width:160px}.product-dropdown:hover{background-color:var(--color-primary-100);border-color:var(--color-primary)}.product-dropdown:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary-200)}.logo{display:flex;flex-direction:column;text-decoration:none}.logo-text{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-subtitle{font-size:var(--text-xs);color:var(--color-neutral-500);margin-top:-2px}.header-nav{display:flex;gap:var(--spacing-2)}.nav-link{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);text-decoration:none;color:var(--color-neutral-600);font-weight:var(--font-medium);border-radius:var(--radius-md);transition:all var(--transition-fast)}.nav-link:hover{background:var(--color-neutral-100);color:var(--color-neutral-900)}.nav-link-active{background:var(--color-primary-50);color:var(--color-primary)}.nav-icon{font-size:var(--text-lg)}.header-right{display:flex;align-items:center;gap:var(--spacing-4)}.user-menu{display:flex;align-items:center;gap:var(--spacing-3)}.user-email{font-size:var(--text-sm);color:var(--color-neutral-600)}.layout-main{flex:1}.layout-footer{background:#fff;border-top:1px solid var(--color-neutral-200);margin-top:auto}.footer-content{max-width:var(--content-max-width);margin:0 auto;padding:var(--spacing-6);display:flex;justify-content:space-between;align-items:center}.footer-brand{font-size:var(--text-sm);color:var(--color-neutral-600)}.footer-nav{display:flex;gap:var(--spacing-6)}.footer-nav a{font-size:var(--text-sm);color:var(--color-neutral-600);text-decoration:none;transition:color var(--transition-fast)}.footer-nav a:hover{color:var(--color-primary)}@media (max-width: 768px){.header-content{padding:0 var(--spacing-4)}.header-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--color-neutral-200);padding:var(--spacing-2) var(--spacing-4);justify-content:space-around;z-index:100}.nav-link{flex-direction:column;padding:var(--spacing-2);gap:var(--spacing-1)}.nav-label{font-size:var(--text-xs)}.logo-subtitle,.user-email{display:none}.layout-main{padding-bottom:70px}.footer-content{flex-direction:column;gap:var(--spacing-4);text-align:center}}.pilot-banner{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-radius:8px;margin-bottom:20px;gap:16px}.pilot-banner--active{background:linear-gradient(135deg,#e8f4fd,#d1e9fa);border:1px solid #b3d7f5}.pilot-banner--warning{background:linear-gradient(135deg,#fff8e6,#fff0c7);border:1px solid #ffd966}.pilot-banner--expired{background:linear-gradient(135deg,#fde8e8,#fbd1d1);border:1px solid #f5b3b3}.pilot-banner__content{display:flex;align-items:center;gap:12px;flex:1}.pilot-banner__icon{font-size:24px;line-height:1}.pilot-banner__text{display:flex;flex-direction:column;gap:2px}.pilot-banner__label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#666}.pilot-banner--active .pilot-banner__label{color:#0056b3}.pilot-banner--warning .pilot-banner__label{color:#960}.pilot-banner--expired .pilot-banner__label{color:#c33}.pilot-banner__message{font-size:14px;color:#333;line-height:1.4}.pilot-banner__actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.pilot-banner__days{font-size:13px;color:#666;white-space:nowrap}.pilot-banner__days strong{font-size:18px;font-weight:700;color:#333}.pilot-banner--warning .pilot-banner__days strong{color:#960}.pilot-banner__cta{padding:8px 16px;font-size:13px;font-weight:600;border-radius:6px;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.pilot-banner--active .pilot-banner__cta{background:#0056b3;color:#fff}.pilot-banner--active .pilot-banner__cta:hover{background:#004494}.pilot-banner__cta--urgent{background:linear-gradient(135deg,#ff6b35,#f54e00);color:#fff;animation:pulse-cta 2s infinite}.pilot-banner__cta--urgent:hover{background:linear-gradient(135deg,#f54e00,#cc4000)}.pilot-banner--expired .pilot-banner__cta--urgent{background:linear-gradient(135deg,#c33,#a22)}.pilot-banner--expired .pilot-banner__cta--urgent:hover{background:linear-gradient(135deg,#a22,#811)}@keyframes pulse-cta{0%,to{box-shadow:0 0 #ff6b3566}50%{box-shadow:0 0 0 8px #ff6b3500}}@media (max-width: 768px){.pilot-banner{flex-direction:column;align-items:flex-start;gap:12px}.pilot-banner__actions{width:100%;justify-content:space-between}}.onboarding-banner{background:linear-gradient(135deg,#f8f9fa,#e9ecef);border:1px solid #dee2e6;border-left:4px solid var(--color-primary, #0056b3);border-radius:8px;margin-bottom:1.5rem;overflow:hidden;transition:all .3s ease}.onboarding-banner.expanded{box-shadow:0 4px 12px #0000001a}.onboarding-banner-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;cursor:pointer;-webkit-user-select:none;user-select:none}.onboarding-banner-header:hover{background:#0056b30d}.onboarding-banner-title{display:flex;align-items:center;gap:.75rem;font-weight:600;color:#212529}.onboarding-banner-icon{font-size:1.25rem}.onboarding-badge{background:var(--color-primary, #0056b3);color:#fff;padding:.125rem .5rem;border-radius:12px;font-size:.75rem;font-weight:500}.onboarding-banner-controls{display:flex;align-items:center;gap:.75rem}.onboarding-progress-mini{width:80px;height:6px;background:#dee2e6;border-radius:3px;overflow:hidden}.onboarding-progress-mini-fill{height:100%;background:linear-gradient(90deg,var(--color-primary, #0056b3),var(--color-accent, #00a3cc));border-radius:3px;transition:width .3s ease}.onboarding-expand-btn{background:transparent;border:none;color:#6c757d;cursor:pointer;padding:.25rem;font-size:.75rem}.onboarding-dismiss-btn-small{background:transparent;border:none;color:#6c757d;cursor:pointer;padding:.25rem;font-size:1rem;line-height:1;opacity:.7;transition:opacity .2s}.onboarding-dismiss-btn-small:hover{opacity:1;color:#dc3545}.onboarding-banner-content{padding:0 1.25rem 1.25rem;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.onboarding-checklist{display:flex;flex-direction:column;gap:.75rem}.onboarding-checklist-item{display:flex;align-items:center;gap:1rem;padding:.875rem 1rem;background:#fff;border:1px solid #e9ecef;border-radius:8px;transition:all .2s ease}.onboarding-checklist-item:hover{border-color:var(--color-primary, #0056b3);box-shadow:0 2px 8px #0056b31a}.onboarding-checklist-item.completed{background:#f8fff8;border-color:#28a745}.onboarding-checkbox{width:24px;height:24px;min-width:24px;border:2px solid #dee2e6;border-radius:50%;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;transition:all .2s ease}.onboarding-checkbox:hover{border-color:var(--color-primary, #0056b3);background:#0056b30d}.onboarding-checkbox.checked{background:#28a745;border-color:#28a745}.onboarding-checklist-text{flex:1;display:flex;flex-direction:column;gap:.125rem}.onboarding-checklist-title{font-weight:600;color:#212529;font-size:.9375rem}.onboarding-checklist-title.completed{text-decoration:line-through;color:#6c757d}.onboarding-checklist-desc{font-size:.8125rem;color:#6c757d}.onboarding-checklist-action{background:transparent;border:1px solid var(--color-primary, #0056b3);color:var(--color-primary, #0056b3);padding:.5rem 1rem;border-radius:6px;font-size:.8125rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.onboarding-checklist-action:hover{background:var(--color-primary, #0056b3);color:#fff}.onboarding-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.onboarding-modal{background:#fff;border-radius:12px;width:90%;max-width:560px;max-height:90vh;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.onboarding-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;background:linear-gradient(135deg,var(--color-primary, #0056b3) 0%,#003d7a 100%);color:#fff}.onboarding-modal-header h2{margin:0;font-size:1.5rem}.onboarding-modal-header p{margin:.5rem 0 0;opacity:.9;font-size:.9375rem}.onboarding-dismiss-btn{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:1rem;display:flex;align-items:center;justify-content:center;transition:background .2s}.onboarding-dismiss-btn:hover{background:#ffffff4d}.onboarding-progress{padding:1rem 1.5rem;background:#f8f9fa;border-bottom:1px solid #e9ecef}.onboarding-progress-bar{height:8px;background:#e9ecef;border-radius:4px;overflow:hidden}.onboarding-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary, #0056b3),var(--color-accent, #00a3cc));border-radius:4px;transition:width .3s ease}.onboarding-progress-text{display:block;margin-top:.5rem;font-size:.8125rem;color:#6c757d;text-align:center}.onboarding-steps{padding:1rem 1.5rem;max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem}.onboarding-step{display:flex;align-items:center;gap:1rem;padding:1rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;text-align:left;cursor:pointer;transition:all .2s ease;width:100%}.onboarding-step:hover{background:#e9ecef;border-color:var(--color-primary, #0056b3)}.onboarding-step.completed{background:#f0fff4;border-color:#28a745}.onboarding-step-icon{width:40px;height:40px;min-width:40px;background:var(--color-primary, #0056b3);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem}.onboarding-step-icon.completed{background:#28a745}.onboarding-step-content{flex:1}.onboarding-step-content h4{margin:0;font-size:.9375rem;color:#212529}.onboarding-step-content h4.completed{text-decoration:line-through;color:#6c757d}.onboarding-step-content p{margin:.25rem 0 0;font-size:.8125rem;color:#6c757d}.onboarding-step-action{font-size:.8125rem;color:var(--color-primary, #0056b3);font-weight:500;white-space:nowrap}.onboarding-modal-footer{padding:1rem 1.5rem;background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end}.onboarding-skip-btn{background:transparent;border:none;color:#6c757d;padding:.5rem 1rem;cursor:pointer;font-size:.875rem}.onboarding-skip-btn:hover{color:#495057;text-decoration:underline}.onboarding-complete{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;border-radius:8px;padding:1rem 1.25rem;margin-bottom:1.5rem;animation:fadeIn .3s ease-out}.onboarding-complete-content{display:flex;align-items:center;gap:1rem}.onboarding-complete-icon{font-size:1.5rem}.onboarding-complete-text{flex:1;display:flex;flex-direction:column;gap:.125rem}.onboarding-complete-text strong{font-size:1rem}.onboarding-complete-text span{font-size:.875rem;opacity:.9}.onboarding-complete .onboarding-dismiss-btn{background:#fff3}@media (max-width: 768px){.onboarding-banner-title{font-size:.875rem}.onboarding-progress-mini{width:60px}.onboarding-checklist-item{flex-wrap:wrap}.onboarding-checklist-action{width:100%;margin-top:.5rem;text-align:center}.onboarding-modal{width:95%;max-height:95vh}.onboarding-modal-header h2{font-size:1.25rem}.onboarding-step{flex-wrap:wrap}.onboarding-step-action{width:100%;text-align:right;margin-top:.5rem}}.dashboard-page{padding-top:var(--spacing-6)}.alert-banner{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);border-radius:var(--radius-md);border:1px solid;margin-bottom:var(--spacing-6)}.alert-icon{font-size:var(--text-xl)}.alert-message{flex:1;font-weight:var(--font-medium)}.alert-action{font-size:var(--text-sm);font-weight:var(--font-semibold);text-decoration:none;color:inherit}.alert-action:hover{text-decoration:underline}.welcome-section{margin-bottom:var(--spacing-8)}.welcome-section h1{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-neutral-900);margin-bottom:var(--spacing-2)}.welcome-subtitle{font-size:var(--text-lg);color:var(--color-neutral-600)}.metrics-section{margin-bottom:var(--spacing-10)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-6)}@media (max-width: 1024px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.metrics-grid{grid-template-columns:1fr}}.metric-card{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-neutral-200);transition:all var(--transition-base);position:relative}.metric-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-4)}.metric-icon{font-size:var(--text-xl)}.metric-title{font-size:var(--text-sm);color:var(--color-neutral-600);font-weight:var(--font-medium);flex:1}.metric-trend{font-size:var(--text-xs);font-weight:var(--font-bold);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full)}.trend-up{color:var(--color-success);background:var(--color-success-light)}.trend-down{color:var(--color-error);background:var(--color-error-light)}.metric-value{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-1)}.metric-subtitle{font-size:var(--text-sm);color:var(--color-neutral-500);margin-bottom:var(--spacing-4)}.metric-progress{height:6px;background:var(--color-neutral-200);border-radius:var(--radius-full);overflow:hidden}.metric-progress-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-slow)}.quick-actions-section{margin-bottom:var(--spacing-10)}.quick-actions-section h2{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--spacing-6)}.actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-4)}@media (max-width: 1024px){.actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.actions-grid{grid-template-columns:1fr}}.action-card{display:block;background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-5);box-shadow:var(--shadow-sm);border:1px solid var(--color-neutral-200);text-decoration:none;transition:all var(--transition-base)}.action-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-200);transform:translateY(-2px)}.action-icon{font-size:var(--text-2xl);margin-bottom:var(--spacing-3);display:block}.action-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-neutral-900);margin-bottom:var(--spacing-1)}.action-description{font-size:var(--text-sm);color:var(--color-neutral-600);margin:0}.chart-section{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-10)}.section-header h2{font-size:var(--text-xl);font-weight:var(--font-semibold)}.period-selector{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);background:#fff;cursor:pointer}.chart-placeholder{height:100%;display:flex;align-items:center;justify-content:center;background:var(--color-neutral-50);border-radius:var(--radius-md);color:var(--color-neutral-500);font-size:var(--text-sm)}.recent-calls-section{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-10)}.view-all-link{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary);text-decoration:none}.view-all-link:hover{text-decoration:underline}.status-badge{display:inline-flex;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);font-family:var(--font-mono)}.subscription-section .card{padding:var(--spacing-6)}.subscription-info{display:flex;justify-content:space-between;align-items:center}.subscription-info h3{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--spacing-1)}@media (max-width: 640px){.subscription-info{flex-direction:column;gap:var(--spacing-4);text-align:center}}.usage-page .page-header{margin-bottom:var(--spacing-8)}.usage-page .page-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-4)}@media (max-width: 640px){.usage-page .page-header-content{flex-direction:column}}.export-btn{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);white-space:nowrap}.export-btn:disabled{opacity:.5;cursor:not-allowed}.usage-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-6);margin-bottom:var(--spacing-8)}@media (max-width: 1024px){.usage-summary{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.usage-summary{grid-template-columns:1fr}}.summary-card{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-neutral-200)}.summary-icon{font-size:var(--text-2xl);margin-bottom:var(--spacing-3);display:block}.summary-content{display:flex;flex-direction:column}.summary-value{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-primary)}.summary-label{font-size:var(--text-sm);color:var(--color-neutral-600)}.summary-progress{height:6px;background:var(--color-neutral-200);border-radius:var(--radius-full);margin-top:var(--spacing-4);overflow:hidden}.summary-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:var(--radius-full)}.summary-percent{font-size:var(--text-xs);color:var(--color-neutral-500);margin-top:var(--spacing-2);display:block}.chart-section{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-6)}.chart-section h2{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--spacing-4)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6)}.period-selector-group,.filter-group{display:flex;gap:var(--spacing-2)}.period-btn,.filter-btn{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);background:#fff;font-family:var(--font-body);font-size:var(--text-sm);color:var(--color-neutral-600);cursor:pointer;transition:all var(--transition-fast)}.period-btn:hover,.filter-btn:hover{background:var(--color-neutral-50)}.period-btn.active,.filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.chart-container{height:300px}.charts-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6);margin-bottom:var(--spacing-6)}@media (max-width: 1024px){.charts-row{grid-template-columns:1fr}}.chart-section.half{margin-bottom:0}.chart-section.half .chart-container{height:250px}.calls-section{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm)}.method-badge{display:inline-flex;padding:var(--spacing-1) var(--spacing-2);background:var(--color-neutral-100);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);font-family:var(--font-mono);color:var(--color-neutral-700)}.patterns-section{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-6)}.patterns-section .section-header{margin-bottom:var(--spacing-4)}.patterns-hint{font-size:var(--text-sm);color:var(--color-neutral-500)}.patterns-grid{display:flex;flex-direction:column;gap:var(--spacing-3)}.pattern-card{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-4);background:var(--color-neutral-50);border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);transition:all var(--transition-fast)}.pattern-card:hover{background:var(--color-neutral-100);border-color:var(--color-neutral-300)}.pattern-rank{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-primary);min-width:40px}.pattern-info{flex:1;display:flex;flex-direction:column;gap:var(--spacing-1)}.pattern-endpoint{font-size:var(--text-sm);color:var(--color-neutral-900);word-break:break-all}.pattern-stats{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-xs);color:var(--color-neutral-600)}.pattern-divider{color:var(--color-neutral-400)}.api-playground{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--color-neutral-200);overflow:hidden}.api-playground-compact{box-shadow:none;border:1px solid var(--color-neutral-200)}.api-playground-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4) var(--spacing-5);background:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-200)}.header-title{display:flex;align-items:center;gap:var(--spacing-2)}.header-icon{font-size:var(--text-xl)}.header-title h2{font-size:var(--text-lg);font-weight:var(--font-semibold);margin:0;color:var(--color-neutral-900)}.header-actions{display:flex;align-items:center;gap:var(--spacing-2)}.btn-close{width:32px;height:32px;border:none;background:transparent;color:var(--color-neutral-500);font-size:var(--text-lg);cursor:pointer;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.btn-close:hover{background:var(--color-neutral-200);color:var(--color-neutral-700)}.modal-size-toggle{display:flex;background:var(--color-neutral-200);border-radius:var(--radius-md);overflow:hidden}.size-btn{padding:6px 10px;background:transparent;border:none;cursor:pointer;font-size:12px;color:var(--color-neutral-600);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;min-width:32px}.size-btn:hover{color:var(--color-neutral-800);background:var(--color-neutral-100)}.size-btn.active{background:#fff;color:var(--color-primary);box-shadow:var(--shadow-sm)}.size-btn:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary-light)}.api-playground-controls{display:flex;gap:var(--spacing-4);padding:var(--spacing-5);background:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-200);flex-wrap:wrap}.control-group{display:flex;flex-direction:column;gap:var(--spacing-2);flex:1;min-width:180px}.control-group-button{flex:0 0 auto;justify-content:flex-end}.control-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-neutral-600)}.control-select{padding:var(--spacing-2) var(--spacing-3);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);font-size:var(--text-sm);background:#fff;cursor:pointer;min-width:200px}.control-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-light)}.btn-execute{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-5);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-fast)}.btn-execute:hover:not(:disabled){background:var(--color-primary-dark)}.btn-execute:disabled{background:var(--color-neutral-300);cursor:not-allowed}.btn-icon{font-size:var(--text-xs)}.spinner-sm{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.scenario-info{padding:var(--spacing-4) var(--spacing-5);background:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-200)}.scenario-details{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.scenario-method{padding:var(--spacing-1) var(--spacing-2);background:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:var(--font-bold);border-radius:var(--radius-sm)}.scenario-endpoint{font-size:var(--text-sm);color:var(--color-neutral-700);background:var(--color-neutral-100);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm)}.scenario-description{font-size:var(--text-sm);color:var(--color-neutral-600);margin:0}.scenario-body{margin-top:var(--spacing-3)}.body-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-neutral-500);text-transform:uppercase;display:block;margin-bottom:var(--spacing-1)}.body-content{background:var(--color-neutral-900);color:var(--color-neutral-100);padding:var(--spacing-3);border-radius:var(--radius-md);font-size:var(--text-sm);overflow-x:auto;margin:0}.api-playground-response{padding:var(--spacing-5);min-height:200px}.response-viewer{background:var(--color-neutral-50);border-radius:var(--radius-md);overflow:hidden}.response-loading,.response-empty{display:flex;align-items:center;justify-content:center;min-height:150px;padding:var(--spacing-6)}.loading-indicator{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-3);color:var(--color-neutral-500)}.loading-indicator .spinner{width:32px;height:32px;border:3px solid var(--color-neutral-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.empty-state{text-align:center;color:var(--color-neutral-500)}.empty-icon{font-size:48px;display:block;margin-bottom:var(--spacing-3);opacity:.5}.response-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);background:var(--color-neutral-100);border-bottom:1px solid var(--color-neutral-200)}.response-meta{display:flex;align-items:center;gap:var(--spacing-3)}.response-latency{font-size:var(--text-sm);color:var(--color-neutral-600);font-family:var(--font-mono)}.response-timestamp{font-size:var(--text-xs);color:var(--color-neutral-400)}.response-actions{display:flex;align-items:center;gap:var(--spacing-2)}.view-toggle{display:flex;background:var(--color-neutral-200);border-radius:var(--radius-md);overflow:hidden}.toggle-btn{padding:var(--spacing-1) var(--spacing-2);background:transparent;border:none;font-size:var(--text-sm);color:var(--color-neutral-600);cursor:pointer;transition:all var(--transition-fast)}.toggle-btn:hover{color:var(--color-neutral-800)}.toggle-btn.active{background:#fff;color:var(--color-primary);box-shadow:var(--shadow-sm)}.btn-copy-response{padding:var(--spacing-1) var(--spacing-3);background:transparent;border:1px solid var(--color-neutral-300);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--color-neutral-600);cursor:pointer;transition:all var(--transition-fast)}.btn-copy-response:hover{background:var(--color-neutral-200);color:var(--color-neutral-800)}.response-body{padding:var(--spacing-4)}.json-viewer{background:var(--color-neutral-900);color:var(--color-neutral-100);padding:var(--spacing-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:var(--font-mono);overflow-x:auto;margin:0;white-space:pre-wrap;word-break:break-word}.json-key{color:#9cdcfe}.json-string{color:#ce9178}.json-number{color:#b5cea8}.json-boolean,.json-null{color:#569cd6}.table-wrapper{background:#fff;border-radius:var(--radius-md);border:1px solid var(--color-neutral-200);overflow:hidden;max-height:400px;overflow-y:auto;overflow-x:auto}.response-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.response-table thead{position:sticky;top:0;z-index:10}.response-table th{background:var(--color-neutral-100);padding:var(--spacing-2) var(--spacing-3);text-align:left;font-weight:var(--font-semibold);color:var(--color-neutral-700);border-bottom:1px solid var(--color-neutral-200);white-space:nowrap;position:relative}.response-table th.resizable-col{resize:horizontal;overflow:hidden;min-width:80px;max-width:500px}.response-table th.resizable-col:after{content:"";position:absolute;right:0;top:25%;height:50%;width:4px;background:var(--color-neutral-300);cursor:col-resize;border-radius:2px;opacity:0;transition:opacity .2s}.response-table th.resizable-col:hover:after{opacity:1}.response-table td{padding:var(--spacing-2) var(--spacing-3);border-bottom:1px solid var(--color-neutral-100);color:var(--color-neutral-800);max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}.response-table td.text-cell{max-width:400px}.response-table td .cell-content{display:inline}.response-table tbody tr:hover{background:var(--color-neutral-50)}.response-table tbody tr:last-child td{border-bottom:none}.response-table tbody tr.row-expanded{background:var(--color-neutral-50)}.table-info{padding:var(--spacing-2) var(--spacing-3);background:var(--color-neutral-50);border-top:1px solid var(--color-neutral-200);font-size:var(--text-xs);color:var(--color-neutral-500)}.expand-btn{margin-left:var(--spacing-2);padding:2px 6px;background:transparent;border:1px solid var(--color-neutral-300);border-radius:var(--radius-sm);cursor:pointer;font-size:10px;color:var(--color-neutral-500);transition:all var(--transition-fast)}.expand-btn:hover{background:var(--color-neutral-100);color:var(--color-neutral-700)}.expanded-content-row td{padding:0!important;border-bottom:1px solid var(--color-neutral-200)!important}.chunk-text-expanded{padding:var(--spacing-4);background:var(--color-neutral-50);border-left:4px solid var(--color-primary);margin:var(--spacing-2) var(--spacing-3);border-radius:0 var(--radius-md) var(--radius-md) 0}.chunk-text-expanded .expanded-header{margin-bottom:var(--spacing-2);color:var(--color-neutral-600);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px}.chunk-text-expanded .formatted-text{font-size:var(--text-sm);line-height:1.6;color:var(--color-neutral-800);white-space:pre-wrap;word-break:break-word}.keyword-required{color:var(--color-error-dark);font-weight:var(--font-bold)}.keyword-recommended{color:var(--color-warning-dark);font-style:italic}.keyword-optional{color:var(--color-success-dark)}.status-badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold)}.status-success{background:var(--color-success-light);color:var(--color-success-dark)}.status-warning{background:var(--color-warning-light);color:var(--color-warning-dark)}.status-error{background:var(--color-error-light);color:var(--color-error-dark)}.status-network-error{background:var(--color-neutral-200);color:var(--color-neutral-600)}.success-message{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);background:var(--color-success-light);color:var(--color-success-dark);border-top:1px solid var(--color-success);font-size:var(--text-sm);font-weight:var(--font-medium)}.success-icon{font-size:var(--text-lg)}.error-display{display:flex;gap:var(--spacing-3);padding:var(--spacing-4);background:var(--color-error-light);color:var(--color-error-dark)}.error-icon{font-size:var(--text-xl);flex-shrink:0}.error-content strong{display:block;margin-bottom:var(--spacing-1)}.error-content p{margin:0;font-size:var(--text-sm)}.api-key-info{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-5);background:var(--color-neutral-50);border-top:1px solid var(--color-neutral-200);font-size:var(--text-sm)}.key-label{color:var(--color-neutral-500)}.key-value{background:var(--color-neutral-100);color:var(--color-neutral-700);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-family:var(--font-mono)}.user-input-section{padding:var(--spacing-4) var(--spacing-5);background:linear-gradient(135deg,#f0f7ff,#e6f0fa);border-bottom:1px solid var(--color-neutral-200)}.user-input-label{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary-dark);margin-bottom:var(--spacing-2)}.required-marker{color:var(--color-error);margin-left:var(--spacing-1)}.user-input-textarea{width:100%;padding:var(--spacing-3);border:2px solid var(--color-primary-light);border-radius:var(--radius-md);font-size:var(--text-sm);font-family:inherit;resize:vertical;min-height:80px;transition:all var(--transition-fast);background:#fff}.user-input-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.user-input-textarea::placeholder{color:var(--color-neutral-400);font-style:italic}.user-input-meta{display:flex;justify-content:flex-end;margin-top:var(--spacing-1)}.char-count{font-size:var(--text-xs);color:var(--color-neutral-500);font-family:var(--font-mono)}.examples-section{margin-top:var(--spacing-3)}.examples-label{display:block;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-neutral-600);margin-bottom:var(--spacing-2);text-transform:uppercase;letter-spacing:.5px}.examples-list{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.example-chip{padding:var(--spacing-1) var(--spacing-3);background:#fff;border:1px solid var(--color-primary-light);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-primary);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;max-width:300px;overflow:hidden;text-overflow:ellipsis}.example-chip:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.example-chip:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary-light)}@media (max-width: 768px){.api-playground-controls{flex-direction:column}.control-group,.control-select{min-width:100%}.btn-execute{width:100%;justify-content:center}.scenario-details,.response-header{flex-wrap:wrap}}.api-endpoints{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-6)}.endpoints-header h2{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--spacing-2)}.endpoints-subtitle{color:var(--color-neutral-600);font-size:var(--text-sm);margin-bottom:var(--spacing-6)}.endpoints-subtitle code{background:var(--color-neutral-100);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs)}.product-endpoints{margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-6);border-bottom:1px solid var(--color-neutral-200)}.product-endpoints:last-of-type{margin-bottom:var(--spacing-4);padding-bottom:0;border-bottom:none}.product-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--color-neutral-200)}.product-title{display:flex;align-items:center;gap:var(--spacing-2)}.product-icon{font-size:var(--text-xl)}.product-name{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-neutral-900)}.docs-link-inline{display:inline-flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-3);background:var(--color-neutral-100);color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast)}.docs-link-inline:hover{background:var(--color-primary);color:#fff}.endpoint-item{background:var(--color-neutral-50);border-radius:var(--radius-md);padding:var(--spacing-4);margin-bottom:var(--spacing-3)}.endpoint-item.base-url{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);background:linear-gradient(135deg,var(--color-primary-50),var(--color-accent-50));border:1px solid var(--color-primary-200)}.base-url-content{flex:1;min-width:0}.endpoint-label{margin-bottom:var(--spacing-2)}.label-text{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-neutral-600)}.endpoint-value{display:flex;align-items:center;gap:var(--spacing-3);flex-wrap:wrap}.endpoint-url{flex:1;min-width:0;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-primary);background:#fff;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-sm);border:1px solid var(--color-neutral-200);word-break:break-all}.btn-copy{flex-shrink:0;padding:var(--spacing-2) var(--spacing-4);background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-copy:hover{background:var(--color-primary-dark)}.endpoints-list{margin-top:var(--spacing-4)}.endpoints-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-3)}.endpoint-count{font-size:var(--text-xs);color:var(--color-neutral-500);background:var(--color-neutral-100);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-full)}.endpoints-grid{display:grid;gap:var(--spacing-3)}@media (min-width: 768px){.endpoints-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}.endpoint-card{background:#fff;border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);padding:var(--spacing-4);transition:all var(--transition-fast)}.endpoint-card:hover{border-color:var(--color-primary-300);box-shadow:var(--shadow-sm)}.endpoint-card-header{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.endpoint-card-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-2);margin-top:var(--spacing-3);padding-top:var(--spacing-3);border-top:1px solid var(--color-neutral-100)}.endpoint-full-url{flex:1;min-width:0;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-neutral-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.endpoint-details{flex:1}.endpoint-name{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-2)}.method-badge{padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase}.method-get{background:var(--color-success-light);color:var(--color-success-dark)}.method-post{background:var(--color-info-light);color:var(--color-info-dark)}.method-put{background:var(--color-warning-light);color:var(--color-warning-dark)}.method-delete{background:var(--color-error-light);color:var(--color-error-dark)}.endpoint-path{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-neutral-700)}.endpoint-description{font-size:var(--text-sm);color:var(--color-neutral-600);margin:0}.endpoint-actions{flex-shrink:0;margin-left:var(--spacing-4)}.btn-copy-small{padding:var(--spacing-1) var(--spacing-3);background:transparent;color:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-sm);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-copy-small:hover{background:var(--color-primary);color:#fff}@media (max-width: 640px){.endpoint-item.base-url{flex-direction:column;align-items:stretch}.endpoint-item.base-url .btn-copy{width:100%;margin-top:var(--spacing-3)}}.quick-start{background:var(--color-neutral-900);border-radius:var(--radius-lg);padding:var(--spacing-5);margin-top:var(--spacing-6)}.quick-start h3{color:#fff;font-size:var(--text-base);font-weight:var(--font-semibold);margin-bottom:var(--spacing-2)}.quick-start p{color:var(--color-neutral-400);font-size:var(--text-sm);margin-bottom:var(--spacing-3)}.code-block{position:relative;background:var(--color-neutral-800);border-radius:var(--radius-md);padding:var(--spacing-4);overflow-x:auto}.code-block pre{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-success-light);white-space:pre-wrap;word-break:break-all}.btn-copy-code{position:absolute;top:var(--spacing-2);right:var(--spacing-2);padding:var(--spacing-1) var(--spacing-2);background:var(--color-neutral-700);color:var(--color-neutral-300);border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast)}.btn-copy-code:hover{background:var(--color-neutral-600);color:#fff}.api-keys-page .page-header{margin-bottom:var(--spacing-6)}.api-keys-page .header-content{display:flex;justify-content:space-between;align-items:flex-start}@media (max-width: 640px){.api-keys-page .header-content{flex-direction:column;gap:var(--spacing-4)}.api-keys-page .header-content .btn-primary{width:100%}}.security-notice{display:flex;gap:var(--spacing-4);padding:var(--spacing-4) var(--spacing-5);background:var(--color-warning-light);border:1px solid var(--color-warning);border-radius:var(--radius-md);margin-bottom:var(--spacing-6)}.notice-icon{font-size:var(--text-2xl);flex-shrink:0}.security-notice strong{display:block;margin-bottom:var(--spacing-1);color:var(--color-warning-dark)}.security-notice p{margin:0;font-size:var(--text-sm);color:var(--color-warning-dark);opacity:.9}.keys-section{margin-bottom:var(--spacing-8)}.keys-section h2{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--spacing-4)}.keys-list{display:flex;flex-direction:column;gap:var(--spacing-4)}.key-card{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-5);box-shadow:var(--shadow-sm);border:1px solid var(--color-neutral-200)}.key-card.revoked{opacity:.6;background:var(--color-neutral-50)}.key-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-3)}.key-info{display:flex;flex-direction:column;gap:var(--spacing-1)}.key-name{font-weight:var(--font-semibold);color:var(--color-neutral-900)}.key-prefix{font-size:var(--text-sm);color:var(--color-neutral-500)}.key-actions{display:flex;gap:var(--spacing-2)}.key-meta{display:flex;gap:var(--spacing-6);font-size:var(--text-sm);color:var(--color-neutral-500)}@media (max-width: 640px){.key-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-3)}.key-actions{width:100%}.key-actions button{flex:1}.key-meta{flex-direction:column;gap:var(--spacing-1)}}.revoked-badge{padding:var(--spacing-1) var(--spacing-3);background:var(--color-neutral-200);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-neutral-600);text-transform:uppercase}.revoked-section{opacity:.7}.empty-state{text-align:center;padding:var(--spacing-12) var(--spacing-6);background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.empty-icon{font-size:48px;display:block;margin-bottom:var(--spacing-4);opacity:.5}.empty-state h3{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--spacing-2);color:var(--color-neutral-700)}.empty-state p{color:var(--color-neutral-500);margin-bottom:var(--spacing-6)}.key-display{margin-top:var(--spacing-4)}.key-display label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-neutral-600);margin-bottom:var(--spacing-2)}.key-value-container{display:flex;gap:var(--spacing-2)}.key-value{flex:1;padding:var(--spacing-3) var(--spacing-4);background:var(--color-neutral-900);color:var(--color-accent);border-radius:var(--radius-md);font-size:var(--text-sm);word-break:break-all}.btn-danger{background:var(--color-error);color:#fff;border:none;padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-danger:hover{background:var(--color-error-dark)}.btn-sm{padding:var(--spacing-2) var(--spacing-3);font-size:var(--text-sm)}.key-owner{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-3);padding:var(--spacing-2) var(--spacing-3);background:var(--color-neutral-50);border-radius:var(--radius-sm)}.owner-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-neutral-500);text-transform:uppercase}.owner-value{font-size:var(--text-sm);color:var(--color-neutral-700)}.owner-email{font-size:var(--text-xs);color:var(--color-neutral-400)}.usage-count{font-weight:var(--font-medium);color:var(--color-primary)}.modal-lg{width:100%;max-width:800px;max-height:90vh;overflow:auto}.btn-test{color:var(--color-primary);border-color:var(--color-primary)}.btn-test:hover{background:var(--color-primary);color:#fff}.key-test-info{padding:var(--spacing-4);background:var(--color-neutral-50);border-radius:var(--radius-md);margin-bottom:var(--spacing-4)}.test-key-detail{display:flex;align-items:center;gap:var(--spacing-3);margin-bottom:var(--spacing-2)}.test-key-detail:last-child{margin-bottom:0}.test-key-detail .detail-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-neutral-500);min-width:80px}.test-key-detail .detail-value{font-size:var(--text-sm);color:var(--color-neutral-800)}.security-notice-compact{padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-4)}.security-notice-compact .notice-icon{font-size:var(--text-lg)}.security-notice-compact p{margin:0}.form-error{margin-top:var(--spacing-2);font-size:var(--text-sm);color:var(--color-error)}.modal.modal-compact{width:100%;max-width:600px!important;max-height:60vh}.modal.modal-default{width:100%;max-width:800px!important;max-height:80vh}.modal.modal-expanded{width:100%;max-width:1100px!important;max-height:90vh}.modal.modal-fullscreen{width:calc(100% - 32px)!important;max-width:none!important;height:calc(100% - 32px);max-height:none!important}.settings-page .page-header{margin-bottom:var(--spacing-6)}.settings-tabs{display:flex;gap:var(--spacing-2);margin-bottom:var(--spacing-6);border-bottom:1px solid var(--color-neutral-200);padding-bottom:var(--spacing-4)}.tab-btn{padding:var(--spacing-3) var(--spacing-5);background:none;border:none;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-neutral-600);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast)}.tab-btn:hover{background:var(--color-neutral-100);color:var(--color-neutral-900)}.tab-btn.active{background:var(--color-primary-50);color:var(--color-primary)}.settings-content{max-width:640px}.settings-section{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-6)}.settings-section h2{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--spacing-4)}.section-description{color:var(--color-neutral-600);margin-bottom:var(--spacing-4)}.readonly-value{padding:var(--spacing-3) var(--spacing-4);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);color:var(--color-neutral-600)}.form-hint{margin-top:var(--spacing-2);font-size:var(--text-sm);color:var(--color-neutral-500)}.toggle-group{display:flex;flex-direction:column;gap:var(--spacing-4)}.toggle-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-4);background:var(--color-neutral-50);border-radius:var(--radius-md);cursor:pointer}.toggle-item:hover{background:var(--color-neutral-100)}.toggle-info{display:flex;flex-direction:column;gap:var(--spacing-1)}.toggle-label{font-weight:var(--font-medium);color:var(--color-neutral-900)}.toggle-description{font-size:var(--text-sm);color:var(--color-neutral-500)}.toggle-input{width:48px;height:24px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--color-neutral-300);border-radius:var(--radius-full);position:relative;cursor:pointer;transition:background var(--transition-fast)}.toggle-input:after{content:"";position:absolute;width:20px;height:20px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform var(--transition-fast)}.toggle-input:checked{background:var(--color-primary)}.toggle-input:checked:after{transform:translate(24px)}.settings-actions{margin-top:var(--spacing-6)}.subscription-card{background:linear-gradient(135deg,var(--color-primary-50),var(--color-accent-50));border:1px solid var(--color-primary-200);border-radius:var(--radius-lg);padding:var(--spacing-6);margin-bottom:var(--spacing-4)}.subscription-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-4)}.subscription-plan{font-size:var(--text-xl);font-weight:var(--font-bold);margin-top:var(--spacing-2)}.subscription-price{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary)}.subscription-details{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4)}@media (max-width: 640px){.subscription-details{grid-template-columns:1fr}}.detail-item{display:flex;flex-direction:column;gap:var(--spacing-1)}.status-badge{display:inline-flex;padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:capitalize}.status-active{background:var(--color-success-light);color:var(--color-success-dark)}.status-trial{background:var(--color-info-light);color:var(--color-info-dark)}.status-canceled{background:var(--color-neutral-200);color:var(--color-neutral-600)}.feature-list{margin:var(--spacing-4) 0;padding-left:var(--spacing-5);color:var(--color-neutral-700)}.feature-list li{margin-bottom:var(--spacing-2)}.upgrade-section{border:2px dashed var(--color-primary-200);background:var(--color-primary-50)}.tier-comparison{display:flex;gap:var(--spacing-4);margin-top:var(--spacing-4)}@media (max-width: 640px){.tier-comparison{flex-direction:column}}.tier-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);padding:var(--spacing-4);background:#fff;border-radius:var(--radius-md);text-align:center}.tier-calls{font-size:var(--text-sm);color:var(--color-neutral-600)}.tier-price{font-weight:var(--font-bold);color:var(--color-primary)}.pilot-conversion-section{margin-bottom:var(--spacing-6)}.pilot-conversion-card{background:linear-gradient(135deg,#10b981,#059669);border-radius:var(--radius-xl);padding:var(--spacing-8);color:#fff;text-align:center}.pilot-conversion-header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.pilot-conversion-header .pilot-icon{font-size:48px}.pilot-conversion-header h2{margin:0;font-size:var(--text-2xl);font-weight:var(--font-bold);color:#fff}.pilot-conversion-header p{margin:var(--spacing-2) 0 0;opacity:.9;font-size:var(--text-lg)}.pilot-conversion-benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-4);margin-bottom:var(--spacing-6);text-align:left;max-width:500px;margin-left:auto;margin-right:auto}@media (max-width: 640px){.pilot-conversion-benefits{grid-template-columns:1fr}}.pilot-conversion-benefits .benefit-item{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--text-sm)}.pilot-conversion-benefits .benefit-check{flex-shrink:0;width:20px;height:20px;background:#fff;color:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.btn-marketplace{display:inline-flex;align-items:center;gap:var(--spacing-2);background:#fff;color:#059669;padding:var(--spacing-4) var(--spacing-8);font-size:var(--text-lg);font-weight:var(--font-bold);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-fast);box-shadow:0 4px 14px #00000026}.btn-marketplace:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003;background:#f0fdf4}.btn-marketplace .aws-icon{font-size:var(--text-xl)}.pilot-conversion-note{margin-top:var(--spacing-4);font-size:var(--text-sm);opacity:.9}.pilot-conversion-note a{color:#fff;text-decoration:underline}.pilot-conversion-note a:hover{opacity:.8}.subscription-actions{display:flex;gap:var(--spacing-3);flex-wrap:wrap;margin-bottom:var(--spacing-4)}.subscription-actions .btn-primary,.subscription-actions .btn-outline{text-decoration:none;display:inline-flex;align-items:center;gap:var(--spacing-2)}.subscription-note{color:var(--color-neutral-500);margin-top:var(--spacing-2)}.subscription-note small{font-size:var(--text-xs)}.billing-page .page-header{margin-bottom:var(--spacing-6)}.billing-section{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-6)}.billing-section h2{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--spacing-4);color:var(--color-neutral-900)}.pilot-cta-section{padding:0;overflow:hidden}.pilot-conversion-card{background:linear-gradient(135deg,#10b981,#059669);padding:var(--spacing-8);color:#fff}.pilot-header{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.pilot-badge{display:inline-flex;padding:var(--spacing-2) var(--spacing-4);background:#fff3;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold)}.pilot-header h2{margin:0;font-size:var(--text-2xl);font-weight:var(--font-bold);color:#fff}.pilot-description{font-size:var(--text-lg);opacity:.9;margin-bottom:var(--spacing-6);max-width:600px}.pilot-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.pilot-benefits .benefit{display:flex;align-items:center;gap:var(--spacing-2)}.pilot-benefits .benefit-icon{flex-shrink:0;width:24px;height:24px;background:#fff;color:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-sm)}.pilot-cta-section .btn-primary.btn-lg{display:inline-flex;align-items:center;gap:var(--spacing-2);background:#fff;color:#059669;padding:var(--spacing-4) var(--spacing-8);font-size:var(--text-lg);font-weight:var(--font-bold);border-radius:var(--radius-lg);text-decoration:none;transition:all var(--transition-fast);box-shadow:0 4px 14px #00000026}.pilot-cta-section .btn-primary.btn-lg:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003;background:#f0fdf4}.plan-card{background:linear-gradient(135deg,var(--color-primary-50),var(--color-accent-50));border:1px solid var(--color-primary-200);border-radius:var(--radius-lg);padding:var(--spacing-6)}.plan-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-4);flex-wrap:wrap;gap:var(--spacing-4)}.plan-info{display:flex;align-items:center;gap:var(--spacing-3)}.plan-price{text-align:right}.plan-price .price-amount{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary)}.plan-price .price-period{font-size:var(--text-sm);color:var(--color-neutral-600)}.plan-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--spacing-4)}.detail-row{display:flex;flex-direction:column;gap:var(--spacing-1)}.detail-label{font-size:var(--text-sm);color:var(--color-neutral-600)}.detail-value{font-weight:var(--font-medium);color:var(--color-neutral-900)}.usage-card{min-height:150px}.usage-header{margin-bottom:var(--spacing-4)}.usage-count{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-neutral-900)}.usage-of{font-weight:var(--font-regular);color:var(--color-neutral-600)}.usage-label{display:block;font-size:var(--text-sm);color:var(--color-neutral-600);margin-top:var(--spacing-1)}.usage-progress-container{display:flex;align-items:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6)}.usage-progress-bar{flex:1;height:12px;background:var(--color-neutral-200);border-radius:var(--radius-full);overflow:hidden}.usage-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:var(--radius-full);transition:width var(--transition-slow)}.usage-progress-fill.warning{background:linear-gradient(90deg,var(--color-warning),var(--color-warning-dark))}.usage-progress-fill.critical{background:linear-gradient(90deg,var(--color-error),var(--color-error-dark))}.usage-percent{font-weight:var(--font-semibold);color:var(--color-neutral-700);min-width:50px;text-align:right}.usage-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--color-neutral-200)}.usage-stats .stat{text-align:center}.usage-stats .stat-value{display:block;font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-primary)}.usage-stats .stat-label{font-size:var(--text-xs);color:var(--color-neutral-600);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.management-card{min-height:200px}.management-description{color:var(--color-neutral-700);margin-bottom:var(--spacing-4)}.management-features{margin:var(--spacing-4) 0;padding-left:var(--spacing-5);color:var(--color-neutral-700)}.management-features li{margin-bottom:var(--spacing-2)}.management-actions{display:flex;gap:var(--spacing-3);flex-wrap:wrap;margin-bottom:var(--spacing-4)}.management-actions .btn-primary,.management-actions .btn-outline{text-decoration:none}.management-note{font-size:var(--text-sm);color:var(--color-neutral-500)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-4)}.plan-option{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-5);background:var(--color-neutral-50);border:2px solid var(--color-neutral-200);border-radius:var(--radius-lg);text-align:center;transition:all var(--transition-fast)}.plan-option:hover{border-color:var(--color-primary-300);background:#fff}.plan-option.current{border-color:var(--color-primary);background:var(--color-primary-50)}.plan-option-header{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-3)}.plan-option-header .tier-badge{text-transform:capitalize}.current-label{font-size:var(--text-xs);color:var(--color-primary);font-weight:var(--font-semibold)}.plan-option-price{margin-bottom:var(--spacing-3)}.plan-option-price .price-amount{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-neutral-900)}.plan-option-price .price-period{font-size:var(--text-sm);color:var(--color-neutral-600)}.plan-option-price .price-free{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-neutral-600)}.plan-option-price .price-custom{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-secondary)}.plan-option-features{list-style:none;margin:0 0 var(--spacing-4) 0;padding:0;font-size:var(--text-sm);color:var(--color-neutral-600)}.plan-option-features li{margin-bottom:var(--spacing-1)}.plan-option .btn-outline.btn-sm{font-size:var(--text-xs);padding:var(--spacing-2) var(--spacing-4);text-decoration:none}.support-card{text-align:center}.support-card p{color:var(--color-neutral-600);margin-bottom:var(--spacing-4)}.support-contacts{display:flex;flex-direction:column;gap:var(--spacing-2);align-items:center}.support-link{color:var(--color-primary);text-decoration:none;font-weight:var(--font-medium);transition:color var(--transition-fast)}.support-link:hover{color:var(--color-primary-dark);text-decoration:underline}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--spacing-4)}.loading-inline{display:flex;align-items:center;justify-content:center;padding:var(--spacing-8);color:var(--color-neutral-600)}.empty-state{text-align:center;padding:var(--spacing-8);color:var(--color-neutral-500)}@media (max-width: 768px){.pilot-benefits{grid-template-columns:1fr}.plan-header{flex-direction:column;align-items:flex-start}.plan-price{text-align:left}.plan-details{grid-template-columns:1fr 1fr}.usage-stats{grid-template-columns:1fr;gap:var(--spacing-3)}.management-actions{flex-direction:column}.management-actions .btn-primary,.management-actions .btn-outline{width:100%;justify-content:center}.plans-grid{grid-template-columns:1fr}}@media (max-width: 480px){.plan-details{grid-template-columns:1fr}.usage-progress-container{flex-direction:column;align-items:stretch}.usage-percent{text-align:center}}.support-page{padding:2rem}.support-stats{display:flex;gap:1.5rem;margin-bottom:2rem}.stat-card{flex:1;background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:8px;padding:1.5rem;text-align:center}.stat-value{display:block;font-size:2rem;font-weight:700;color:var(--color-primary, #0056b3)}.stat-label{display:block;font-size:.875rem;color:var(--color-text-muted, #6b7280);margin-top:.25rem}.filter-tabs{display:flex;gap:.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--color-border, #e5e7eb);padding-bottom:.5rem}.filter-tab{padding:.5rem 1rem;border:none;background:transparent;color:var(--color-text-muted, #6b7280);cursor:pointer;border-radius:4px 4px 0 0;transition:all .2s ease}.filter-tab:hover{background:var(--color-surface-hover, #f3f4f6)}.filter-tab.active{color:var(--color-primary, #0056b3);background:var(--color-primary-light, #dbeafe);font-weight:500}.tickets-list{display:flex;flex-direction:column;gap:1rem}.ticket-card{background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:8px;padding:1.5rem;cursor:pointer;transition:all .2s ease}.ticket-card:hover{border-color:var(--color-primary, #0056b3);box-shadow:0 2px 8px #0000001a}.ticket-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.ticket-badges{display:flex;gap:.5rem}.status-badge,.priority-badge{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;text-transform:capitalize}.ticket-id{font-size:.75rem;color:var(--color-text-muted, #6b7280);font-family:Monaco,Consolas,monospace}.ticket-subject{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:var(--color-text, #111827)}.ticket-preview{color:var(--color-text-muted, #6b7280);font-size:.875rem;margin:0 0 1rem;line-height:1.5}.ticket-card-footer{display:flex;gap:1.5rem;font-size:.75rem;color:var(--color-text-muted, #6b7280)}.ticket-category{color:var(--color-primary, #0056b3)}.ticket-detail{background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:8px;overflow:hidden}.ticket-detail-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:var(--color-surface-hover, #f9fafb);border-bottom:1px solid var(--color-border, #e5e7eb)}.btn-back{padding:.5rem 1rem;border:1px solid var(--color-border, #e5e7eb);background:#fff;border-radius:4px;cursor:pointer;color:var(--color-text, #111827);transition:all .2s ease}.btn-back:hover{background:var(--color-surface-hover, #f3f4f6)}.ticket-detail-content{padding:1.5rem}.ticket-detail-info{display:flex;gap:.75rem;align-items:center;margin-bottom:1rem}.ticket-detail .ticket-subject{font-size:1.5rem;margin-bottom:1rem}.ticket-meta{display:flex;gap:1.5rem;font-size:.875rem;color:var(--color-text-muted, #6b7280);margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--color-border, #e5e7eb)}.ticket-description{margin-bottom:2rem}.ticket-description h3{font-size:1rem;font-weight:600;margin-bottom:.75rem;color:var(--color-text, #111827)}.ticket-description p{color:var(--color-text, #374151);line-height:1.6;white-space:pre-wrap}.ticket-messages{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border, #e5e7eb)}.ticket-messages h3{font-size:1rem;font-weight:600;margin-bottom:1rem;color:var(--color-text, #111827)}.messages-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.message{padding:1rem;border-radius:8px;max-width:80%}.message-customer{background:var(--color-primary-light, #dbeafe);margin-left:auto}.message-support{background:var(--color-surface-hover, #f3f4f6)}.message-header{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.75rem}.message-sender{font-weight:600;color:var(--color-text, #111827)}.message-time{color:var(--color-text-muted, #6b7280)}.message-content{color:var(--color-text, #374151);line-height:1.5;white-space:pre-wrap}.no-messages{color:var(--color-text-muted, #6b7280);font-style:italic;text-align:center;padding:2rem}.reply-form{margin-top:1.5rem}.reply-input{width:100%;padding:1rem;border:1px solid var(--color-border, #e5e7eb);border-radius:8px;resize:vertical;font-family:inherit;font-size:.875rem;margin-bottom:1rem}.reply-input:focus{outline:none;border-color:var(--color-primary, #0056b3);box-shadow:0 0 0 3px #0056b31a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-textarea{width:100%;padding:.75rem;border:1px solid var(--color-border, #e5e7eb);border-radius:6px;font-family:inherit;font-size:.875rem;resize:vertical}.form-textarea:focus{outline:none;border-color:var(--color-primary, #0056b3);box-shadow:0 0 0 3px #0056b31a}.form-select{width:100%;padding:.75rem;border:1px solid var(--color-border, #e5e7eb);border-radius:6px;font-family:inherit;font-size:.875rem;background-color:#fff}.form-select:focus{outline:none;border-color:var(--color-primary, #0056b3)}.form-hint{margin-top:1rem;padding:1rem;background:var(--color-surface-hover, #f9fafb);border-radius:6px;font-size:.875rem;color:var(--color-text-muted, #6b7280)}.form-hint strong{display:block;margin-bottom:.5rem;color:var(--color-text, #111827)}.form-hint ul{margin:0;padding-left:1.25rem}.form-hint li{margin-bottom:.25rem}.alert-dismiss{background:none;border:none;font-size:1.25rem;cursor:pointer;opacity:.7;margin-left:auto}.alert-dismiss:hover{opacity:1}.modal.modal-lg{max-width:640px;width:90%}.empty-state{text-align:center;padding:4rem 2rem;background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e5e7eb);border-radius:8px}.empty-icon{font-size:3rem;display:block;margin-bottom:1rem}.empty-state h3{font-size:1.25rem;color:var(--color-text, #111827);margin-bottom:.5rem}.empty-state p{color:var(--color-text-muted, #6b7280);margin-bottom:1.5rem}@media (max-width: 768px){.support-stats{flex-direction:column}.filter-tabs{overflow-x:auto;padding-bottom:1rem}.form-row{grid-template-columns:1fr}.ticket-meta{flex-direction:column;gap:.5rem}.ticket-card-footer{flex-wrap:wrap}.message{max-width:100%}}.webhooks-page{padding:2rem}.tier-limit-card{background:var(--bg-secondary, #f8f9fa);border-radius:8px;padding:1rem 1.5rem;margin-bottom:2rem;border:1px solid var(--border-color, #e5e7eb)}.tier-limit-info{display:flex;align-items:center;gap:.5rem}.tier-label{color:var(--text-muted, #6b7280);font-size:.875rem}.tier-value{font-size:.875rem}.tier-value .unlimited{color:var(--accent-color, #00a8cc);font-weight:600}.tier-upgrade-notice{display:flex;align-items:center;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border-color, #e5e7eb);font-size:.875rem;color:var(--warning-color, #FF9F1C)}.upgrade-link{color:var(--primary-color, #0056b3);text-decoration:underline;font-weight:500}.webhooks-section{margin-top:1.5rem}.webhooks-section h2{font-size:1.125rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary, #111827)}.webhooks-list{display:flex;flex-direction:column;gap:1rem}.webhook-card{background:#fff;border:1px solid var(--border-color, #e5e7eb);border-radius:8px;padding:1.25rem;transition:box-shadow .2s}.webhook-card:hover{box-shadow:0 4px 12px #00000014}.webhook-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.webhook-url code{font-family:Fira Code,Monaco,monospace;font-size:.875rem;color:var(--primary-color, #0056b3);background:var(--bg-secondary, #f8f9fa);padding:.25rem .5rem;border-radius:4px;word-break:break-all}.webhook-actions{display:flex;gap:.5rem;flex-shrink:0}.test-success-banner{background:#d1fae5;color:#065f46;padding:.5rem 1rem;border-radius:4px;font-size:.875rem;margin-bottom:.75rem}.webhook-details{display:flex;flex-direction:column;gap:.5rem}.webhook-events,.webhook-description{display:flex;gap:.5rem;font-size:.875rem}.webhook-events .label,.webhook-description .label{color:var(--text-muted, #6b7280);min-width:80px}.webhook-events .value,.webhook-description .value{color:var(--text-primary, #111827)}.webhook-meta{display:flex;gap:1rem;margin-top:.5rem;font-size:.75rem;color:var(--text-muted, #6b7280)}.webhook-status{padding:.125rem .5rem;border-radius:9999px;font-weight:500}.webhook-status.status-active{background:#d1fae5;color:#065f46}.secret-display{margin:1.5rem 0}.secret-display label{display:block;font-size:.875rem;font-weight:500;color:var(--text-muted, #6b7280);margin-bottom:.5rem}.secret-value-container{display:flex;align-items:center;gap:.5rem;background:var(--bg-secondary, #f8f9fa);padding:.75rem;border-radius:8px;border:1px solid var(--border-color, #e5e7eb)}.secret-value{flex:1;font-family:Fira Code,Monaco,monospace;font-size:.875rem;color:var(--text-primary, #111827);word-break:break-all}.verification-info{background:var(--bg-secondary, #f8f9fa);padding:1rem;border-radius:8px;margin-top:1rem}.verification-info h4{font-size:.875rem;font-weight:600;margin-bottom:.5rem}.verification-info p{font-size:.875rem;color:var(--text-muted, #6b7280);margin:0}.verification-info code{background:#fff;padding:.125rem .375rem;border-radius:4px;font-size:.8125rem}.event-checkboxes{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background .15s}.checkbox-label:hover{background:var(--bg-secondary, #f8f9fa)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--primary-color, #0056b3)}.checkbox-text{font-size:.875rem}.select-all{float:right;font-size:.75rem}.delivery-table-container{overflow-x:auto}.delivery-table{width:100%;border-collapse:collapse;font-size:.875rem}.delivery-table th{text-align:left;padding:.75rem;background:var(--bg-secondary, #f8f9fa);border-bottom:1px solid var(--border-color, #e5e7eb);font-weight:600;color:var(--text-muted, #6b7280)}.delivery-table td{padding:.75rem;border-bottom:1px solid var(--border-color, #e5e7eb)}.delivery-table .event-id{font-family:Fira Code,Monaco,monospace;font-size:.75rem;background:var(--bg-secondary, #f8f9fa);padding:.125rem .375rem;border-radius:4px}.status-badge{display:inline-block;padding:.125rem .5rem;border-radius:9999px;font-size:.75rem;font-weight:500}.status-badge.status-success{background:#d1fae5;color:#065f46}.status-badge.status-error{background:#fee2e2;color:#991b1b}.status-badge.status-warning{background:#fef3c7;color:#92400e}.error-message{color:var(--error-color, #dc3545);font-size:.75rem}.modal-large{max-width:800px;width:95%}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted, #6b7280);padding:0;line-height:1}.modal-close:hover{color:var(--text-primary, #111827)}@media (max-width: 768px){.webhook-header{flex-direction:column}.webhook-actions{width:100%;justify-content:flex-end}.tier-limit-info{flex-direction:column;align-items:flex-start}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--content-bg) 100%);padding:var(--spacing-4)}.login-container{width:100%;max-width:420px}.login-logo{text-align:center;margin-bottom:var(--spacing-8)}.login-logo .logo-text{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}.login-logo .logo-subtitle{font-size:var(--text-sm);color:var(--color-neutral-500)}.login-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-8);box-shadow:var(--shadow-lg)}.login-title{font-size:var(--text-2xl);font-weight:var(--font-bold);text-align:center;margin-bottom:var(--spacing-2)}.login-subtitle{font-size:var(--text-base);color:var(--color-neutral-600);text-align:center;margin-bottom:var(--spacing-6)}.alert-success{background:var(--color-success-50, #ecfdf5);border:1px solid var(--color-success-200, #a7f3d0);color:var(--color-success-700, #047857)}.alert-error{background:var(--color-error-50, #fef2f2);border:1px solid var(--color-error-200, #fecaca);color:var(--color-error-700, #b91c1c)}.login-form{margin-bottom:var(--spacing-6)}.form-actions{display:flex;justify-content:flex-end;margin-bottom:var(--spacing-4)}.forgot-link{font-size:var(--text-sm);color:var(--color-primary);text-decoration:none}.forgot-link:hover{text-decoration:underline}.login-divider{display:flex;align-items:center;margin:var(--spacing-6) 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--color-neutral-200)}.login-divider span{padding:0 var(--spacing-4);font-size:var(--text-sm);color:var(--color-neutral-500)}.oauth-buttons{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-6)}.btn-oauth{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-3);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);background:#fff;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-neutral-700);cursor:pointer;transition:all var(--transition-fast)}.btn-oauth:hover:not(:disabled){background:var(--color-neutral-50);border-color:var(--color-neutral-400)}.btn-oauth:disabled{opacity:.5;cursor:not-allowed}.oauth-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-sm)}.login-signup{text-align:center;font-size:var(--text-sm);color:var(--color-neutral-600)}.login-signup a{color:var(--color-primary);font-weight:var(--font-medium);text-decoration:none}.login-signup a:hover{text-decoration:underline}.login-footer{text-align:center;margin-top:var(--spacing-6)}.login-footer p{font-size:var(--text-xs);color:var(--color-neutral-500)}.login-footer a{color:var(--color-neutral-600);text-decoration:underline}.login-footer a:hover{color:var(--color-primary)}.register-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--content-bg) 100%);padding:var(--spacing-6) var(--spacing-4);overflow-y:auto}.register-container{width:100%;max-width:540px;margin:0 auto}.register-logo{text-align:center;margin-bottom:var(--spacing-6)}.register-logo .logo-icon{font-size:var(--text-4xl);display:block;margin-bottom:var(--spacing-2)}.register-logo .logo-text{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}.register-logo .logo-subtitle{font-size:var(--text-sm);color:var(--color-neutral-500)}.register-card{background:#fff;border-radius:var(--radius-xl);padding:var(--spacing-8);box-shadow:var(--shadow-lg)}.product-badge{display:inline-flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);background:var(--color-primary-50);border:1px solid var(--color-primary-100);border-radius:var(--radius-full);margin-bottom:var(--spacing-4)}.product-icon{font-size:var(--text-lg)}.product-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary-700)}.register-title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-2)}.register-subtitle{font-size:var(--text-base);color:var(--color-neutral-600);margin-bottom:var(--spacing-6)}.alert{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);font-size:var(--text-sm)}.alert-success{background:var(--color-success-50);border:1px solid var(--color-success-200);color:var(--color-success-700)}.alert-error{background:var(--color-error-50);border:1px solid var(--color-error-200);color:var(--color-error-700)}.alert-icon{font-size:var(--text-base)}.register-form{margin-bottom:var(--spacing-6)}.form-section{margin-bottom:var(--spacing-6);padding-bottom:var(--spacing-6);border-bottom:1px solid var(--color-neutral-100)}.form-section:last-of-type{border-bottom:none;margin-bottom:var(--spacing-4);padding-bottom:0}.form-section-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-neutral-700);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-2);border-bottom:2px solid var(--color-primary-100);display:inline-block}.form-group:last-child{margin-bottom:0}.form-group-muted{opacity:.8}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-neutral-700);margin-bottom:var(--spacing-1)}.required{color:var(--color-error)}.optional{color:var(--color-neutral-400);font-weight:var(--font-normal)}.form-input{width:100%;padding:var(--spacing-3);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-neutral-800);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #0056b31a}.form-input-error{border-color:var(--color-error)}.form-input-error:focus{box-shadow:0 0 0 3px #ef44441a}.form-error{display:block;font-size:var(--text-xs);color:var(--color-error);margin-top:var(--spacing-1)}.form-hint{display:block;font-size:var(--text-xs);color:var(--color-neutral-500);margin-top:var(--spacing-1)}.form-static{padding:var(--spacing-3);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-neutral-600);word-break:break-all}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-4)}@media (max-width: 480px){.form-row{grid-template-columns:1fr}}.form-checkbox-group{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-3);padding:var(--spacing-2) 0}.form-checkbox{width:18px;height:18px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.form-checkbox-label{font-size:var(--text-sm);color:var(--color-neutral-700);cursor:pointer;-webkit-user-select:none;user-select:none}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-6);background:var(--color-primary);color:#fff;font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--font-semibold);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-block{width:100%}.register-login{text-align:center;font-size:var(--text-sm);color:var(--color-neutral-600);margin-top:var(--spacing-4)}.register-login a{color:var(--color-primary);font-weight:var(--font-medium);text-decoration:none}.register-login a:hover{text-decoration:underline}.register-footer{text-align:center;margin-top:var(--spacing-6)}.register-footer p{font-size:var(--text-xs);color:var(--color-neutral-500)}.register-footer a{color:var(--color-neutral-600);text-decoration:underline}.register-footer a:hover{color:var(--color-primary)}.register-success{text-align:center;padding:var(--spacing-12) var(--spacing-8);background:#fff;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.success-icon{font-size:4rem;margin-bottom:var(--spacing-4)}.success-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-success-600);margin-bottom:var(--spacing-2)}.success-message{font-size:var(--text-base);color:var(--color-neutral-600);margin-bottom:var(--spacing-6)}.success-spinner{width:40px;height:40px;border:3px solid var(--color-neutral-200);border-top-color:var(--color-primary);border-radius:50%;margin:0 auto;animation:spin 1s linear infinite}@media (max-width: 640px){.register-page{padding:var(--spacing-4)}.register-card{padding:var(--spacing-6)}.register-title{font-size:var(--text-xl)}.register-subtitle{font-size:var(--text-sm)}}:root{--color-primary: #006D77;--color-primary-light: #00838E;--color-primary-dark: #004A53;--color-primary-contrast: #ffffff;--color-primary-50: #f0f9fa;--color-primary-100: #d4eef0;--color-primary-200: #a8dde2;--color-primary-300: #5bc4cc;--color-primary-400: #00A5B8;--color-primary-500: #006D77;--color-primary-600: #005c65;--color-primary-700: #004A53;--color-primary-800: #003840;--color-primary-900: #00262b;--color-secondary: #FF9F1C;--color-secondary-light: #FFB84D;--color-secondary-dark: #E68900;--color-secondary-contrast: #ffffff;--color-secondary-50: #fff8f0;--color-secondary-100: #ffead9;--color-secondary-200: #ffd4b3;--color-secondary-300: #FFB84D;--color-secondary-400: #FF9F1C;--color-secondary-500: #E68900;--color-secondary-600: #CC7F00;--color-secondary-700: #b36b00;--color-secondary-800: #995c00;--color-secondary-900: #804d00;--color-accent: #00A5B8;--color-accent-light: #33b9c8;--color-accent-dark: #007a8a;--color-accent-contrast: #ffffff;--color-accent-50: #f0fbfc;--color-accent-100: #d9f4f7;--color-accent-200: #b3e9ef;--color-accent-300: #66d4e0;--color-accent-400: #33c5d4;--color-accent-500: #00A5B8;--color-accent-600: #0095a6;--color-accent-700: #007a8a;--color-accent-800: #005f6b;--color-accent-900: #00444d;--color-neutral-50: #f8f9fa;--color-neutral-100: #f5f7f9;--color-neutral-200: #EBEBEB;--color-neutral-300: #dee2e6;--color-neutral-400: #ced4da;--color-neutral-500: #adb5bd;--color-neutral-600: #757575;--color-neutral-700: #495057;--color-neutral-800: #333333;--color-neutral-900: #212529;--color-success: #6BAA75;--color-success-light: #e8f5e9;--color-success-dark: #4a7c52;--color-warning: #F0B429;--color-warning-light: #fff8e6;--color-warning-dark: #c49200;--color-error: #DB504A;--color-error-light: #fce8e7;--color-error-dark: #b33d38;--color-info: #5BC0DE;--color-info-light: #e6f6fa;--color-info-dark: #38686A;--font-heading: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "Roboto Mono", "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--line-tight: 1.25;--line-normal: 1.5;--line-relaxed: 1.625;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .05em;--spacing-0: 0;--spacing-1: .25rem;--spacing-2: .5rem;--spacing-3: .75rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-8: 2rem;--spacing-10: 2.5rem;--spacing-12: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--transition-fast: .15s ease-in-out;--transition-base: .25s ease-in-out;--transition-slow: .35s ease-in-out;--sidebar-width: 260px;--sidebar-collapsed-width: 64px;--sidebar-bg: var(--color-neutral-900);--sidebar-text: var(--color-neutral-300);--sidebar-active: var(--color-primary);--header-height: 64px;--header-bg: #ffffff;--header-border: var(--color-neutral-200);--content-bg: var(--color-neutral-50);--content-max-width: 1400px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--line-normal);color:var(--color-neutral-800);background-color:var(--content-bg)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-semibold);color:var(--color-neutral-900);line-height:var(--line-tight);letter-spacing:var(--tracking-tight)}h1{font-size:var(--text-4xl);font-weight:var(--font-bold)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}.text-gradient{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-warm{background:linear-gradient(135deg,var(--color-secondary),var(--color-secondary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-lg);border-radius:var(--radius-lg)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-6);background:var(--color-primary);color:var(--color-primary-contrast);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-primary:hover{background:var(--color-primary-600);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-6);background:var(--color-secondary);color:var(--color-secondary-contrast);border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-secondary:hover{background:var(--color-secondary-600)}.btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-6);background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-fast)}.btn-outline:hover{background:var(--color-primary);color:var(--color-primary-contrast)}.metric-card{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-neutral-200);transition:all var(--transition-base)}.metric-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-200)}.metric-value{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-primary)}.metric-label{font-size:var(--text-sm);color:var(--color-neutral-600);margin-top:var(--spacing-1)}.progress-bar{height:8px;background:var(--color-neutral-200);border-radius:var(--radius-full);overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:var(--radius-full);transition:width var(--transition-slow)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase}.badge-success{background:var(--color-success-light);color:var(--color-success-dark)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning-dark)}.badge-error{background:var(--color-error-light);color:var(--color-error-dark)}.badge-info{background:var(--color-info-light);color:var(--color-info-dark)}.tier-badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase}.tier-free{background:var(--color-neutral-200);color:var(--color-neutral-700)}.tier-starter{background:var(--color-accent-100);color:var(--color-accent-700)}.tier-pro{background:var(--color-primary-100);color:var(--color-primary-700)}.tier-enterprise{background:var(--color-secondary-100);color:var(--color-secondary-700)}*:focus{outline:2px solid var(--color-primary);outline-offset:2px}button:focus,a:focus,input:focus,select:focus,textarea:focus{outline:3px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 1px var(--color-primary-100)}@media (max-width: 768px){:root{--sidebar-width: 100%;--header-height: 56px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:var(--spacing-4);background:var(--content-bg)}.spinner{width:40px;height:40px;border:3px solid var(--color-neutral-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page{padding:var(--spacing-8) var(--spacing-6);max-width:var(--content-max-width);margin:0 auto}.page-header{margin-bottom:var(--spacing-8)}.page-title{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--color-neutral-900);margin-bottom:var(--spacing-2)}.page-subtitle{font-size:var(--text-lg);color:var(--color-neutral-600)}.card{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow-sm);border:1px solid var(--color-neutral-200)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-neutral-900)}.form-group{margin-bottom:var(--spacing-4)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-neutral-700);margin-bottom:var(--spacing-2)}.form-input{width:100%;padding:var(--spacing-3) var(--spacing-4);border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);font-family:var(--font-body);font-size:var(--text-base);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-100)}.form-input::placeholder{color:var(--color-neutral-400)}.table-container{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:var(--spacing-3) var(--spacing-4);text-align:left;border-bottom:1px solid var(--color-neutral-200)}.table th{font-weight:var(--font-semibold);color:var(--color-neutral-700);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em}.table td{color:var(--color-neutral-800)}.table tbody tr:hover{background:var(--color-neutral-50)}.alert{padding:var(--spacing-4);border-radius:var(--radius-md);margin-bottom:var(--spacing-4);display:flex;align-items:flex-start;gap:var(--spacing-3)}.alert-info{background:var(--color-info-light);border:1px solid var(--color-info);color:var(--color-info-dark)}.alert-warning{background:var(--color-warning-light);border:1px solid var(--color-warning);color:var(--color-warning-dark)}.alert-error{background:var(--color-error-light);border:1px solid var(--color-error);color:var(--color-error-dark)}.alert-success{background:var(--color-success-light);border:1px solid var(--color-success);color:var(--color-success-dark)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-4)}.modal{background:#fff;border-radius:var(--radius-lg);max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{padding:var(--spacing-6);border-bottom:1px solid var(--color-neutral-200)}.modal-title{font-size:var(--text-xl);font-weight:var(--font-semibold)}.modal-body{padding:var(--spacing-6)}.modal-footer{padding:var(--spacing-4) var(--spacing-6);border-top:1px solid var(--color-neutral-200);display:flex;justify-content:flex-end;gap:var(--spacing-3)}.code-block{background:var(--color-neutral-900);color:var(--color-neutral-100);padding:var(--spacing-4);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-sm);overflow-x:auto;position:relative}.code-block .copy-btn{position:absolute;top:var(--spacing-2);right:var(--spacing-2);background:var(--color-neutral-700);color:#fff;border:none;padding:var(--spacing-2) var(--spacing-3);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--text-xs);transition:background var(--transition-fast)}.code-block .copy-btn:hover{background:var(--color-neutral-600)}.empty-state{text-align:center;padding:var(--spacing-12) var(--spacing-6);color:var(--color-neutral-500)}.empty-state-icon{font-size:48px;margin-bottom:var(--spacing-4);opacity:.5}.empty-state-title{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--spacing-2);color:var(--color-neutral-700)}@media (max-width: 768px){.page{padding:var(--spacing-4)}.page-title{font-size:var(--text-2xl)}.hide-mobile{display:none}}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-6)}@media (max-width: 1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--spacing-2)}.gap-4{gap:var(--spacing-4)}.gap-6{gap:var(--spacing-6)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.text-sm{font-size:var(--text-sm)}.text-muted{color:var(--color-neutral-500)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.font-mono{font-family:var(--font-mono)}