.wrap{max-width:var(--breakpoint-lg);margin:0 auto;padding:var(--spacing-xl)}.top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-md)}.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.row{margin-top:var(--spacing-md);display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.actions{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}.h1{margin:0;font-size:var(--font-size-h1);font-weight:800;line-height:1.15}.h2{font-size:var(--font-size-h3);font-weight:700;margin-bottom:var(--spacing-md)}.h3{font-size:13px;font-weight:700;margin-bottom:var(--spacing-sm)}.muted{color:var(--text-secondary);font-size:13px}.hint{font-size:var(--font-size-ui-sm);color:var(--text-secondary);padding:var(--spacing-10) 0 0}.badge{display:inline-block;font-size:var(--badge-font-size);color:var(--text-secondary);padding:var(--badge-padding-y) var(--badge-padding-x);border:1px solid var(--surface-border-active);border-radius:var(--radius-full);margin-bottom:var(--spacing-sm)}.card{border:var(--card-border);background:var(--surface-elevated);border-radius:var(--radius-md);padding:var(--spacing-lg);margin:var(--spacing-md) 0}.mini{border:1px dashed var(--surface-border-active);border-radius:var(--radius-md);padding:var(--spacing-md);display:grid;gap:var(--spacing-sm)}label{display:grid;gap:6px;font-size:var(--font-size-ui-sm);color:var(--text-primary)}input,select{padding:var(--spacing-10);border-radius:var(--radius-sm);border:1px solid var(--surface-border-hover);background:var(--surface-base);color:inherit;outline:none;transition:border-color var(--transition-fast)}input:focus,select:focus{border-color:var(--color-primary)}input::placeholder{color:var(--text-tertiary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-10) var(--spacing-md);border-radius:var(--radius-10);border:1px solid var(--surface-border-hover);background:var(--surface-elevated);color:inherit;text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.btn:hover{background:var(--surface-overlay);border-color:var(--surface-border-active)}.btn:disabled,.btn.disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.btn.primary{border-color:var(--status-primary-border);background:var(--status-primary-bg);color:var(--color-primary)}.btn.primary:hover{background:#c9a2272e}.steps{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.step{font-size:var(--font-size-ui-sm);padding:var(--spacing-sm) var(--spacing-10);border-radius:var(--radius-full);border:1px solid var(--surface-border-hover);background:var(--surface-elevated)}.step.completed{border-color:var(--status-success-border);background:var(--status-success-bg);color:var(--status-success-text)}.step.current{border-color:var(--status-primary-border);background:var(--status-primary-bg);color:var(--status-primary-text)}.step.blocked{border-color:var(--status-warning-border);background:var(--status-warning-bg);color:var(--status-warning-text)}.step.pending{color:var(--text-secondary)}.banner{margin-top:var(--spacing-md);border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--surface-border);background:var(--surface-elevated)}.bannerTitle{font-weight:800;margin-bottom:var(--spacing-xs)}.bannerText{font-size:var(--font-size-ui-sm);color:var(--text-secondary)}.bannerActions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;margin-top:var(--spacing-10)}.bannerActions .btn{text-decoration:none}.banner.ok{border-color:var(--status-success-border);background:var(--status-success-bg)}.banner.warn{border-color:var(--status-warning-border);background:var(--status-warning-bg)}.banner.neutral{border-color:var(--surface-border);background:var(--surface-elevated)}pre{margin:var(--spacing-10) 0 0;padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--surface-base);border:1px solid var(--surface-border);overflow:auto;font-size:var(--font-size-ui-sm)}pre.error{border-color:var(--status-error-border);background:var(--status-error-bg)}.iframeWrap{margin-top:var(--spacing-md);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--surface-border)}.iframeWrap iframe{width:100%;height:520px;border:0;background:var(--color-neutral-0)}@media(max-width:860px){.top{flex-direction:column}.grid,.split{grid-template-columns:1fr}}.card{background-color:var(--color-neutral-0, #ffffff);border-radius:var(--radius-sm, 8px);border:1px solid var(--color-neutral-200, #eeeeee);transition:all .2s ease}.card--padding-sm{padding:var(--spacing-sm, 8px)}.card--padding-md{padding:var(--spacing-md, 16px)}.card--padding-lg{padding:var(--spacing-lg, 24px)}.card--elevated{box-shadow:var(--elevation-md, 0 4px 8px rgba(0, 0, 0, .12))}.card--clickable{cursor:pointer}.card--clickable:hover{box-shadow:var(--elevation-lg, 0 8px 16px rgba(0, 0, 0, .15));transform:translateY(-2px)}.card--clickable:active{transform:translateY(0)}.core-status-banner{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md, 12px);padding:var(--spacing-sm, 8px) var(--spacing-lg, 24px);font-size:13px;font-weight:500;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.core-status-banner--error{background-color:var(--status-down);color:#fff}.core-status-banner--warning{background-color:var(--status-degraded);color:#fff}.core-status-banner--info{background-color:var(--status-demo);color:#fff}.core-status-banner--checking .core-status-banner__icon{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.core-status-banner__content{display:flex;align-items:center;gap:var(--spacing-sm, 8px);flex:1;min-width:0}.core-status-banner__icon{flex-shrink:0;font-size:14px}.core-status-banner__message{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.core-status-banner__time{flex-shrink:0;opacity:.7;font-size:11px}.core-status-banner__retry{flex-shrink:0;padding:var(--spacing-xs, 4px) var(--spacing-sm, 8px);background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-sm, 6px);color:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s,transform .1s}.core-status-banner__retry:hover{background:#ffffff4d}.core-status-banner__retry:active{transform:scale(.98)}@media(max-width:480px){.core-status-banner{padding:var(--spacing-sm, 8px) var(--spacing-md, 12px);font-size:12px}.core-status-banner__time{display:none}.core-status-banner__retry{padding:var(--spacing-xs, 4px) var(--spacing-xs, 4px);font-size:11px}}body:has(.core-status-banner){padding-top:40px}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm, 8px);border:none;border-radius:var(--radius-sm, 8px);font-weight:600;cursor:pointer;transition:all .2s ease;position:relative;font-family:inherit}.button--primary{background-color:var(--color-primary, #2a9d3e);color:var(--color-neutral-0, #ffffff)}.button--primary:hover:not(:disabled){background-color:#228a34;box-shadow:var(--elevation-sm, 0 2px 4px rgba(0, 0, 0, .08))}.button--primary:active:not(:disabled){transform:translateY(1px)}.button--secondary{background-color:var(--color-secondary, #1a4d7a);color:var(--color-neutral-0, #ffffff)}.button--secondary:hover:not(:disabled){background-color:#133654}.button--ghost{background-color:transparent;color:var(--color-primary, #2a9d3e);border:1px solid var(--color-primary, #2a9d3e)}.button--ghost:hover:not(:disabled){background-color:#2a9d3e0d}.button--danger{background-color:var(--color-error, #ef5350);color:var(--color-neutral-0, #ffffff)}.button--danger:hover:not(:disabled){background-color:#e53935}.button--sm{padding:var(--spacing-xs, 4px) var(--spacing-md, 16px);font-size:13px;height:40px}.button--md{padding:var(--spacing-sm, 8px) var(--spacing-lg, 24px);font-size:14px;height:44px}.button--lg{padding:var(--spacing-md, 16px) var(--spacing-xl, 32px);font-size:16px;height:52px}.button--full-width{width:100%}.button--loading{color:transparent}.button__spinner{position:absolute;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:var(--color-neutral-0, #ffffff);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.button:disabled{opacity:.5;cursor:not-allowed}.badge-component{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:6px var(--spacing-10);border-radius:var(--radius-full);font-size:12px;font-weight:600;line-height:1;white-space:nowrap;border:1px solid transparent}.badge-component--success{background:var(--status-success-bg);border-color:var(--status-success-border);color:var(--status-success-text)}.badge-component--warning{background:var(--status-warning-bg);border-color:var(--status-warning-border);color:var(--status-warning-text)}.badge-component--error{background:var(--status-error-bg);border-color:var(--status-error-border);color:var(--status-error-text)}.badge-component--info{background:var(--status-info-bg);border-color:var(--status-info-border);color:var(--status-info-text)}.badge-component--ghost{background:var(--surface-overlay);border-color:var(--surface-border);color:var(--text-secondary)}.badge-component--neutral{background:var(--surface-elevated);border-color:var(--surface-border);color:var(--text-primary)}.badge-component__icon{margin-right:2px}:root{--color-brand-gold: #C9A227;--color-brand-gold-light: #E8C547;--color-brand-gold-dark: #B8922A;--gradient-brand: linear-gradient(135deg, #C9A227 0%, #B8922A 100%);--shadow-brand: 0 4px 20px rgba(201, 162, 39, .3);--color-stripe: #635BFF;--color-stripe-light: #A259FF;--gradient-stripe: linear-gradient(135deg, #635BFF 0%, #A259FF 100%);--color-primary: #C9A227;--color-primary-light: #E8C547;--color-primary-dark: #B8922A;--color-secondary: #1A4D7A;--color-legacy-green: #2A9D3E;--color-success: #22C55E;--color-warning: #FBBF24;--color-error: #EF4444;--color-info: #3B82F6;--status-up: #10B981;--status-down: #EF4444;--status-degraded: #F59E0B;--status-demo: #3B82F6;--queue-pending: #9CA3AF;--queue-syncing: #60A5FA;--queue-success: #34D399;--queue-error: #DC2626;--opacity-dim: .7;--opacity-offline: .9;--color-neutral-0: #FFFFFF;--color-neutral-50: #FAFAFA;--color-neutral-100: #F5F5F5;--color-neutral-200: #E5E5E5;--color-neutral-300: #D4D4D4;--color-neutral-400: #A3A3A3;--color-neutral-500: #737373;--color-neutral-600: #525252;--color-neutral-700: #404040;--color-neutral-800: #262626;--color-neutral-900: #1A1A1A;--color-neutral-950: #0A0A0A;--surface-base: #111827;--surface-elevated: #1F2937;--surface-overlay: rgba(255, 255, 255, .04);--surface-border: rgba(255, 255, 255, .08);--surface-border-hover: rgba(255, 255, 255, .12);--surface-border-active: rgba(255, 255, 255, .15);--text-primary: rgba(255, 255, 255, .87);--text-secondary: rgba(255, 255, 255, .6);--text-tertiary: rgba(255, 255, 255, .4);--text-disabled: rgba(255, 255, 255, .25);--text-inverse: #1A1A1A;--status-success-bg: rgba(34, 197, 94, .12);--status-success-border: rgba(34, 197, 94, .25);--status-success-text: #22C55E;--status-warning-bg: rgba(251, 191, 36, .12);--status-warning-border: rgba(251, 191, 36, .25);--status-warning-text: #FBBF24;--status-error-bg: rgba(239, 68, 68, .12);--status-error-border: rgba(239, 68, 68, .25);--status-error-text: #EF4444;--status-info-bg: rgba(59, 130, 246, .12);--status-info-border: rgba(59, 130, 246, .25);--status-info-text: #3B82F6;--status-primary-bg: rgba(201, 162, 39, .12);--status-primary-border: rgba(201, 162, 39, .25);--status-primary-text: #C9A227;--color-risk-low: #22C55E;--color-risk-medium: #FBBF24;--color-risk-high: #EF4444;--spacing-0: 0px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-10: 10px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-18: 18px;--spacing-xl: 24px;--spacing-28: 28px;--spacing-2xl: 32px;--spacing-3xl: 48px;--spacing-4xl: 64px;--radius-none: 0px;--radius-xs: 4px;--radius-sm: 8px;--radius-10: 10px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-standard: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--transition-spring: .3s cubic-bezier(.34, 1.56, .64, 1);--elevation-none: none;--elevation-xs: 0 1px 2px rgba(0, 0, 0, .05);--elevation-sm: 0 2px 4px rgba(0, 0, 0, .08);--elevation-md: 0 4px 8px rgba(0, 0, 0, .12);--elevation-lg: 0 8px 16px rgba(0, 0, 0, .15);--elevation-xl: 0 12px 24px rgba(0, 0, 0, .18);--elevation-primary: 0 4px 20px rgba(201, 162, 39, .3);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;--font-size-display-lg: 32px;--font-size-display-md: 24px;--font-size-display-sm: 20px;--font-size-h1: 28px;--font-size-h2: 22px;--font-size-h3: 16px;--font-size-h4: 14px;--font-size-ui-lg: 16px;--font-size-ui-md: 14px;--font-size-ui-sm: 12px;--font-size-ui-tiny: 11px;--z-base: 0;--z-dropdown: 1000;--z-sticky: 1100;--z-fixed: 1200;--z-modal: 1300;--z-popover: 1400;--z-toast: 1500;--z-tooltip: 1600;--breakpoint-sm: 640px;--breakpoint-tablet: 768px;--breakpoint-md: 860px;--breakpoint-desktop: 1024px;--breakpoint-lg: 1100px;--breakpoint-wide: 1440px;--input-height: 44px;--input-padding-y: var(--spacing-sm);--input-padding-x: var(--spacing-md);--input-border-radius: var(--radius-sm);--input-border-color: var(--surface-border);--input-border-color-focus: var(--color-primary);--input-background: rgba(0, 0, 0, .2);--button-height: 44px;--button-height-sm: 36px;--button-height-lg: 52px;--button-padding-y: var(--spacing-10);--button-padding-x: var(--spacing-md);--button-border-radius: var(--radius-10);--card-padding: var(--spacing-lg);--card-border-radius: var(--radius-md);--card-background: var(--surface-elevated);--card-border: 1px solid var(--surface-border);--badge-padding-y: 6px;--badge-padding-x: var(--spacing-10);--badge-border-radius: var(--radius-full);--badge-font-size: 12px;--topbar-height: 56px;--bottomnav-height: 72px;--bottomnav-height-base: 56px;--step-size: 40px}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-disabled{color:var(--text-disabled)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.text-brand{color:var(--color-brand-gold)}.bg-base{background:var(--surface-base)}.bg-elevated{background:var(--surface-elevated)}.bg-overlay{background:var(--surface-overlay)}.bg-success{background:var(--status-success-bg)}.bg-warning{background:var(--status-warning-bg)}.bg-error{background:var(--status-error-bg)}.bg-info{background:var(--status-info-bg)}.bg-primary{background:var(--status-primary-bg)}.border-default{border-color:var(--surface-border)}.border-hover{border-color:var(--surface-border-hover)}.border-active{border-color:var(--surface-border-active)}.border-success{border-color:var(--status-success-border)}.border-warning{border-color:var(--status-warning-border)}.border-error{border-color:var(--status-error-border)}.border-info{border-color:var(--status-info-border)}.border-primary{border-color:var(--status-primary-border)}.p-0{padding:var(--spacing-0)}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-2xl{padding:var(--spacing-2xl)}.m-0{margin:var(--spacing-0)}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.m-2xl{margin:var(--spacing-2xl)}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.rounded-none{border-radius:var(--radius-none)}.rounded-xs{border-radius:var(--radius-xs)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-xs{font-size:var(--font-size-ui-tiny)}.text-sm{font-size:var(--font-size-ui-sm)}.text-base{font-size:var(--font-size-ui-md)}.text-lg{font-size:var(--font-size-ui-lg)}.text-xl{font-size:var(--font-size-h3)}.text-2xl{font-size:var(--font-size-h2)}.text-3xl{font-size:var(--font-size-h1)}.transition-fast{transition:all var(--transition-fast)}.transition-standard{transition:all var(--transition-standard)}.transition-slow{transition:all var(--transition-slow)}:root{font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:var(--text-primary);background-color:var(--surface-base);--cinematic-bg: #05050A;--cinematic-accent: #646cff;--cinematic-accent-glow: rgba(100, 108, 255, .4);--cinematic-glass-bg: rgba(255, 255, 255, .03);--cinematic-glass-border: rgba(255, 255, 255, .08);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glass-panel{background:var(--cinematic-glass-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--cinematic-glass-border);box-shadow:0 8px 32px #0000005e}.text-gradient{background:linear-gradient(to right,#fff,#a5a6f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-primary-light)}.card{background-color:var(--surface-elevated)!important;color:var(--text-primary)!important;border-color:var(--surface-border)!important}body{margin:0;min-width:320px;min-height:100vh}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background:var(--status-primary-bg);color:var(--color-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface-base)}::-webkit-scrollbar-thumb{background:var(--surface-border-hover);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--surface-border-active)}