@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--glass-bg:#ffffff47;--glass-bg-hover:#fff6;--glass-bg-strong:#ffffff80;--glass-border:#ffffff8c;--glass-border-strong:#ffffffbf;--glass-shadow:0 8px 32px #b48ca02e;--glass-shadow-hover:0 16px 48px #b48ca047;--blur:blur(20px);--blur-light:blur(12px);--text-primary:#2d2235;--text-secondary:#5a4a6a;--text-muted:#9b8aaa;--text-label:#7a6888;--accent:#9b6fa8;--accent-bright:#7c4d9a;--accent-glow:#9b6fa84d;--accent-btn:#9b6fa826;--accent-btn-hover:#9b6fa847;--success:#2d7a5c;--success-glow:#2d7a5c33;--danger:#b94040;--danger-bg:#b940401a;--warning:#b07d30;--radius-sm:12px;--radius-md:18px;--radius-lg:24px;--radius-xl:32px;--transition:all .25s cubic-bezier(.4, 0, .2, 1);--transition-fast:all .15s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .4s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;color:var(--text-primary);background-color:#0000;background-image:radial-gradient(at 15% 10%,#f0c8d2b3 0%,#0000 50%),radial-gradient(at 85% 5%,#d2beeb8c 0%,#0000 45%),radial-gradient(at 5% 85%,#dcc3e680 0%,#0000 50%),radial-gradient(at 90% 90%,#f5d7c88c 0%,#0000 45%),linear-gradient(160deg,#f5e6ec 0%,#ede4f3 35%,#e8dff5 65%,#f2e8e0 100%);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;font-family:Inter,system-ui,sans-serif;line-height:1.5;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle at 30% 40%,#c8a0d22e 0%,#0000 40%),radial-gradient(circle at 70% 60%,#e6b4be26 0%,#0000 40%);animation:12s ease-in-out infinite alternate orb-drift;position:fixed;inset:0}@keyframes orb-drift{0%{transform:scale(1)translate(0)}to{transform:scale(1.08)translate(10px,-10px)}}#root{z-index:1;position:relative}.container{max-width:1100px;margin:0 auto;padding:32px 24px}.card{background:var(--glass-bg);-webkit-backdrop-filter:var(--blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:var(--transition);padding:28px;position:relative;overflow:hidden}.card:before{content:"";pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,#ffffff0f 0%,#0000 60%);position:absolute;inset:0}.btn{cursor:pointer;text-align:center;transition:var(--transition);letter-spacing:.02em;white-space:nowrap;border:1px solid #0000;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:11px 26px;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:var(--transition-fast);border-radius:inherit;background:linear-gradient(135deg,#ffffff26 0%,#0000 50%);position:absolute;inset:0}.btn:hover:after{opacity:1}.btn:hover{transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-primary{color:#fff;-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);background:linear-gradient(135deg,#8c5aa0b3 0%,#6e5096b3 100%);border-color:#b48cc88c;box-shadow:0 4px 20px #8c5aa040,inset 0 1px #ffffff59}.btn-primary:hover{background:linear-gradient(135deg,#8c5aa0e0 0%,#6e5096e0 100%);border-color:#c8a0dcbf;box-shadow:0 6px 28px #8c5aa061,inset 0 1px #fff6}.btn-secondary{background:var(--glass-bg);color:var(--text-primary);border-color:var(--glass-border);-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);box-shadow:0 2px 12px #a078aa1f,inset 0 1px #fff9}.btn-secondary:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-strong);box-shadow:0 4px 20px #a078aa33,inset 0 1px #ffffffb3}.btn-danger{color:#b94040;background:#b940402e;border-color:#b940404d;box-shadow:0 4px 16px #b940401f}.btn-danger:hover{background:#b9404047;border-color:#b940407a}.btn-sm{padding:7px 18px;font-size:13px}.form-group{margin-bottom:0}.form-group label{color:#7a6888;letter-spacing:.07em;text-transform:uppercase;margin-bottom:7px;font-size:12px;font-weight:500;display:block}input,select,textarea{border-radius:var(--radius-sm);box-sizing:border-box;color:#2d2235;width:100%;-webkit-backdrop-filter:var(--blur-light);transition:var(--transition-fast);appearance:auto;background:#ffffff80;border:1px solid #8c5aa040;padding:11px 16px;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:400}input::placeholder,textarea::placeholder{color:#c0aecf}input:focus,select:focus,textarea:focus{background:#ffffffa6;border-color:#8c5aa08c;outline:none;box-shadow:0 0 0 3px #8c5aa01f,0 2px 12px #00000014}select option{color:#fff;background:#1a1035}textarea{resize:vertical;min-height:80px}.form-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-section{border:1px solid var(--glass-border);border-radius:var(--radius-md);-webkit-backdrop-filter:var(--blur-light);background:#ffffff0f;flex-direction:column;gap:16px;padding:20px;display:flex}.form-section-label{color:#7c4d9a;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px;font-size:10px;font-weight:700;display:block}.form-stack{flex-direction:column;gap:16px;display:flex}.error{color:var(--danger);margin-top:4px;font-size:12px}.badge{color:#7c4d9a;letter-spacing:.02em;background:#8c5aa01f;border:1px solid #8c5aa038;border-radius:50px;align-items:center;gap:4px;padding:3px 12px;font-size:12px;font-weight:600;display:inline-flex}.topbar{z-index:100;-webkit-backdrop-filter:blur(24px);background:#fff8fc8c;border-bottom:1px solid #ffffffa6;position:sticky;top:0;box-shadow:0 2px 20px #b48ca01f}.topbar-inner{justify-content:space-between;align-items:center;max-width:1100px;height:60px;margin:0 auto;padding:0 24px;display:flex}.topbar-logo{color:#2d2235;letter-spacing:-.3px;align-items:center;gap:10px;font-size:16px;font-weight:700;text-decoration:none;display:flex}.topbar-logo-dot{background:var(--accent);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-dot;box-shadow:0 0 8px #9b6fa880}@keyframes pulse-dot{0%,to{box-shadow:0 0 6px var(--accent-glow);transform:scale(1)}50%{box-shadow:0 0 16px var(--accent-glow), 0 0 24px var(--accent-glow);transform:scale(1.15)}}.topbar-nav{gap:6px;display:flex}.topbar-link{color:#5a4a6a;transition:var(--transition-fast);border-radius:50px;padding:7px 16px;font-size:13px;font-weight:500;text-decoration:none}.topbar-link:hover{color:#2d2235;background:#fff6}.page-header{margin-bottom:32px}.page-title{color:#2d2235;letter-spacing:-.5px;font-size:28px;font-weight:800;line-height:1.2}.page-subtitle{color:#7a6888;margin-top:6px;font-size:14px}.back-link{color:#5a4a6a;-webkit-backdrop-filter:var(--blur-light);backdrop-filter:var(--blur-light);transition:var(--transition-fast);background:#fff6;border:1px solid #fff9;border-radius:50px;align-items:center;gap:6px;margin-bottom:20px;padding:7px 14px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.back-link:hover{color:#2d2235;background:#ffffff94;border-color:#fffc}.section-heading{color:#7c4d9a;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:8px;margin-bottom:16px;font-size:11px;font-weight:700;display:flex}.section-heading:after{content:"";background:linear-gradient(90deg,#8c5aa040,#0000);flex:1;height:1px}.detail-table{border-collapse:collapse;width:100%;font-size:14px}.detail-table td{vertical-align:top;border-bottom:1px solid #0000000f;padding:9px 0}.detail-table tr:last-child td{border-bottom:none}.detail-table .td-label{color:#9b8aaa;width:170px;padding-right:16px;font-weight:600}.detail-table .td-value{color:#2d2235;word-break:break-all}.spinner-container{color:#9b8aaa;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:80px 0;display:flex}.spinner{border:3px solid #8c5aa026;border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:#9b8aaa;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:64px 32px;display:flex}.empty-state-icon{opacity:.7;margin-bottom:4px;font-size:52px}.empty-state p{color:#5a4a6a;font-size:15px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff47}@keyframes fade-in-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.45s cubic-bezier(.4,0,.2,1) both fade-in-up}.animate-in-delay-1{animation-delay:50ms}.animate-in-delay-2{animation-delay:.1s}.animate-in-delay-3{animation-delay:.15s}.animate-in-delay-4{animation-delay:.2s}.generate-panel{position:sticky;top:80px}.generating-pulse{border-radius:var(--radius-sm);color:var(--accent-bright);background:#8c5aa014;border:1px solid #8c5aa033;align-items:center;gap:10px;margin-top:14px;padding:12px 16px;font-size:13px;animation:.3s both fade-in-up;display:flex}.generating-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.2s ease-in-out infinite pulse-dot}.error-banner{border-radius:var(--radius-sm);color:var(--danger);background:#b9404014;border:1px solid #b9404038;margin-bottom:14px;padding:12px 16px;font-size:13px;animation:.3s both fade-in-up}.success-banner{border-radius:var(--radius-sm);color:var(--success);background:#2d7a5c14;border:1px solid #2d7a5c38;margin-bottom:14px;padding:12px 16px;font-size:13px;animation:.3s both fade-in-up}.section-list-item{border-radius:var(--radius-sm);transition:var(--transition-fast);background:#ffffff59;border:1px solid #ffffff8c;align-items:center;gap:12px;padding:10px 14px;display:flex}.section-list-item:hover{background:#ffffff80;border-color:#ffffffbf}.section-num{width:24px;height:24px;color:var(--accent-bright);background:#8c5aa024;border:1px solid #8c5aa038;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.section-name{color:#2d2235;font-size:14px;font-weight:500}.section-type-tag{color:#9b8aaa;background:#0000000d;border:1px solid #00000014;border-radius:50px;margin-left:auto;padding:2px 8px;font-size:11px}