@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:#f8f5ff;--c-surface:#fff;--c-surface-2:#f1eeff;--c-surface-3:#e8e2fc;--c-border:#6450c81f;--c-border-strong:#6450c838;--c-accent:#6d45f5;--c-accent-2:#9470f7;--c-accent-glow:#6d45f540;--c-accent-dim:#6d45f51a;--c-success:#059669;--c-success-dim:#0596691a;--c-warning:#d97706;--c-warning-dim:#d977061a;--c-error:#dc2626;--c-error-dim:#dc26261a;--c-text:#1a1535;--c-text-2:#5a5380;--c-text-3:#8b85a8;--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 #3c287814;--shadow-md:0 4px 16px #3c28781a;--shadow-lg:0 8px 32px #3c287824;--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='%235a5380' 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:#f8f5ffe0;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, #1a1535 0%, var(--c-accent) 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}.mobile-menu-btn{display:none}.mobile-only{display:none!important}.profile-dropdown{background:var(--c-surface);border:1px solid var(--c-border);box-shadow:var(--shadow-lg);border-radius:var(--radius-md);padding:var(--space-xs);z-index:101;min-width:150px;animation:.2s fadeIn;position:absolute;top:calc(100% + 8px);right:0}.avatar{border:2px solid var(--c-border-strong);object-fit:cover;border-radius:50%;width:36px;height:36px}.avatar-initials{background:linear-gradient(135deg, var(--c-accent), var(--c-accent-2));color:#fff;border:2px solid var(--c-border-strong);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-family:Outfit,sans-serif;font-size:.9rem;font-weight:700;display:flex}.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:#6d45f533}.alert-error{background:var(--c-error-dim);color:var(--c-error);border-color:#dc262633}.alert-success{background:var(--c-success-dim);color:var(--c-success);border-color:#05966933}.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)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);z-index:1000;padding:var(--space-md);background:#1a153580;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.fullscreen-loading{background:var(--c-bg);z-index:9999;padding:var(--space-xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--c-surface);border-radius:var(--radius-xl);padding:var(--space-xl);width:100%;max-width:400px;box-shadow:var(--shadow-lg);border:1px solid var(--c-border);animation:.3s cubic-bezier(.175,.885,.32,1.275) fadeInScale}.modal-title{margin-bottom:var(--space-sm);color:var(--c-text);font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:800}.modal-body{color:var(--c-text-2);margin-bottom:var(--space-lg);line-height:1.6}.modal-actions{gap:var(--space-md);justify-content:flex-end;display:flex}@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)}.desktop-only{display:none!important}.mobile-only{display:block!important}.nav-inner{height:auto;min-height:64px;padding:var(--space-sm) var(--space-md)}.mobile-menu-btn{cursor:pointer;color:var(--c-text);background:0 0;border:none;font-size:1.5rem;display:block}.nav-actions{background:var(--c-surface);padding:var(--space-md);border-bottom:1px solid var(--c-border);box-shadow:var(--shadow-md);gap:var(--space-md);flex-direction:column;display:none;position:absolute;top:100%;left:0;right:0}.nav-actions.open{display:flex}.nav-actions .btn{text-align:center;width:100%;padding:10px 16px;font-size:1rem}.steps{gap:var(--space-sm);flex-wrap:wrap}.step-connector{display:none}}