@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&family=Inter:wght@300;400;500;600&display=swap";:root{--c-bg:#08090c;--c-surface:#111318;--c-surface-2:#1a1d25;--c-surface-3:#22262f;--c-border:#ffffff12;--c-border-strong:#ffffff24;--c-accent:#7c5cfc;--c-accent-2:#a78bfa;--c-accent-glow:#7c5cfc59;--c-accent-dim:#7c5cfc26;--c-success:#34d399;--c-success-dim:#34d39926;--c-warning:#fbbf24;--c-warning-dim:#fbbf2426;--c-error:#f87171;--c-error-dim:#f8717126;--c-text:#f0f1f5;--c-text-2:#9ba3b5;--c-text-3:#5c6478;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:40px;--space-2xl:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #0006;--shadow-lg:0 8px 32px #00000080;--shadow-accent:0 0 32px var(--c-accent-glow);--t-fast:.15s ease;--t-base:.25s ease;--t-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--c-bg);color:var(--c-text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,system-ui,sans-serif;line-height:1.6}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-family:Outfit,sans-serif;line-height:1.2}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:100%;max-width:1120px;padding:0 var(--space-lg);margin:0 auto}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);cursor:pointer;transition:all var(--t-base);white-space:nowrap;border:none;outline:none;padding:12px 24px;font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--t-fast);border-radius:inherit;background:#fff;position:absolute;inset:0}.btn:hover:after{opacity:.06}.btn:active:after{opacity:.12}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg, var(--c-accent) 0%, #9f78ff 100%);color:#fff;box-shadow:0 4px 16px var(--c-accent-glow)}.btn-primary:hover{box-shadow:0 6px 24px var(--c-accent-glow);transform:translateY(-1px)}.btn-secondary{background:var(--c-surface-2);color:var(--c-text);border:1px solid var(--c-border-strong)}.btn-ghost{color:var(--c-text-2);border:1px solid var(--c-border);background:0 0}.btn-ghost:hover{color:var(--c-text);border-color:var(--c-border-strong)}.btn-danger{background:var(--c-error-dim);color:var(--c-error);border:1px solid #f8717133}.btn-sm{border-radius:var(--radius-sm);padding:8px 16px;font-size:.85rem}.btn-lg{border-radius:var(--radius-lg);padding:16px 32px;font-size:1.05rem}.btn-full{width:100%}.card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:border-color var(--t-base)}.card:hover{border-color:var(--c-border-strong)}.card-glass{-webkit-backdrop-filter:blur(20px);border:1px solid var(--c-border);border-radius:var(--radius-lg);background:#111318b3}.input-group{gap:var(--space-xs);flex-direction:column;display:flex}.input-label{color:var(--c-text-2);letter-spacing:.01em;font-size:.85rem;font-weight:500}.input-label span.required{color:var(--c-accent);margin-left:2px}.input{background:var(--c-surface-2);border:1px solid var(--c-border);border-radius:var(--radius-md);width:100%;color:var(--c-text);transition:border-color var(--t-fast), box-shadow var(--t-fast);outline:none;padding:12px 16px;font-family:Inter,sans-serif;font-size:.95rem}.input::placeholder{color:var(--c-text-3)}.input:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px var(--c-accent-dim)}.input:hover:not(:focus){border-color:var(--c-border-strong)}textarea.input{resize:vertical;min-height:96px}select.input{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ba3b5' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}.badge{border-radius:var(--radius-full);letter-spacing:.03em;align-items:center;gap:4px;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-active{background:var(--c-success-dim);color:var(--c-success)}.badge-expired{background:var(--c-error-dim);color:var(--c-error)}.badge-pending{background:var(--c-warning-dim);color:var(--c-warning)}.badge-generating{background:var(--c-accent-dim);color:var(--c-accent-2)}.badge-failed{background:var(--c-error-dim);color:var(--c-error)}.nav{z-index:100;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--c-border);background:#08090cd9;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:var(--space-lg);height:64px;display:flex}.nav-logo{background:linear-gradient(135deg, #fff 0%, var(--c-accent-2) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:800}.nav-actions{align-items:center;gap:var(--space-md);display:flex}.avatar{border:2px solid var(--c-border-strong);object-fit:cover;border-radius:50%;width:36px;height:36px}.page{min-height:calc(100vh - 64px);padding:var(--space-xl) 0 var(--space-2xl)}.grid-2{gap:var(--space-lg);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-lg);grid-template-columns:repeat(3,1fr);display:grid}.grid-auto{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.text-center{text-align:center}.text-sm{font-size:.85rem}.text-muted{color:var(--c-text-2)}.text-accent{color:var(--c-accent-2)}.font-heading{font-family:Outfit,sans-serif}.fw-600{font-weight:600}.fw-700{font-weight:700}.w-full{width:100%}.divider{background:var(--c-border);height:1px;margin:var(--space-lg) 0}.spinner{border:2px solid var(--c-border-strong);border-top-color:var(--c-accent);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.spinner-lg{border-width:3px;width:40px;height:40px}.alert{padding:var(--space-md);border-radius:var(--radius-md);border:1px solid;font-size:.9rem}.alert-info{background:var(--c-accent-dim);color:var(--c-accent-2);border-color:#7c5cfc33}.alert-error{background:var(--c-error-dim);color:var(--c-error);border-color:#f8717133}.alert-success{background:var(--c-success-dim);color:var(--c-success);border-color:#34d39933}.steps{margin-bottom:var(--space-xl);align-items:center;gap:0;display:flex}.step-item{align-items:center;gap:var(--space-sm);flex:1;display:flex}.step-num{width:32px;height:32px;transition:all var(--t-base);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-family:Outfit,sans-serif;font-size:.85rem;font-weight:700;display:flex}.step-num.active{background:var(--c-accent);color:#fff;box-shadow:0 0 16px var(--c-accent-glow)}.step-num.done{background:var(--c-success);color:#000}.step-num.inactive{background:var(--c-surface-3);color:var(--c-text-3)}.step-label{color:var(--c-text-2);white-space:nowrap;font-size:.8rem}.step-connector{background:var(--c-border);height:1px;margin:0 var(--space-sm);flex:1}.mode-card{padding:var(--space-lg);border:2px solid var(--c-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--t-base);background:var(--c-surface)}.mode-card:hover{border-color:var(--c-border-strong)}.mode-card.selected{border-color:var(--c-accent);background:var(--c-accent-dim);box-shadow:var(--shadow-accent)}.mode-icon{margin-bottom:var(--space-sm);font-size:2rem}.mode-title{margin-bottom:4px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700}.mode-desc{color:var(--c-text-2);font-size:.85rem;line-height:1.5}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 16px var(--c-accent-glow)}50%{box-shadow:0 0 32px #7c5cfc99}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.anim-fadein{animation:.4s both fadeIn}.anim-fadein-scale{animation:.4s both fadeInScale}.table-wrap{border-radius:var(--radius-md);border:1px solid var(--c-border);overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{text-align:left;color:var(--c-text-3);letter-spacing:.05em;text-transform:uppercase;background:var(--c-surface-2);border-bottom:1px solid var(--c-border);padding:12px 16px;font-size:.8rem;font-weight:600}tbody td{border-bottom:1px solid var(--c-border);vertical-align:middle;padding:14px 16px;font-size:.9rem}tbody tr:last-child td{border-bottom:none}tbody tr{transition:background var(--t-fast)}tbody tr:hover{background:var(--c-surface-2)}@media (width<=768px){.grid-2,.grid-3{grid-template-columns:1fr}.container{padding:0 var(--space-md)}.page{padding:var(--space-lg) 0 var(--space-xl)}.nav-inner{height:56px}.steps{gap:var(--space-sm);flex-wrap:wrap}.step-connector{display:none}}