body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{animation:slideUp .4s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;max-width:440px;padding:40px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-title{color:#1a202c;font-size:28px;font-weight:700;margin:0 0 8px;text-align:center}.auth-subtitle{color:#718096;font-size:14px;margin:0 0 32px;text-align:center}.auth-form{margin-top:24px}.form-group label{color:#4a5568;margin-bottom:6px}.form-group input{background:#fff;border:1px solid #e2e8f0;border-radius:6px;font-size:15px;padding:10px 14px;transition:all .2s;width:100%}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group input.error{border-color:#f56565}.form-group input:disabled{background:#f7fafc;cursor:not-allowed}.error-message{color:#f56565;display:block;font-size:13px;margin-top:4px}.password-strength{align-items:center;display:flex;gap:8px;margin-top:8px}.strength-bar{background:#e2e8f0;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.strength-fill{height:100%;transition:width .3s,background-color .3s}.strength-fill.strength-1{background:#f56565}.strength-fill.strength-2{background:#ed8936}.strength-fill.strength-3{background:#ecc94b}.strength-fill.strength-4{background:#48bb78}.strength-fill.strength-5{background:#38b2ac}.strength-label{font-size:12px;font-weight:500;min-width:60px;text-align:right}.alert{border-radius:6px;font-size:14px;margin-bottom:20px;padding:12px 16px}.alert-error{background:#fed7d7;border:1px solid #fc8181;color:#742a2a}.alert-success{background:#c6f6d5;border:1px solid #68d391;color:#22543d}.btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:15px;font-weight:500;justify-content:center;padding:10px 20px;transition:all .2s}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-1px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-block{margin-top:8px;width:100%}.auth-links{margin-top:16px;text-align:center}.link{color:#667eea;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.link:hover{color:#764ba2;text-decoration:underline}.auth-footer{border-top:1px solid #e2e8f0;margin-top:32px;padding-top:24px;text-align:center}.auth-footer p{color:#718096;font-size:14px;margin:0}.auth-terms{border-top:1px solid #e2e8f0;margin-top:16px;padding-top:16px}.auth-terms p{color:#a0aec0;font-size:12px;line-height:1.5;text-align:center}.text-sm{font-size:13px}.loading-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-top-color:#fff;height:40px;width:40px}.loading-container p{color:#fff;font-size:14px;margin-top:16px}@media (max-width:480px){.auth-card{padding:24px 20px}.auth-title{font-size:24px}}.ugc-form-container{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:800px;padding:20px}.form-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 10px 30px #0000001a;color:#fff;margin-bottom:2rem;padding:2rem;text-align:center}.form-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.form-header p{font-size:1.1rem;opacity:.9}.ugc-form{background:#fff;border-radius:20px;box-shadow:0 20px 40px #0000001a;overflow:hidden}.form-section{background:#f8f9fa;border-bottom:1px solid #e0e6ed;margin-bottom:0;padding:2rem}.form-section:last-child{border-bottom:none}.form-section h3{align-items:center;border-left:4px solid #667eea;color:#2c3e50;display:flex;font-size:1.3rem;font-weight:600;gap:.5rem;padding-left:1rem}.form-group,.form-section h3{margin-bottom:1.5rem}.form-group label{color:#34495e;font-size:.95rem;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:#fff;border:2px solid #e0e6ed;border-radius:10px;font-family:inherit;font-size:1rem;padding:12px 15px;transition:all .3s ease;width:100%}.form-group small{color:#6c757d;display:block;font-size:.85rem;margin-top:.25rem}.form-row{grid-gap:1rem;gap:1rem;grid-template-columns:1fr 1fr}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.dropzone{background:#f8f9ff;border:2px dashed #667eea;border-radius:10px;padding:2rem;transition:all .3s ease}.dropzone.active{transform:scale(1.02)}.dropzone.active,.dropzone:hover{background:#e8edff;border-color:#5a67d8}.dropzone-content{color:#667eea;font-weight:500}.dropzone-content small{color:#6c757d;display:block;font-weight:400;margin-top:.5rem}.uploaded-files{background:#e8f5e8;border:1px solid #4caf50;border-radius:8px;margin-top:1rem;padding:1rem}.uploaded-files h4{color:#2e7d32;font-size:.9rem;margin-bottom:.5rem}.file-item{border-bottom:1px solid #c8e6c9;color:#2e7d32;font-size:.85rem;padding:.5rem 0}.file-item:last-child{border-bottom:none}.cost-estimate{background:#e8f5e8;border:2px solid #4caf50;border-radius:10px;color:#2e7d32;font-weight:600;margin:1.5rem 2rem;padding:1rem;text-align:center}.cost-breakdown{margin-top:.5rem}.cost-breakdown small{color:#5d8660;font-weight:400}.submit-btn{align-items:center;border-radius:10px;display:flex;font-size:1.1rem;gap:.5rem;justify-content:center;margin:0 2rem 2rem;padding:1rem;transition:all .3s ease;width:calc(100% - 4rem)}.submit-btn:hover:not(:disabled){box-shadow:0 10px 25px #667eea4d}.submit-btn:disabled{opacity:.7;transform:none}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:20px;width:20px}.status-message{font-weight:500;margin:1rem 2rem 2rem;padding:1rem}.content-id{font-size:.85rem;margin-top:.5rem;opacity:.8}.error{color:#dc3545;font-size:.85rem;margin-top:.25rem}@media (max-width:768px){.ugc-form-container{padding:10px}.form-header{padding:1.5rem}.form-header h1{font-size:2rem}.dropzone,.form-section{padding:1.5rem}.cost-estimate,.status-message,.submit-btn{margin-left:1.5rem;margin-right:1.5rem}.submit-btn{width:calc(100% - 3rem)}}.form-section{animation:fadeInUp .6s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-group{animation:fadeInUp .4s ease-out;animation-fill-mode:both}.form-group:first-child{animation-delay:.1s}.form-group:nth-child(2){animation-delay:.2s}.form-group:nth-child(3){animation-delay:.3s}.form-group:nth-child(4){animation-delay:.4s}.form-group:nth-child(5){animation-delay:.5s}.persona-manager-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:20px}.header-nav{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;margin:0 auto 30px;max-width:1400px;padding:20px}.back-link{color:#667eea;display:inline-block;font-size:14px;margin-bottom:10px;text-decoration:none;transition:transform .2s}.back-link:hover{transform:translateX(-5px)}.header-nav h1{color:#333;font-size:32px;margin:0}.header-nav p{color:#666;font-size:16px;margin:10px 0 0}.persona-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:300px 1fr;margin:0 auto;max-width:1400px}.personas-sidebar{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;max-height:calc(100vh - 40px);overflow-y:auto;padding:20px;position:-webkit-sticky;position:sticky;top:20px}.personas-sidebar h3{color:#333;font-size:18px;margin:0 0 20px}.personas-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.persona-item{align-items:center;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;padding:12px;transition:all .2s}.persona-item:hover{background:#f8f9fa;transform:translateX(5px)}.persona-item.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}.persona-avatar{flex-shrink:0;height:50px;margin-right:12px;overflow:hidden;width:50px}.persona-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;font-size:20px;font-weight:700;height:100%;justify-content:center;width:100%}.persona-item.active .avatar-placeholder{background:#fff;color:#667eea}.persona-info h4{font-size:16px;font-weight:600;margin:0}.persona-info small{color:#999;font-size:13px}.persona-item.active .persona-info small{color:#fffc}.add-new-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:transform .2s;width:100%}.add-new-btn:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.persona-form-area{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;padding:30px}.tabs{border-bottom:2px solid #f0f0f0;display:flex;gap:10px;margin-bottom:30px;overflow-x:auto}.tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:15px;font-weight:500;padding:12px 20px;transition:all .2s;white-space:nowrap}.tab:hover{background:#f8f9fa;color:#333}.tab.active{background:none;border-bottom-color:#667eea;color:#667eea}.tab-content{animation:fadeIn .3s ease}.tab-content h3{color:#333;font-size:22px;font-weight:600;margin:0 0 25px}.tab-content h4{color:#555;font-size:16px;font-weight:600;margin:20px 0 10px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.form-group,.form-row{margin-bottom:20px}.form-group label{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input[type=date],.form-group input[type=email],.form-group input[type=number],.form-group input[type=text],.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-size:15px;padding:10px 15px;transition:all .2s;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.form-group textarea{font-family:inherit;line-height:1.5;resize:vertical}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23333' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;cursor:pointer;padding-right:40px}.checkbox-group{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));padding:10px 0}.checkbox-group label{align-items:center;color:#555;cursor:pointer;display:flex;font-size:14px}.checkbox-group input[type=checkbox]{cursor:pointer;height:18px;margin-right:8px;width:18px}.upload-section{margin:30px 0}.dropzone{background:#fafafa;border:2px dashed #d0d0d0;border-radius:8px;cursor:pointer;padding:40px;text-align:center;transition:all .2s}.dropzone:hover{background:#f8f9ff;border-color:#667eea}.dropzone p{color:#333;font-size:16px;font-weight:500;margin:0 0 8px}.dropzone small{color:#999;font-size:13px}.file-list{background:#f8f9fa;border-radius:8px;margin-top:15px;padding:15px}.file-item{align-items:center;background:#fff;border-radius:6px;color:#555;display:flex;font-size:14px;gap:8px;margin-bottom:8px;padding:8px 12px}.file-item:last-child{margin-bottom:0}.form-actions{border-top:2px solid #f0f0f0;gap:15px;margin-top:40px;padding-top:30px}.submit-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;flex:1 1;font-size:16px;font-weight:600;padding:15px 30px;transition:all .2s}.submit-btn:hover:not(:disabled){box-shadow:0 10px 30px #667eea4d;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.delete-btn{background:#ff4757;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 30px;transition:all .2s}.delete-btn:hover{background:#ff3838;box-shadow:0 10px 30px #ff47574d;transform:translateY(-2px)}.status-message{animation:slideIn .3s ease;border-radius:8px;font-size:15px;margin-top:20px;padding:15px 20px}.status-message.success{background:#d4edda;border:1px solid #c3e6cb;color:#155724}.status-message.error{background:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.persona-id{font-family:monospace;font-size:13px;margin-top:8px;opacity:.8}.error{color:#ff4757;display:block;font-size:13px;margin-top:5px}@media (max-width:1024px){.persona-layout{grid-template-columns:1fr}.personas-sidebar{max-height:none;position:static}.personas-list{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:768px){.header-nav h1{font-size:24px}.tabs{-webkit-overflow-scrolling:touch;overflow-x:scroll}.tab{font-size:14px;padding:10px 15px}.checkbox-group,.form-row{grid-template-columns:1fr}.persona-form-area{padding:20px}.dropzone{padding:30px 20px}}.loading-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;height:20px;margin-right:10px;width:20px}.image-script-library{background:#fff;border-radius:15px;box-shadow:0 4px 20px #00000014;margin:20px 0;padding:30px}.library-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.library-header h3{color:#2d3748;font-size:1.6rem;margin:0}.library-controls{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.search-input{width:250px}.add-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.add-button:hover{box-shadow:0 4px 15px #667eea4d}.category-tabs{border-bottom:2px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:25px;padding-bottom:15px}.category-tab{background:#f7fafc;border:2px solid #e2e8f0;border-radius:20px;color:#4a5568;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease;white-space:nowrap}.category-tab:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateY(-1px)}.category-tab.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#0000;color:#fff;transform:scale(1.05)}.add-prompt-form{background:#f8f9fa;border:2px dashed #cbd5e0;border-radius:12px;margin-bottom:25px;padding:20px}.add-prompt-form input,.add-prompt-form textarea{border:2px solid #e2e8f0;border-radius:8px;font-family:inherit;font-size:14px;margin-bottom:15px;padding:12px;transition:all .3s ease;width:100%}.add-prompt-form input:focus,.add-prompt-form textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.add-prompt-form textarea{min-height:80px;resize:vertical}.form-actions{display:flex;gap:10px;justify-content:flex-end}.save-button{background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .3s ease}.save-button:hover{box-shadow:0 4px 12px #48bb784d;transform:translateY(-2px)}.cancel-button{background:#e2e8f0;border:none;border-radius:6px;color:#4a5568;cursor:pointer;font-weight:600;padding:10px 24px;transition:all .3s ease}.cancel-button:hover{background:#cbd5e0}.prompts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:25px}.prompt-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:20px;position:relative;transition:all .3s ease}.prompt-card:hover{border-color:#667eea;box-shadow:0 8px 20px #667eea26;transform:translateY(-3px)}.prompt-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:12px}.prompt-header h4{color:#2d3748;flex:1 1;font-size:16px;margin:0}.delete-button{align-items:center;background:#fed7d7;border:none;border-radius:50%;color:#c53030;cursor:pointer;display:flex;font-size:18px;height:24px;justify-content:center;line-height:1;transition:all .3s ease;width:24px}.delete-button:hover{background:#fc8181;transform:scale(1.1)}.prompt-text{background:#f7fafc;border-radius:6px;color:#4a5568;font-family:Courier New,monospace;font-size:14px;line-height:1.6;margin-bottom:15px;overflow-wrap:break-word;padding:10px}.prompt-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:15px}.tag{background:#edf2f7;border-radius:12px;color:#4a5568;font-size:12px;font-weight:500;padding:4px 10px}.use-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:10px;transition:all .3s ease;width:100%}.use-button:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.no-results{color:#718096;padding:60px 20px;text-align:center}.no-results p{font-size:16px;margin:0}@media (max-width:768px){.library-header{align-items:stretch;flex-direction:column}.library-controls{flex-direction:column;width:100%}.search-input{width:100%}.category-tabs{overflow-x:auto;padding-bottom:10px}.prompts-grid{grid-template-columns:1fr}.prompt-card{padding:15px}}.instructions-container{background:linear-gradient(135deg,#667eea,#764ba2);margin:0 auto;max-width:1200px;min-height:100vh;padding:20px}.instructions-header{color:#fff;margin-bottom:30px;padding:20px;text-align:center}.instructions-header h1{font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px #0003}.instructions-header p{font-size:1.1rem;opacity:.95}.instructions-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px;padding:0 10px}.instructions-body{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;min-height:500px;padding:40px}.instructions-content h2{border-bottom:3px solid #667eea;color:#2d3748;font-size:2rem;margin-bottom:25px;padding-bottom:10px}.instructions-content h3{color:#4a5568;font-size:1.4rem;margin:25px 0 15px}.instructions-content h4{color:#718096;font-size:1.1rem;font-weight:600;margin:20px 0 10px}.instructions-content p{color:#4a5568;line-height:1.8;margin-bottom:15px}.instructions-content ol,.instructions-content ul{color:#4a5568;line-height:1.8;margin-bottom:20px;margin-left:20px}.instructions-content li{margin-bottom:10px}.instructions-content li strong{color:#2d3748;font-weight:600}.info-card{background:linear-gradient(135deg,#f6f8fb,#e9ecef);border-left:4px solid #667eea;border-radius:15px;margin:25px 0;padding:25px}.drive-link{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 10px #667eea33;color:#667eea;display:inline-flex;font-weight:600;gap:10px;margin-top:15px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.drive-link:hover{background:#667eea;box-shadow:0 4px 15px #667eea4d;color:#fff;transform:translateY(-2px)}.drive-icon{font-size:20px}.quick-start{background:#f8f9fa;border-radius:15px;margin:25px 0;padding:25px}.quick-start ol{counter-reset:step-counter;list-style:none;margin-left:0}.quick-start li{counter-increment:step-counter;margin-bottom:25px;padding-left:50px;position:relative}.quick-start li:before{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;content:counter(step-counter);display:flex;font-size:16px;font-weight:700;height:35px;justify-content:center;left:0;position:absolute;top:0;width:35px}.features-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:30px 0}.feature-card{background:#fff;border:2px solid #e2e8f0;border-radius:15px;padding:20px;text-align:center;transition:all .3s ease}.feature-card:hover{border-color:#667eea;box-shadow:0 10px 25px #667eea26;transform:translateY(-5px)}.feature-icon{display:block;font-size:40px;margin-bottom:15px}.feature-card h4{color:#2d3748;margin:10px 0}.feature-card p{color:#718096;font-size:14px}.section{background:#f8f9fa;border-radius:15px;margin:30px 0;padding:25px}.folder-structure{background:#2d3748;border-radius:10px;color:#a0aec0;font-family:Courier New,monospace;overflow-x:auto;padding:20px}.folder-structure pre{font-size:14px;line-height:1.6;margin:0}.tip-box{background:linear-gradient(135deg,#fef3c7,#fed7aa);border-left:4px solid #f59e0b;border-radius:10px;margin:25px 0;padding:20px}.tip-box h4{color:#92400e;margin-top:0}.platform-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:20px 0}.platform-item{background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:15px;text-align:center}.platform-item strong{color:#2d3748;display:block;margin-bottom:5px}.platform-item span{color:#718096;font-size:12px}.workflow-steps{flex-wrap:wrap;justify-content:space-between;margin:20px 0}.workflow-step,.workflow-steps{align-items:center;display:flex;gap:10px}.workflow-step{background:#fff;border:2px solid #667eea;border-radius:10px;flex-direction:column;min-width:120px;padding:15px}.step-number{align-items:center;background:#667eea;border-radius:50%;color:#fff;display:flex;font-weight:700;height:30px;justify-content:center;width:30px}.workflow-arrow{color:#667eea;font-size:24px;font-weight:700}.elements-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:20px 0}.element-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:20px}.element-card h5{color:#2d3748;font-size:18px;margin:0 0 15px}.element-card ul{margin:0;padding-left:20px}.code-block{background:#2d3748;border-radius:10px;color:#a0aec0;margin:20px 0;overflow-x:auto;padding:20px}.code-block code{font-family:Courier New,monospace;font-size:14px;line-height:1.6}.code-block pre{margin:0;white-space:pre-wrap}.example{background:#edf2f7;border-radius:8px;font-style:italic;margin:15px 0;padding:15px}.search-bar{margin:20px 0}.prompt-search{border:2px solid #e2e8f0;border-radius:25px;font-size:16px;padding:12px 20px;transition:all .3s ease;width:100%}.prompt-search:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.selected-prompt{background:#f0f4f8;border-radius:10px;margin:20px 0;padding:20px}.prompt-display{align-items:center;background:#fff;border-radius:8px;display:flex;gap:15px;margin-top:10px;padding:15px}.prompt-display code{color:#2d3748;flex:1 1;font-family:Courier New,monospace;font-size:14px}.copy-button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .3s ease}.copy-button:hover{background:#5a67d8;transform:translateY(-2px)}.voice-settings-table{margin:30px 0}.voice-settings-table table{background:#fff;border-collapse:collapse;border-radius:10px;box-shadow:0 2px 10px #0000000d;overflow:hidden;width:100%}.voice-settings-table th{background:#667eea;color:#fff;font-weight:600;padding:12px;text-align:left}.voice-settings-table td{border-bottom:1px solid #e2e8f0;color:#4a5568;padding:12px}.voice-settings-table tr:last-child td{border-bottom:none}.pipeline-diagram{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:30px 0}.pipeline-stage{background:#fff;border:2px solid #667eea;border-radius:15px;padding:20px;position:relative}.pipeline-stage h4{color:#667eea;margin-bottom:15px;margin-top:0}.pipeline-stage ul{margin:0;padding-left:20px}.strategy-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:20px 0}.strategy-card{background:linear-gradient(135deg,#e0e7ff,#cdd5f4);border-radius:10px;padding:20px}.strategy-card h4{color:#4338ca;margin-top:0}.strategy-card p{color:#4a5568;font-size:14px}.faq-section{margin:30px 0}.faq-section details{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;margin-bottom:10px;padding:15px}.faq-section summary{color:#2d3748;font-weight:600;outline:none}.faq-section details[open] summary{color:#667eea;margin-bottom:10px}.faq-section p{border-top:1px solid #e2e8f0;margin:0;padding-top:10px}.instructions-footer{align-items:center;background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;margin-top:40px;padding:20px}.quick-links{align-items:center;display:flex;gap:20px}.quick-links h4{color:#4a5568;margin:0}.quick-link{background:#f7fafc;border-radius:6px;color:#667eea;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .3s ease}.quick-link:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.support-info{color:#718096;font-size:14px}@media (max-width:768px){.instructions-container{padding:10px}.instructions-body{padding:20px}.instructions-tabs{justify-content:flex-start;overflow-x:auto;padding-bottom:10px}.tab-button{white-space:nowrap}.elements-grid,.features-grid,.pipeline-diagram,.platform-grid,.strategy-cards{grid-template-columns:1fr}.workflow-steps{flex-direction:column}.workflow-arrow{transform:rotate(90deg)}.instructions-footer{flex-direction:column;gap:20px;text-align:center}.quick-links{flex-wrap:wrap;justify-content:center}}.workflow-docs-container{background:linear-gradient(135deg,#667eea,#764ba2);margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.docs-header{color:#fff;margin-bottom:30px;padding:20px;text-align:center}.docs-header h1{font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px #0003}.docs-header p{font-size:1.1rem;opacity:.95}.docs-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:30px;padding:0 10px}.tab-button{align-items:center;background:#fff;border:none;border-radius:25px;box-shadow:0 2px 10px #0000001a;color:#4a5568;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .3s ease}.tab-button:hover{box-shadow:0 4px 15px #00000026;transform:translateY(-2px)}.tab-button.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:scale(1.05)}.tab-icon{font-size:18px}.docs-body{background:#fff;border-radius:20px;box-shadow:0 10px 40px #0000001a;min-height:500px;padding:40px}.workflow-content h2{border-bottom:3px solid #667eea;color:#2d3748;font-size:2rem;margin-bottom:25px;padding-bottom:10px}.workflow-content h3{color:#4a5568;font-size:1.4rem;margin:25px 0 15px}.workflow-content h4{color:#718096;font-size:1.1rem;font-weight:600;margin:20px 0 10px}.workflow-diagram{background:#f8f9fa;border-radius:15px;margin:30px 0;padding:30px}.flow-chart{flex-direction:column;gap:30px}.flow-chart,.flow-row{align-items:center;display:flex}.flow-row{gap:20px}.flow-node{align-items:center;border-radius:10px;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;padding:15px 25px;transition:all .3s ease}.flow-node:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-3px)}.flow-node.input{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.flow-node.webhook{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff}.flow-node.router{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff}.flow-node.ai{background:linear-gradient(135deg,#9f7aea,#805ad5);color:#fff}.flow-node.generation{background:linear-gradient(135deg,#f56565,#e53e3e);color:#fff}.flow-node.voice{background:linear-gradient(135deg,#38b2ac,#319795);color:#fff}.flow-node.render{background:linear-gradient(135deg,#d69e2e,#b7791f);color:#fff}.flow-node.storage{background:linear-gradient(135deg,#667eea,#5a67d8);color:#fff}.flow-node.database{background:linear-gradient(135deg,#2d3748,#1a202c);color:#fff}.flow-node.worker{background:linear-gradient(135deg,#718096,#4a5568);color:#fff}.flow-node.response{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.node-icon{font-size:24px;margin-bottom:5px}.node-label{font-size:12px;font-weight:600;text-align:center}.flow-arrow{color:#4a5568;font-size:24px;font-weight:700}.flow-branches{display:flex;gap:50px;justify-content:center;padding:20px}.flow-branch{background:#fff;border:2px solid #e2e8f0;border-radius:15px;padding:20px}.flow-branch h4{color:#2d3748;margin-bottom:20px;text-align:center}.capabilities-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:30px 0}.capability-card{background:#fff;border:2px solid #e2e8f0;border-radius:15px;padding:20px;transition:all .3s ease}.capability-card:hover{border-color:#667eea;box-shadow:0 8px 20px #667eea26;transform:translateY(-3px)}.capability-card h4{color:#2d3748;font-size:18px;margin-bottom:15px}.capability-card ul{list-style:none;margin:0;padding:0}.capability-card li{border-bottom:1px solid #f7fafc;color:#4a5568;padding:8px 0}.capability-card li:last-child{border-bottom:none}.folder-view{background:#2d3748;border-radius:10px;margin:20px 0;overflow-x:auto;padding:20px}.folder-tree{color:#a0aec0;font-family:Courier New,monospace;font-size:14px;line-height:1.8;margin:0;white-space:pre}.structure-details{margin:30px 0}.directory-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:20px 0}.directory-card{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:10px;padding:20px}.directory-card h4{color:#2d3748;margin-bottom:10px}.directory-card p{color:#718096;font-size:14px;margin-bottom:15px}.directory-card ul{list-style:none;margin:0;padding:0}.directory-card li{color:#4a5568;font-size:14px;padding:5px 0}.nodes-list{display:flex;flex-direction:column;gap:15px;margin:20px 0}.node-card{background:#fff;border:2px solid #e2e8f0;border-radius:10px;overflow:hidden;transition:all .3s ease}.node-card:hover{box-shadow:0 4px 12px #667eea1a}.node-card.expanded,.node-card:hover{border-color:#667eea}.node-header{align-items:center;background:#f8f9fa;cursor:pointer;display:flex;justify-content:space-between;padding:20px}.node-info{align-items:center;gap:15px}.node-info h4{color:#2d3748;margin:0}.node-status{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.node-status.stable{background:#c6f6d5;color:#22543d}.node-status.new{background:#fed7d7;color:#742a2a}.node-status.updated{background:#feebc8;color:#7c2d12}.expand-icon{color:#4a5568;font-size:20px;font-weight:700}.node-details{background:#fff;border-top:1px solid #e2e8f0;padding:20px}.node-config,.node-notes,.node-type,.node-updates{margin-bottom:15px}.node-config pre{background:#f7fafc;border-radius:6px;font-size:12px;margin-top:5px;overflow-x:auto;padding:10px}.node-updates ul{margin:5px 0 0 20px;padding:0}.node-updates li{color:#4a5568;margin:5px 0}.import-instructions{background:#edf2f7;border-radius:10px;margin:30px 0;padding:25px}.import-instructions h3{color:#2d3748;margin-bottom:20px}.import-instructions ol{margin:0;padding-left:20px}.import-instructions li{color:#4a5568;line-height:1.6;margin:10px 0}.import-instructions code{background:#2d3748;border-radius:4px;color:#a0aec0;font-size:13px;padding:2px 6px}.api-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:20px 0}.api-card{background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:20px;transition:all .3s ease}.api-card:hover{border-color:#667eea;box-shadow:0 8px 20px #667eea26;transform:translateY(-3px)}.api-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.api-header h4{color:#2d3748;margin:0}.api-status{border-radius:10px;font-size:11px;font-weight:600;padding:4px 10px;text-transform:uppercase}.api-status.active{background:#c6f6d5;color:#22543d}.api-details{display:flex;flex-direction:column;gap:10px}.api-field{color:#4a5568;font-size:13px}.api-field strong{color:#2d3748;display:block;margin-bottom:3px}.api-field code{background:#f7fafc;border-radius:4px;color:#667eea;font-size:12px;padding:2px 6px}.env-example{background:#f8f9fa;border-radius:10px;margin:30px 0;padding:25px}.env-example h3{color:#2d3748;margin-bottom:15px}.env-example pre{background:#2d3748;border-radius:8px;color:#a0aec0;font-size:13px;line-height:1.6;overflow-x:auto;padding:20px}.update-timeline{display:flex;flex-direction:column;gap:30px;margin:20px 0}.update-entry{background:#fff;border:2px solid #e2e8f0;border-radius:15px;padding:25px;position:relative}.update-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.update-header h3{color:#667eea;margin:0}.update-date{background:#edf2f7;border-radius:6px;color:#4a5568;font-size:13px;font-weight:600;padding:6px 12px}.update-breaking,.update-changes,.update-migration{margin-bottom:20px}.update-breaking h4,.update-changes h4,.update-migration h4{color:#2d3748;margin-bottom:10px}.update-breaking ul,.update-changes ul{margin:0;padding-left:20px}.update-breaking li,.update-changes li{color:#4a5568;margin:8px 0}.breaking-change{color:#e53e3e!important;font-weight:600}.update-migration p{color:#4a5568;margin:0}.migration-guide{background:#f8f9fa;border-radius:15px;margin:30px 0;padding:30px}.migration-guide h3{color:#2d3748;margin-bottom:20px}.migration-guide ol{margin:0;padding-left:20px}.migration-guide>ol>li{color:#2d3748;font-weight:600;margin:20px 0}.migration-guide ul{font-weight:400;margin:10px 0;padding-left:20px}.migration-guide ul li{color:#4a5568;margin:8px 0}.migration-guide pre{background:#2d3748;border-radius:6px;color:#a0aec0;font-size:13px;margin:10px 0;padding:10px 15px}.test-section{margin:30px 0}.test-card{background:#f8f9fa;border-radius:10px;margin:15px 0;padding:20px}.test-card h4{color:#2d3748;margin-bottom:15px}.test-card pre{background:#2d3748;border-radius:6px;color:#a0aec0;font-size:13px;line-height:1.5;margin:0;overflow-x:auto;padding:15px}.validation-checklist{margin:30px 0}.checklist-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:20px 0}.checklist-section{background:#fff;border:2px solid #e2e8f0;border-radius:10px;padding:20px}.checklist-section h4{color:#2d3748;margin-bottom:15px}.checklist-section ul{list-style:none;margin:0;padding:0}.checklist-section li{color:#4a5568;padding:8px 0 8px 25px;position:relative}.checklist-section li:before{color:#cbd5e0;content:"☐";left:0;position:absolute}.monitoring{margin:30px 0}.monitor-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:20px 0}.monitor-card{background:#2d3748;border-radius:10px;padding:20px}.monitor-card h4{color:#fff;margin-bottom:15px}.monitor-card pre{color:#a0aec0;font-size:12px;line-height:1.5;margin:0}.docs-footer{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;justify-content:space-between;margin-top:40px;padding:20px}.docs-footer,.footer-links{align-items:center;display:flex}.footer-links{gap:20px}.footer-links h4{color:#4a5568;margin:0}.footer-link{background:#f7fafc;border-radius:6px;color:#667eea;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .3s ease}.footer-link:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.version-info{color:#718096;font-size:14px}@media (max-width:768px){.workflow-docs-container{padding:10px}.docs-body{padding:20px}.docs-tabs{overflow-x:auto;padding-bottom:10px}.flow-branches{flex-direction:column;gap:20px}.flow-row{flex-wrap:wrap;justify-content:center}.api-grid,.capabilities-grid,.checklist-grid,.directory-grid,.monitor-cards{grid-template-columns:1fr}.docs-footer{flex-direction:column;gap:20px;text-align:center}.footer-links{flex-wrap:wrap;justify-content:center}}.workflow-changelog-container{background:linear-gradient(135deg,#667eea,#764ba2);margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.changelog-header{color:#fff;margin-bottom:30px;padding:20px;text-align:center}.changelog-header h1{font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px #0003}.changelog-header p{font-size:1.1rem;opacity:.95}.changelog-controls{align-items:center;background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;padding:20px}.control-group{min-width:300px}.action-buttons{display:flex;gap:10px}.add-button,.export-button{border:none;border-radius:25px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.add-button{background:linear-gradient(135deg,#48bb78,#38a169);color:#fff}.add-button:hover{box-shadow:0 4px 15px #48bb784d;transform:translateY(-2px)}.export-button{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff}.export-button:hover{box-shadow:0 4px 15px #4299e14d;transform:translateY(-2px)}.changelog-tabs{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;display:flex;gap:10px;margin-bottom:20px;padding:10px}.changelog-tabs .tab{background:#f7fafc;border:2px solid #0000;border-radius:10px;color:#4a5568;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 20px;transition:all .3s ease}.changelog-tabs .tab:hover{background:#edf2f7}.changelog-tabs .tab.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;transform:scale(1.02)}.changelog-list{display:flex;flex-direction:column;gap:20px}.change-card{background:#fff;border-left:5px solid #0000;border-radius:15px;box-shadow:0 4px 20px #00000014;padding:25px;transition:all .3s ease}.change-card.pending{border-left-color:#f59e0b}.change-card.completed{border-left-color:#10b981;opacity:.9}.change-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-3px)}.change-header{gap:15px;justify-content:space-between;margin-bottom:20px}.change-header,.change-info{align-items:center;display:flex;flex-wrap:wrap}.change-info{gap:10px}.change-type{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.change-type.supercode{background:linear-gradient(135deg,#9f7aea,#805ad5);color:#fff}.change-type.postgres{background:linear-gradient(135deg,#2d3748,#1a202c);color:#fff}.change-type.googleDrive{background:linear-gradient(135deg,#4285f4,#1a73e8);color:#fff}.change-type.webhook{background:linear-gradient(135deg,#ed8936,#dd6b20);color:#fff}.change-priority{font-size:12px;font-weight:700;text-transform:uppercase}.change-category{background:#edf2f7;color:#4a5568;font-weight:500}.change-category,.change-version{border-radius:12px;font-size:12px;padding:4px 10px}.change-version{background:#e6fffa;color:#047481;font-weight:600}.status-toggle{background:#fff;border:2px solid;border-radius:20px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease}.status-toggle.pending{border-color:#f59e0b;color:#92400e}.status-toggle.pending:hover{background:#fef3c7}.status-toggle.completed{border-color:#10b981;color:#064e3b}.status-toggle.completed:hover{background:#d1fae5}.change-content h3{color:#2d3748;font-size:1.3rem;margin:0 0 10px}.change-description{color:#4a5568;line-height:1.6;margin:0 0 20px}.node-info{background:#f8f9fa;border-radius:10px;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding:15px}.node-info strong{color:#2d3748;margin-right:5px}.node-info code{background:#2d3748;border-radius:4px;color:#a0aec0;font-size:13px;padding:2px 8px}.code-section{border:2px solid #e2e8f0;border-radius:10px;margin:20px 0;overflow:hidden}.code-section summary{background:#f7fafc;color:#2d3748;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .3s ease}.code-section summary:hover{background:#edf2f7}.code-section[open] summary{background:#667eea;color:#fff}.code-section pre{background:#2d3748;margin:0;overflow-x:auto;padding:20px}.code-section code{color:#a0aec0;font-family:Courier New,monospace;font-size:13px;line-height:1.6}.dependencies,.env-vars{background:#f0f9ff;border-left:4px solid #3182ce;border-radius:8px;margin:15px 0;padding:15px}.dependencies strong,.env-vars strong{color:#2c5282;display:block;margin-bottom:10px}.env-vars ul{margin:0;padding-left:20px}.env-vars li{color:#2d3748;margin:5px 0}.dependencies code{background:#bee3f8;border-radius:4px;color:#2c5282;padding:2px 6px}.test-section{border:2px solid #48bb78;border-radius:10px;margin:20px 0;overflow:hidden}.test-section summary{background:#c6f6d5;color:#22543d;cursor:pointer;font-weight:600;padding:12px 20px}.test-section[open] summary{background:#48bb78;color:#fff}.test-info{background:#f0fdf4;padding:20px}.test-info strong{color:#22543d;display:block;margin:10px 0 5px}.test-info code{border-radius:4px;padding:2px 8px}.test-info code,.test-info pre{background:#2d3748;color:#a0aec0}.test-info pre{border-radius:8px;margin:10px 0;overflow-x:auto;padding:15px}.completion-info{border-top:1px solid #e2e8f0;color:#718096;font-size:13px;margin-top:15px;padding-top:15px}.no-changes{color:#718096;padding:60px 20px;text-align:center}.changelog-footer,.no-changes{background:#fff;border-radius:15px}.changelog-footer{box-shadow:0 2px 10px #0000000d;margin-top:30px;padding:20px}.stats{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-around;margin-bottom:20px}.stat{padding:10px;text-align:center}.stat strong{color:#2d3748;margin-right:5px}.progress-bar{background:#edf2f7;border-radius:15px;height:30px;overflow:hidden;position:relative}.progress-fill{align-items:center;background:linear-gradient(135deg,#48bb78,#38a169);color:#fff;display:flex;font-size:14px;font-weight:600;justify-content:center}@media (max-width:768px){.workflow-changelog-container{padding:10px}.changelog-controls,.control-group{flex-direction:column}.control-group,.search-input{width:100%}.action-buttons{justify-content:space-between;width:100%}.change-header,.changelog-tabs{flex-direction:column}.change-header{align-items:flex-start}.status-toggle{text-align:center;width:100%}.node-info{gap:10px}.node-info,.stats{flex-direction:column}}.persona-dashboard-container{background:linear-gradient(135deg,#667eea,#764ba2);margin:0 auto;max-width:1400px;min-height:100vh;padding:20px}.dashboard-header{color:#fff;margin-bottom:30px;padding:20px;text-align:center}.dashboard-header h1{font-size:2.5rem;margin-bottom:10px;text-shadow:2px 2px 4px #0003}.dashboard-header p{font-size:1.1rem;opacity:.95}.dashboard-controls{align-items:center;background:#fff;border-radius:15px;box-shadow:0 4px 20px #0000001a;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px;padding:20px}.control-group{flex:1 1;gap:15px;min-width:400px}.search-input{border:2px solid #e2e8f0;border-radius:25px;flex:1 1;font-size:14px;padding:10px 20px;transition:all .3s ease}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-select{background:#fff;border:2px solid #e2e8f0;border-radius:25px;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s ease}.filter-select:focus{border-color:#667eea;outline:none}.view-toggle{background:#f7fafc;border-radius:20px;display:flex;padding:4px}.view-btn{background:#0000;border:none;border-radius:16px;color:#4a5568;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .3s ease}.view-btn.active{background:#fff;box-shadow:0 2px 8px #0000001a;color:#667eea}.add-persona-btn{background:linear-gradient(135deg,#48bb78,#38a169);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s ease}.add-persona-btn:hover{box-shadow:0 4px 15px #48bb784d;transform:translateY(-2px)}.dashboard-stats{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:#fff;border-radius:15px;box-shadow:0 4px 15px #00000014;display:flex;flex-direction:column;gap:8px;padding:20px;text-align:center}.stat-number{color:#667eea;font-size:2rem;font-weight:700}.stat-label{color:#718096;font-size:14px;font-weight:500}.personas-container{grid-gap:20px;display:grid;gap:20px}.personas-container.grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.personas-container.list{grid-template-columns:1fr}.persona-card{background:#fff;border:3px solid #0000;border-radius:15px;box-shadow:0 4px 20px #00000014;cursor:pointer;padding:25px;transition:all .3s ease}.persona-card.complete{border-color:#10b981}.persona-card.partial{border-color:#f59e0b}.persona-card.incomplete{border-color:#ef4444}.persona-card:hover{box-shadow:0 8px 30px #0000001f;transform:translateY(-5px)}.persona-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.persona-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:60px;justify-content:center;width:60px}.avatar-count{font-size:16px}.avatar-placeholder{font-size:30px}.persona-info{flex:1 1}.persona-info h3{color:#2d3748;font-size:1.3rem;margin:0 0 5px}.persona-details{color:#718096;font-size:14px;margin:0}.completeness-indicator{position:relative}.progress-ring{transform:rotate(-90deg)}.progress-ring-circle{transition:stroke-dashoffset .5s ease}.progress-ring-circle.progress{stroke-linecap:round}.persona-body{display:flex;flex-direction:column;gap:20px}.personality-section{background:#f8f9fa;border-radius:10px;padding:15px}.personality-section strong{color:#4a5568;display:block;font-size:13px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.personality-section p{color:#2d3748;font-size:14px;line-height:1.5;margin:0}.assets-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr)}.asset-item{align-items:center;border-radius:10px;display:flex;flex-direction:column;padding:10px;transition:all .3s ease}.asset-item.complete{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.asset-item.incomplete{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.asset-icon{font-size:20px;margin-bottom:4px}.asset-label{font-size:11px;font-weight:600;margin-bottom:2px;text-transform:uppercase}.asset-count{font-size:12px;font-weight:500}.voice-config{background:linear-gradient(135deg,#e0e7ff,#cdd5f4);border-radius:10px;padding:15px}.voice-config strong{color:#4338ca;display:block;font-size:13px;margin-bottom:10px;text-transform:uppercase}.voice-details{align-items:center;display:flex;gap:10px;margin-bottom:10px}.voice-provider{background:#fff;border-radius:12px;font-size:12px;font-weight:600;padding:4px 10px}.voice-id{background:#2d3748;border-radius:6px;color:#a0aec0;font-family:monospace;font-size:11px;padding:4px 8px}.voice-params{display:flex;flex-wrap:wrap;gap:8px}.param{background:#fff;border-radius:6px;color:#4a5568;font-size:11px;padding:3px 8px}.missing-items{background:#fef3c7;border-left:4px solid #f59e0b;border-radius:8px;padding:15px}.missing-items strong{color:#92400e;display:block;font-size:13px;margin-bottom:10px}.missing-items ul{margin:0;padding-left:20px}.missing-items li{color:#78350f;font-size:13px;margin:5px 0}.persona-stats{background:#f7fafc;border-radius:10px;display:flex;justify-content:space-around;padding:15px}.stat{align-items:center;display:flex;flex-direction:column;gap:4px}.stat-value{color:#2d3748;font-size:16px;font-weight:700}.social-media-section{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;margin:15px 0;padding:12px}.social-links{display:flex;gap:12px}.social-link{align-items:center;border-radius:50%;display:inline-flex;font-size:18px;height:32px;justify-content:center;text-decoration:none;transition:all .3s;width:32px}.social-link.instagram{background:linear-gradient(45deg,#f09433,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888)}.social-link.tiktok{background:#000;color:#fff}.social-link.youtube{background:red}.social-link.twitter{background:#1da1f2}.social-link:hover{box-shadow:0 4px 12px #0003;transform:scale(1.1)}.add-social-btn,.edit-social-btn{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:6px 12px;transition:all .2s}.edit-social-btn{background:#0000;font-size:16px;padding:4px 8px}.add-social-btn{margin:10px 0;width:100%}.add-social-btn:hover,.edit-social-btn:hover{background:#5a67d8;transform:translateY(-1px)}.edit-social-form{background:#fff;border:2px solid #667eea;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin:15px 0;padding:15px}.social-input-group{align-items:center;display:flex;gap:10px;margin-bottom:12px}.social-input-group label{color:#4a5568;font-size:14px;font-weight:600;min-width:100px}.social-input-group input{border:1px solid #e2e8f0;border-radius:6px;flex:1 1;font-size:14px;padding:8px 12px}.social-input-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.social-form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:15px}.cancel-social-btn,.save-social-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.save-social-btn{background:#48bb78;color:#fff}.save-social-btn:hover{background:#38a169}.cancel-social-btn{background:#e2e8f0;color:#4a5568}.cancel-social-btn:hover{background:#cbd5e0}.social-media-detail{background:#f8f9fa;border-radius:8px;padding:15px}.social-item{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;gap:10px;padding:10px 0}.social-item:last-child{border-bottom:none}.social-icon{font-size:20px}.social-platform{color:#4a5568;font-weight:600;min-width:100px}.social-link-detail{color:#667eea;font-weight:500;text-decoration:none;transition:all .2s}.social-link-detail:hover{color:#5a67d8;text-decoration:underline}.persona-actions{display:flex;gap:10px}.action-btn{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:10px;transition:all .3s ease}.action-btn.edit{background:linear-gradient(135deg,#4299e1,#3182ce);color:#fff}.action-btn.test{background:linear-gradient(135deg,#9f7aea,#805ad5);color:#fff}.action-btn.view{background:linear-gradient(135deg,#667eea,#5a67d8);color:#fff}.action-btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.no-personas{background:#fff;border-radius:15px;color:#718096;padding:60px 20px;text-align:center}.no-personas button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;margin-top:20px;padding:12px 30px;transition:all .3s ease}.no-personas button:hover{box-shadow:0 4px 15px #667eea4d;transform:translateY(-2px)}.persona-modal{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:800px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;padding:25px}.modal-header h2{color:#2d3748;margin:0}.close-btn{background:#f7fafc;border:none;border-radius:50%;color:#4a5568;cursor:pointer;font-size:24px;height:40px;transition:all .3s ease;width:40px}.close-btn:hover{background:#e2e8f0}.modal-body{display:flex;flex-direction:column;gap:30px;padding:25px}.detail-section{border-bottom:1px solid #e2e8f0;padding-bottom:25px}.detail-section:last-child{border-bottom:none}.detail-section h3{color:#2d3748;font-size:1.2rem;margin:0 0 20px}.completeness-chart{align-items:center;display:flex;gap:20px;margin-bottom:20px}.progress-bar-full{background:#e2e8f0;border-radius:15px;flex:1 1;height:30px;overflow:hidden}.progress-fill{height:100%;transition:width .5s ease}.percentage-label{color:#2d3748;font-size:18px;font-weight:700;min-width:100px;text-align:right}.checklist{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.check-item{align-items:center;background:#f7fafc;border-radius:8px;display:flex;gap:10px;padding:10px}.check-item.complete{background:#d1fae5}.check-item.incomplete{background:#fee2e2}.check-icon{font-size:16px}.check-label{color:#4a5568;font-size:14px}.voice-detail{background:#f7fafc;border-radius:10px;padding:20px}.voice-info-row{display:flex;font-size:14px;gap:10px;margin-bottom:10px}.voice-info-row strong{color:#4a5568;min-width:100px}.voice-settings pre{background:#2d3748;border-radius:8px;color:#a0aec0;font-size:12px;margin-top:10px;overflow-x:auto;padding:15px}.metrics-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr)}.metric{background:linear-gradient(135deg,#e0e7ff,#cdd5f4);border-radius:10px;padding:20px;text-align:center}.metric-value{color:#4338ca;display:block;font-size:24px;font-weight:700;margin-bottom:5px}.metric-label{color:#6366f1;font-size:12px;text-transform:uppercase}.timeline{background:#f7fafc;border-radius:10px;padding:20px}.timeline-item{border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:10px}.timeline-item:last-child{border-bottom:none}.timeline-date{color:#718096;font-size:13px;font-weight:600}.timeline-event{color:#2d3748;font-size:14px}.no-data{background:#f7fafc;border-radius:10px;color:#a0aec0;font-style:italic;padding:20px;text-align:center}.modal-footer{border-top:2px solid #e2e8f0;display:flex;gap:15px;padding:25px}.btn-primary,.btn-secondary{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-secondary{border:2px solid #e2e8f0}.btn-primary:hover,.btn-secondary:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}@media (max-width:768px){.persona-dashboard-container{padding:10px}.control-group,.dashboard-controls{flex-direction:column}.control-group{min-width:0;min-width:auto;width:100%}.personas-container.grid{grid-template-columns:1fr}.assets-grid,.dashboard-stats{grid-template-columns:repeat(2,1fr)}.checklist,.metrics-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column}}.deployment-tracker{margin:0 auto;max-width:1400px;padding:20px}.tracker-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 10px 30px #00000026;color:#fff;margin-bottom:30px;padding:30px}.tracker-header h1{font-size:32px;font-weight:700;margin:0 0 10px}.tracker-subtitle{font-size:16px;margin:0;opacity:.95}.tracker-controls{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:30px}.control-group{align-items:center;background:#fff;border-radius:8px;box-shadow:0 2px 10px #00000014;display:flex;gap:10px;padding:12px 20px}.control-group label{color:#4a5568;font-size:14px;font-weight:600}.control-group input,.control-group select{border:1px solid #e2e8f0;border-radius:6px;font-size:14px;min-width:200px;padding:8px 12px}.control-group button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:8px 16px;transition:all .2s}.control-group button:hover{background:#5a67d8;box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.tracker-content{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.tracker-section{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;padding:25px}.section-header{border-bottom:2px solid #e2e8f0;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.section-header,.section-title{align-items:center;display:flex}.section-title{color:#2d3748;font-size:20px;font-weight:700;gap:10px}.section-actions{display:flex;gap:10px}.btn-secondary{background:#f7fafc;border:1px solid #e2e8f0;border-radius:6px;color:#4a5568;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-secondary:hover{background:#edf2f7;border-color:#cbd5e0}.btn-primary{background:#48bb78;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-primary:hover{background:#38a169;box-shadow:0 4px 12px #48bb784d;transform:translateY(-1px)}.btn-danger{background:#f56565;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s}.btn-danger:hover{background:#e53e3e;box-shadow:0 4px 12px #f565654d;transform:translateY(-1px)}.commit-list{max-height:400px;overflow-y:auto}.commit-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin-bottom:12px;padding:15px;transition:all .2s}.commit-item:hover{background:#f1f3f5;transform:translateX(2px)}.commit-hash{background:#fff;border-radius:4px;color:#718096;display:inline-block;font-family:Courier New,monospace;font-size:12px;margin-bottom:8px;padding:2px 6px}.commit-message{color:#2d3748;font-size:14px;font-weight:500;margin-bottom:8px}.commit-author{color:#718096;font-size:12px;margin-bottom:4px}.commit-date{color:#a0aec0;font-size:12px}.commit-files{border-top:1px solid #e2e8f0;margin-top:10px;padding-top:10px}.file-change{color:#4a5568;font-family:Courier New,monospace;font-size:12px;padding:4px 0}.change-analysis{margin-top:20px}.change-category{margin-bottom:20px}.category-title{align-items:center;color:#2d3748;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:12px}.category-title .badge{background:#667eea;border-radius:12px;color:#fff;font-size:12px;font-weight:500;padding:2px 8px}.change-item{align-items:center;background:#f8f9fa;border-radius:6px;color:#4a5568;display:flex;font-size:14px;gap:10px;margin-bottom:8px;padding:12px}.change-item:before{color:#667eea;content:"•";font-size:18px;font-weight:700}.deployment-checklist{margin-top:20px}.checklist-step{background:#f8f9fa;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:12px;padding:15px;transition:all .2s}.checklist-step.completed{background:#f0fdf4;border-color:#86efac}.checklist-step.pending{background:#fffbeb;border-color:#fde68a}.step-header{justify-content:space-between;margin-bottom:10px}.step-header,.step-title{align-items:center;display:flex}.step-title{color:#2d3748;font-size:15px;font-weight:600;gap:10px}.step-status{border-radius:12px;font-size:12px;font-weight:600;padding:4px 12px}.step-status.completed{background:#86efac;color:#065f46}.step-status.pending{background:#fde68a;color:#92400e}.step-status.in-progress{background:#93c5fd;color:#1e3a8a}.step-description{color:#4a5568;font-size:13px;line-height:1.5;margin-bottom:10px}.step-commands{background:#fff;border:1px solid #e2e8f0;border-radius:6px;margin-top:10px;padding:12px}.command-line{background:#f7fafc;border-radius:4px;color:#2d3748;font-family:Courier New,monospace;font-size:12px;margin-bottom:8px;padding:8px 8px 8px 40px;position:relative}.command-line:before{color:#667eea;content:"$";font-weight:700;left:15px;position:absolute}.step-webhook{background:#edf2f7;border-radius:6px;margin-top:10px;padding:10px}.webhook-url{color:#4a5568;font-family:Courier New,monospace;font-size:11px;margin-bottom:10px;word-break:break-all}.btn-execute{background:#667eea;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:all .2s}.btn-execute:hover{background:#5a67d8}.btn-execute:disabled{background:#cbd5e0;cursor:not-allowed}.webhook-result{border-radius:6px;font-size:12px;margin-top:10px;padding:10px}.webhook-result.success{background:#f0fdf4;border:1px solid #86efac;color:#065f46}.webhook-result.error{background:#fef2f2;border:1px solid #fca5a5;color:#991b1b}.empty-state{color:#718096;padding:40px;text-align:center}.empty-state svg{height:64px;margin-bottom:16px;opacity:.5;width:64px}.empty-state h3{color:#4a5568;font-size:18px;font-weight:600;margin-bottom:8px}.empty-state p{color:#718096;font-size:14px}.loading-spinner{border:2px solid #f3f3f3;border-top-color:#667eea;display:inline-block;height:16px;width:16px}.status-indicator{border-radius:50%;display:inline-block;height:8px;margin-right:8px;width:8px}.status-indicator.success{animation:pulse 2s infinite;background:#48bb78}.status-indicator.error{background:#f56565}.status-indicator.pending{animation:pulse 2s infinite;background:#f6ad55}@media (max-width:1024px){.tracker-content{grid-template-columns:1fr}}@media (max-width:640px){.control-group,.tracker-controls{flex-direction:column}.control-group{align-items:stretch;width:100%}.control-group input,.control-group select{width:100%}}:root{--primary:147 51 234;--primary-foreground:255 255 255;--secondary:59 130 246;--secondary-foreground:255 255 255;--accent:236 72 153;--accent-foreground:255 255 255;--background:255 255 255;--foreground:15 23 42;--muted:241 245 249;--muted-foreground:100 116 139;--success:34 197 94;--warning:251 146 60;--error:239 68 68;--info:59 130 246;--gradient-primary:linear-gradient(135deg,rgb(var(--primary)) 0%,rgb(var(--accent)) 100%);--gradient-secondary:linear-gradient(135deg,rgb(var(--secondary)) 0%,rgb(var(--primary)) 100%);--gradient-sunset:linear-gradient(135deg,#667eea,#764ba2);--gradient-ocean:linear-gradient(135deg,#667eea,#64b3f4);--gradient-fire:linear-gradient(135deg,#f093fb,#f5576c);--gradient-mesh:radial-gradient(at 27% 37%,#3a8bfd 0px,#0000 0%),radial-gradient(at 97% 21%,#72fe7d 0px,#0000 50%),radial-gradient(at 52% 99%,#fd3a4e 0px,#0000 50%),radial-gradient(at 10% 29%,#855afc 0px,#0000 50%),radial-gradient(at 97% 96%,#e4c795 0px,#0000 50%),radial-gradient(at 33% 50%,#8ca8e8 0px,#0000 50%),radial-gradient(at 79% 53%,#eea5ba 0px,#0000 50%);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--shadow-glow:0 0 50px #9333ea4d;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--transition-base:250ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--transition-spring:500ms cubic-bezier(0.68,-0.55,0.265,1.55);--blur-sm:4px;--blur-md:8px;--blur-lg:16px;--blur-xl:24px}@media (prefers-color-scheme:dark){:root{--background:9 9 11;--foreground:248 250 252;--muted:30 41 59;--muted-foreground:148 163 184}}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;background:rgb(var(--background));color:#0f172a;color:rgb(var(--foreground));font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#f1f5f9;background:rgb(var(--muted));border-radius:.75rem;border-radius:var(--radius-lg)}::-webkit-scrollbar-thumb{background:#9333ea80;background:rgb(var(--primary)/.5);border-radius:.75rem;border-radius:var(--radius-lg);-webkit-transition:background .25s cubic-bezier(.4,0,.2,1);transition:background .25s cubic-bezier(.4,0,.2,1);-webkit-transition:background var(--transition-base);transition:background var(--transition-base)}::-webkit-scrollbar-thumb:hover{background:#9333eab3;background:rgb(var(--primary)/.7)}::selection{background:#9333ea33;background:rgb(var(--primary)/.2);color:#9333ea;color:rgb(var(--primary))}:focus-visible{border-radius:.375rem;border-radius:var(--radius-sm);outline:2px solid #9333ea;outline:2px solid rgb(var(--primary));outline-offset:2px}.glass-card{backdrop-filter:blur(16px);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--blur-lg));background:#ffffff1a;border:1px solid #fff3;border-radius:1rem;border-radius:var(--radius-xl);box-shadow:0 8px 32px 0 #1f268726}.neu-card{box-shadow:20px 20px 60px #0000001a,-20px -20px 60px #ffffff1a}.neu-card,.neu-card-inset{background:#fff;background:rgb(var(--background));border-radius:1rem;border-radius:var(--radius-xl)}.neu-card-inset{box-shadow:inset 8px 8px 16px #0000001a,inset -8px -8px 16px #ffffff1a}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#9333ea,#ec4899);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text}.glow{box-shadow:0 0 20px #9333ea80,0 0 40px #9333ea4d,0 0 60px #9333ea1a;box-shadow:0 0 20px rgba(var(--primary)/.5),0 0 40px rgba(var(--primary)/.3),0 0 60px rgba(var(--primary)/.1)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-float{animation:float 3s ease-in-out infinite}@keyframes slideIn{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}.animate-slide-in{animation:slideIn .5s ease-out}.animate-fade-in{animation:fadeIn .5s ease-out}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-gradient{animation:gradient 3s ease infinite;background-size:200% 200%}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{animation:shimmer 2s infinite;background:linear-gradient(90deg,#fff0,#fff3 20%,#ffffff80 60%,#fff0);background-size:1000px 100%}.skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f1f5f9 25%,#64748b33 50%,#f1f5f9 75%);background:linear-gradient(90deg,rgb(var(--muted)) 25%,rgb(var(--muted-foreground)/.2) 50%,rgb(var(--muted)) 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.hover-scale{transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.05)}.hover-lift{transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.hover-lift:hover{box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.text-shadow-sm{text-shadow:0 1px 2px #0000001a}.text-shadow-md{text-shadow:0 2px 4px #0000001a}.text-shadow-lg{text-shadow:0 4px 8px #00000026}.text-shadow-glow{text-shadow:0 0 20px #9333ea80;text-shadow:0 0 20px rgba(var(--primary)/.5)}.backdrop-blur-sm{backdrop-filter:blur(4px);backdrop-filter:blur(var(--blur-sm));-webkit-backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(var(--blur-sm))}.backdrop-blur-md{backdrop-filter:blur(8px);backdrop-filter:blur(var(--blur-md));-webkit-backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(var(--blur-md))}.backdrop-blur-lg{backdrop-filter:blur(16px);backdrop-filter:blur(var(--blur-lg));-webkit-backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(var(--blur-lg))}.transition-all{transition:all .25s cubic-bezier(.4,0,.2,1);transition:all var(--transition-base)}.transition-transform{transition:transform .25s cubic-bezier(.4,0,.2,1);transition:transform var(--transition-base)}.transition-opacity{transition:opacity .25s cubic-bezier(.4,0,.2,1);transition:opacity var(--transition-base)}.App{background:linear-gradient(135deg,#667eea,#764ba2);background-attachment:fixed;min-height:100vh;overflow-x:hidden;position:relative}.App:before{animation:meshMove 20s ease-in-out infinite;background:var(--gradient-mesh);bottom:0;content:"";left:0;opacity:.3;position:fixed;right:0;top:0;z-index:-1}@keyframes meshMove{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.1) rotate(90deg)}50%{transform:scale(1) rotate(180deg)}75%{transform:scale(1.1) rotate(270deg)}}.page-header{animation:fadeInDown .6s ease-out;margin-bottom:2rem;padding:3rem 1rem 2rem;position:relative;text-align:center}.page-header h1{animation:scaleIn .5s cubic-bezier(.68,-.55,.265,1.55);font-size:3.5rem;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin:0}.page-subtitle{animation:fadeIn .8s ease-out .2s both;color:#ffffffe6;font-size:1.25rem;font-weight:400;letter-spacing:.025em;margin-top:.5rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.container{margin:0 auto;max-width:1400px;padding:0 1rem}.floating-elements{bottom:0;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}.floating-circle{animation:float 20s ease-in-out infinite;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:50%;position:absolute}.floating-circle:first-child{animation-delay:0s;height:300px;left:10%;top:10%;width:300px}.floating-circle:nth-child(2){animation-delay:2s;height:200px;right:10%;top:70%;width:200px}.floating-circle:nth-child(3){animation-delay:4s;bottom:10%;height:150px;left:30%;width:150px}@media (max-width:768px){.page-header h1{font-size:2.5rem}.page-subtitle{font-size:1rem}}@media (max-width:480px){.page-header h1{font-size:2rem}.page-subtitle{font-size:.875rem}}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #fff3;border-radius:50%;border-top-color:#fff;height:60px;width:60px}@keyframes spin{to{transform:rotate(1turn)}}.loading-text{animation:pulse 1.5s ease-in-out infinite;color:#fff;font-size:1.125rem;font-weight:500;margin-top:1rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.success-checkmark{align-items:center;animation:scaleIn .5s cubic-bezier(.68,-.55,.265,1.55);background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto;width:80px}.checkmark-icon{animation:checkmark .5s ease-out .3s both;color:#fff;font-size:2.5rem}@keyframes checkmark{0%{transform:scale(0) rotate(-45deg)}to{transform:scale(1) rotate(0deg)}}.error-container{animation:shake .5s ease-in-out;padding:2rem;text-align:center}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.modern-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffc;border-bottom:1px solid #fff3;left:0;position:fixed;right:0;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000}.nav-scrolled{background:#fffffff2;box-shadow:0 4px 30px #0000001a}.nav-container{justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 2rem}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{cursor:pointer;flex-shrink:0;gap:.75rem;transition:all .3s ease}.logo-icon{animation:float 3s ease-in-out infinite;font-size:2rem}.logo-text{font-size:1.5rem;font-weight:800;letter-spacing:-.025em}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.nav-items{align-items:center;gap:.5rem}.desktop-nav,.nav-item,.nav-items{display:flex}.nav-item{align-items:center;background:#0000;border:none;border-radius:12px;color:#475569;cursor:pointer;font-size:.9375rem;font-weight:500;gap:.5rem;overflow:hidden;padding:.625rem 1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-item:hover{background:#9333ea1a;color:#9333ea;transform:translateY(-2px)}.nav-item-active{background:linear-gradient(135deg,#9333ea,#7e22ce);box-shadow:0 4px 15px #9333ea4d;color:#fff}.nav-item-active:hover{box-shadow:0 6px 20px #9333ea66;transform:translateY(-2px)}.nav-icon{font-size:1.125rem;transition:transform .3s ease}.nav-item:hover .nav-icon{transform:rotate(10deg) scale(1.1)}.nav-label{font-size:.9375rem;white-space:nowrap}.nav-indicator{background:linear-gradient(90deg,#9333ea,#ec4899);border-radius:3px;bottom:-2px;height:3px;left:50%;position:absolute;transform:translateX(-50%);width:30px}.mobile-menu-toggle{background:#0000;border:none;cursor:pointer;display:none;padding:.5rem}.hamburger{display:flex;flex-direction:column;height:20px;justify-content:space-between;position:relative;width:24px}.hamburger span{background:#475569;border-radius:3px;display:block;height:3px;transition:all .3s ease;width:100%}.hamburger-open span:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger-open span:nth-child(2){opacity:0;transform:translateX(20px)}.hamburger-open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.mobile-menu-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;left:0;z-index:1001}.mobile-menu,.mobile-menu-backdrop{bottom:0;position:fixed;right:0;top:0}.mobile-menu{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#fffffffa,#f9fafbfa);box-shadow:-10px 0 40px #0000001a;display:flex;flex-direction:column;max-width:320px;overflow-y:auto;width:80%;z-index:1002}.mobile-menu-header{align-items:center;border-bottom:1px solid #9333ea1a;display:flex;justify-content:space-between;padding:2rem 1.5rem 1.5rem}.mobile-menu-header h3{font-size:1.75rem;font-weight:800;margin:0}.mobile-menu-close{background:#0000;border:none;color:#475569;cursor:pointer;font-size:1.5rem;padding:.5rem;transition:all .3s ease}.mobile-menu-close:hover{color:#9333ea;transform:rotate(90deg)}.mobile-menu-items{flex:1 1;padding:1.5rem 0}.mobile-menu-item{align-items:center;background:#0000;border:none;color:#475569;cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:1rem;padding:1rem 1.5rem;position:relative;transition:all .3s ease;width:100%}.mobile-menu-item:hover{background:#9333ea0d;color:#9333ea}.mobile-menu-item-active{background:linear-gradient(135deg,#9333ea1a,#7e22ce1a);border-left:4px solid #9333ea;color:#9333ea}.mobile-item-icon{align-items:center;background:linear-gradient(135deg,#9333ea1a,#ec48991a);border-radius:12px;display:flex;font-size:1.5rem;height:40px;justify-content:center;width:40px}.mobile-item-label{flex:1 1;text-align:left}.mobile-item-indicator{animation:slideLeft .5s ease infinite alternate;color:#9333ea;font-size:1.25rem}@keyframes slideLeft{0%{transform:translateX(0)}to{transform:translateX(-5px)}}.mobile-menu-footer{border-top:1px solid #9333ea1a;padding:1.5rem;text-align:center}.mobile-menu-copyright,.mobile-menu-version{color:#94a3b8;font-size:.875rem;margin:.25rem 0}.gradient-1{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-2{background:linear-gradient(135deg,#f093fb,#f5576c)}.gradient-3{background:linear-gradient(135deg,#4facfe,#00f2fe)}.gradient-4{background:linear-gradient(135deg,#43e97b,#38f9d7)}.gradient-5{background:linear-gradient(135deg,#fa709a,#fee140)}.gradient-6{background:linear-gradient(135deg,#30cfd0,#330867)}.gradient-7{background:linear-gradient(135deg,#a8edea,#fed6e3)}@media (max-width:1024px){.desktop-nav{display:none}.mobile-menu-toggle{display:block}}@media (max-width:640px){.nav-container{padding:1rem}.logo-text{font-size:1.25rem}.logo-icon{font-size:1.75rem}}@media (prefers-color-scheme:dark){.modern-nav{background:#0f172acc;border-bottom-color:#ffffff1a}.nav-scrolled{background:#0f172af2}.nav-item{color:#cbd5e1}.nav-item:hover{background:#9333ea33;color:#a78bfa}.hamburger span{background:#cbd5e1}.mobile-menu{background:linear-gradient(135deg,#0f172afa,#1e293bfa)}.mobile-menu-item{color:#cbd5e1}.mobile-menu-item:hover{background:#9333ea1a;color:#a78bfa}.mobile-menu-close{color:#cbd5e1}}body{padding-top:80px}.nav-auth{align-items:center;display:flex;gap:1rem;margin-left:auto;margin-right:1rem}.auth-buttons{display:flex;gap:.75rem}.btn-login,.btn-signup{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.5rem 1.25rem;transition:all .3s ease}.btn-login{background:#0000;border:2px solid #667eea;color:#667eea}.btn-login:hover{background:#667eea;color:#fff}.btn-signup{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-signup:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.user-menu-container{position:relative}.user-menu-trigger{align-items:center;background:#0000;border:2px solid #667eea4d;border-radius:50px;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.user-menu-trigger:hover{background:#667eea1a;border-color:#667eea}.user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.user-name{color:#4a5568;font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-arrow{color:#718096;font-size:10px;transition:transform .3s ease}.user-menu-trigger:hover .dropdown-arrow{transform:translateY(2px)}.user-dropdown{background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;min-width:220px;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}.dropdown-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem}.dropdown-name{font-weight:600;margin:0 0 .25rem}.dropdown-email{font-size:.875rem;margin:0;opacity:.9}.dropdown-divider{background:#e2e8f0;height:1px;margin:0}.dropdown-item{align-items:center;background:#0000;border:none;color:#4a5568;cursor:pointer;display:flex;font-size:.95rem;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s ease;width:100%}.dropdown-item:hover{background:#f7fafc;color:#667eea}.dropdown-item span{font-size:1.1rem}.dropdown-logout{color:#f56565}.dropdown-logout:hover{background:#fed7d7;color:#c53030}@media (max-width:768px){.nav-auth{display:none}.mobile-menu-auth{border-top:1px solid #ffffff1a;margin-top:auto;padding:1rem}.mobile-auth-buttons{display:flex;gap:.5rem}.mobile-auth-buttons button{border-radius:8px;flex:1 1;font-size:.9rem;padding:.75rem}}@media (prefers-color-scheme:dark){.user-menu-trigger{border-color:#a78bfa4d}.user-menu-trigger:hover{background:#a78bfa1a;border-color:#a78bfa}.user-name{color:#cbd5e1}.dropdown-arrow{color:#94a3b8}.user-dropdown{background:#1e293b;box-shadow:0 10px 40px #00000080}.dropdown-divider{background:#ffffff1a}.dropdown-item{color:#cbd5e1}.dropdown-item:hover{background:#a78bfa1a;color:#a78bfa}.btn-login{border-color:#a78bfa;color:#a78bfa}.btn-login:hover{background:#a78bfa;color:#fff}}
/*# sourceMappingURL=main.ce7f69c4.css.map*/