@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Poppins:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--primary-color: #3b82f6;--secondary-color: #10b981;--accent-color: #f59e0b;--success-color: #22c55e;--error-color: #ef4444;--warning-color: #f59e0b;--info-color: #06b6d4;--background-primary: #0f172a;--background-secondary: #1e293b;--background-tertiary: #334155;--background-accent: #0f766e;--text-primary: #f8fafc;--text-secondary: #e2e8f0;--text-muted: #94a3b8;--text-light: #64748b;--border-color: #475569;--border-light: #64748b;--border-dark: #334155;--primary-gradient: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--secondary-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);--accent-gradient: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--success-gradient: linear-gradient(135deg, #22c55e 0%, #16a34a 100%);--labs-gradient: linear-gradient(135deg, #6366f1 0%, #3b82f6 50%, #06b6d4 100%);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2);--shadow-glow: 0 0 20px rgba(59, 130, 246, .3);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-family-primary: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", "Source Code Pro", "Consolas", monospace;--font-family-script: "Poppins", "Inter", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--transition-fast: all .15s ease;--transition-normal: all .3s ease;--transition-slow: all .5s ease}*{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-family-primary);line-height:1.6;color:var(--text-primary);background:var(--background-primary);scroll-behavior:smooth}body{font-size:var(--font-size-md);background:var(--background-primary);min-height:100vh}.app-wrapper{min-height:100vh;background:radial-gradient(circle at top left,rgba(59,130,246,.18),transparent 34rem),radial-gradient(circle at top right,rgba(16,185,129,.12),transparent 32rem),var(--background-primary);color:var(--text-primary);padding:1.25rem}.container{max-width:1200px;margin:0 auto;padding:0 1rem}.app-header{background:rgba(30,41,59,.82);border:1px solid rgba(148,163,184,.18);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin:0 auto 2rem;max-width:1200px;padding:1rem 0;position:sticky;top:1rem;z-index:100;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app-header-content,header .container{display:flex;justify-content:space-between;align-items:center;gap:1rem}header h1{color:var(--primary-color);font-size:var(--font-size-2xl);font-weight:800;margin:0}.app-subtitle{color:var(--text-muted);font-size:var(--font-size-sm);margin-top:.15rem}.app-main-card{background:rgba(30,41,59,.82);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);min-height:480px;padding:2rem}.app-footer{background:rgba(30,41,59,.82);border:1px solid var(--border-color);border-radius:var(--radius-xl);color:var(--text-muted);font-size:.95rem;margin:2rem auto 0;max-width:1200px;padding:1rem;text-align:center}nav{display:flex;align-items:center;gap:1rem}#welcome-user{color:var(--text-secondary);font-weight:500}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-md);font-size:var(--font-size-md);font-weight:600;text-decoration:none;cursor:pointer;transition:var(--transition-normal);box-shadow:var(--shadow-sm);gap:.5rem}.btn.primary{background:var(--primary-gradient);color:#fff}.btn.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn.secondary{background:var(--background-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.btn.secondary:hover{background:var(--border-color)}.btn.danger{background:var(--error-color);color:#fff}.btn.danger:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--text-primary);font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.75rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-md);transition:var(--transition-normal);background:var(--background-primary);color:var(--text-primary)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #667eea1a}@media (max-width: 768px){.app-wrapper{padding:.75rem}.container{padding:0 .5rem}.app-header-content,header .container{flex-direction:column;gap:1rem;text-align:center}.app-main-card{padding:1rem}nav{flex-direction:column;gap:.5rem}.btn{width:100%;justify-content:center}}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;background:var(--background-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-light);margin:2rem 0}.loading-container-inline{display:flex;align-items:center;justify-content:center;gap:.5rem}.spinner{border:3px solid var(--border-light);border-top:3px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;box-shadow:var(--shadow-sm)}.spinner-small{width:20px;height:20px;border-width:2px}.spinner-medium{width:40px;height:40px}.spinner-large{width:60px;height:60px;border-width:4px}.loading-message{margin-top:1.5rem;color:var(--text-secondary);font-size:1rem;font-weight:500;text-align:center}.error-container{background:rgba(245,87,108,.1);border:2px solid rgba(245,87,108,.2);border-radius:var(--radius-lg);padding:1.5rem;margin:1.5rem 0;display:flex;flex-direction:column;gap:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-message{color:#e53e3e;font-weight:500;font-size:1rem;display:flex;align-items:center;gap:.5rem}.error-message:before{content:"⚠️";font-size:1.25rem}.error-details{color:#c53030;font-size:.9rem;line-height:1.5;background:rgba(245,87,108,.05);padding:1rem;border-radius:var(--radius-md);border-left:4px solid #e53e3e}.error-actions{display:flex;gap:1rem;justify-content:flex-end;flex-wrap:wrap}.retry-button{background:var(--secondary-gradient);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:.5rem}.retry-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.dismiss-button{background:transparent;color:var(--text-muted);border:2px solid var(--border-color);padding:.75rem 1.5rem;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:all .3s ease}.dismiss-button:hover{background:var(--background-secondary);border-color:var(--text-muted)}.success-container{background:rgba(72,187,120,.1);border:2px solid rgba(72,187,120,.2);border-radius:var(--radius-lg);padding:1.5rem;margin:1.5rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.success-message{color:#38a169;font-weight:500;font-size:1rem;display:flex;align-items:center;gap:.5rem}.success-message:before{content:"✅";font-size:1.25rem}.info-container{background:rgba(79,172,254,.1);border:2px solid rgba(79,172,254,.2);border-radius:var(--radius-lg);padding:1.5rem;margin:1.5rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.info-message{color:var(--accent-color);font-weight:500;font-size:1rem;display:flex;align-items:center;gap:.5rem}.info-message:before{content:"ℹ️";font-size:1.25rem}.warning-container{background:rgba(237,137,54,.1);border:2px solid rgba(237,137,54,.2);border-radius:var(--radius-lg);padding:1.5rem;margin:1.5rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.warning-message{color:#dd6b20;font-weight:500;font-size:1rem;display:flex;align-items:center;gap:.5rem}.warning-message:before{content:"⚠️";font-size:1.25rem}.toast{position:fixed;top:2rem;right:2rem;min-width:300px;padding:1rem 1.5rem;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;animation:slideInRight .3s ease-out}.toast.success{background:rgba(72,187,120,.95);color:#fff}.toast.error{background:rgba(245,87,108,.95);color:#fff}.toast.info{background:rgba(79,172,254,.95);color:#fff}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.modal-content{background:var(--background-primary);border-radius:var(--radius-xl);padding:2rem;max-width:500px;width:90%;box-shadow:var(--shadow-xl);border:1px solid var(--border-light);animation:slideUp .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-header{margin-bottom:1.5rem;text-align:center}.modal-header h3{margin:0;color:var(--danger-color);font-size:1.5rem}.modal-body{margin-bottom:2rem;text-align:center}.modal-body p{margin:.5rem 0;color:var(--text-secondary)}.book-title-highlight{font-weight:700;color:var(--primary-color)!important;font-size:1.1rem;padding:.5rem;background:var(--background-secondary);border-radius:var(--radius-md);border-left:4px solid var(--primary-color)}.warning-text{color:var(--danger-color)!important;font-size:.9rem;font-style:italic}.modal-actions{display:flex;gap:1rem;justify-content:center}.modal-actions .btn{flex:1;max-width:120px}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-lg);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em}.badge-primary{background:var(--primary-gradient);color:#fff}.badge-secondary{background:var(--background-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.badge-success{background:rgba(72,187,120,.2);color:#38a169}.badge-danger{background:rgba(245,87,108,.2);color:#e53e3e}.skeleton{background:linear-gradient(90deg,var(--background-secondary) 25%,var(--background-tertiary) 50%,var(--background-secondary) 75%);background-size:200% 100%;animation:loading 1.5s infinite;border-radius:var(--radius-md)}.skeleton-text{height:1rem;margin:.5rem 0}.skeleton-title{height:1.5rem;width:60%;margin:1rem 0}.skeleton-card{height:200px;width:100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 768px){.loading-container{padding:2rem}.error-container,.success-container,.info-container,.warning-container{padding:1rem;margin:1rem 0}.error-actions{justify-content:center;flex-direction:column}.retry-button,.dismiss-button{width:100%;justify-content:center}.modal-content{padding:1.5rem;width:95%}.toast{top:1rem;right:1rem;left:1rem;min-width:auto}}.btn:focus,.retry-button:focus,.dismiss-button:focus{outline:2px solid var(--primary-color);outline-offset:2px}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.auth-section{max-width:480px;margin:2rem auto;background:var(--background-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-light);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.auth-section:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--primary-gradient);z-index:1}.auth-section:after{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(circle,rgba(102,126,234,.03) 0%,transparent 70%);pointer-events:none;z-index:0}.auth-header{position:relative;z-index:2;padding:2rem 2rem 0}.auth-tabs{display:flex;background:var(--background-secondary);border-radius:var(--radius-xl);padding:.375rem;position:relative;box-shadow:inset 0 1px 3px #0000001a}.tab-button{flex:1;padding:1rem 1.5rem;border:none;background:none;cursor:pointer;border-radius:var(--radius-lg);transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500;color:var(--text-secondary);position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.95rem}.tab-button .tab-icon{font-size:1.1rem;transition:transform .3s ease}.tab-button.active{color:var(--primary-color);background:white;box-shadow:var(--shadow-md);font-weight:600;transform:translateY(-1px)}.tab-button.active .tab-icon{transform:scale(1.1)}.tab-button:hover:not(.active){background:rgba(102,126,234,.08);color:var(--primary-color);transform:translateY(-1px)}.auth-content{position:relative;z-index:1;padding:2rem 2rem 2.5rem}.auth-forms{position:relative;overflow:hidden}.form-container{transition:all .4s cubic-bezier(.4,0,.2,1)}.auth-form{display:flex;flex-direction:column;gap:1.5rem;animation:slideInUp .5s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.form-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem;text-align:center;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-subtitle{color:var(--text-secondary);text-align:center;font-size:.95rem;margin-bottom:1rem;line-height:1.5}.form-group{display:flex;flex-direction:column;position:relative}.form-label{font-weight:600;color:var(--text-primary);margin-bottom:.5rem;font-size:.9rem;display:flex;align-items:center;gap:.25rem}.form-input{padding:1rem 1.25rem;border:2px solid var(--border-color);border-radius:var(--radius-lg);font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--background-primary);color:var(--text-primary);position:relative;z-index:1}.form-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 4px #667eea1a;transform:translateY(-2px)}.form-input.error{border-color:var(--error-color);background:rgba(245,87,108,.02)}.form-input.error:focus{border-color:var(--error-color);box-shadow:0 0 0 4px #f5576c1a}.form-input::placeholder{color:var(--text-muted);transition:opacity .3s ease}.form-input:focus::placeholder{opacity:.7}.field-error{color:var(--error-color);font-size:.8rem;margin-top:.5rem;display:flex;align-items:center;gap:.25rem;font-weight:500}.field-error:before{content:"⚠";font-size:.9rem}.auth-submit-btn{padding:1.25rem 2rem;font-size:1rem;font-weight:600;border-radius:var(--radius-lg);margin-top:1rem;background:var(--primary-gradient);color:#fff;border:none;box-shadow:var(--shadow-md);position:relative;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:.75rem}.auth-submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s cubic-bezier(.4,0,.2,1)}.auth-submit-btn:hover:before{left:100%}.auth-submit-btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-xl)}.auth-submit-btn:active{transform:translateY(-1px)}.auth-submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.auth-submit-btn:disabled:hover:before{left:-100%}.btn-arrow{font-size:1.2rem;transition:transform .3s ease}.auth-submit-btn:hover .btn-arrow{transform:translate(4px)}.error-message{background:rgba(245,87,108,.1);border:1px solid rgba(245,87,108,.2);color:var(--error-color);padding:1rem 1.25rem;border-radius:var(--radius-lg);font-size:.9rem;display:flex;align-items:center;gap:.5rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-message:before{content:"❌";font-size:1rem}.success-message{background:rgba(72,187,120,.1);border:1px solid rgba(72,187,120,.2);color:var(--success-color);padding:1rem 1.25rem;border-radius:var(--radius-lg);font-size:.9rem;display:flex;align-items:center;gap:.5rem;font-weight:500;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:successPulse .5s ease-out}.success-icon{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background:var(--success-color);color:#fff;border-radius:50%;font-size:.8rem;font-weight:700}@keyframes successPulse{0%{transform:scale(.95);opacity:0}50%{transform:scale(1.02)}to{transform:scale(1);opacity:1}}.auth-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;color:var(--text-muted)}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.auth-section{margin:1rem;max-width:none}.auth-header,.auth-content{padding-left:1.5rem;padding-right:1.5rem}.tab-button{padding:.875rem 1rem;font-size:.9rem}.form-title{font-size:1.5rem}.form-input{padding:.875rem 1rem}}@media (max-width: 480px){.auth-section{margin:.5rem;border-radius:var(--radius-xl)}.auth-header,.auth-content{padding-left:1rem;padding-right:1rem}.auth-tabs{flex-direction:column;gap:.25rem;padding:.25rem}.tab-button{text-align:center;padding:1rem}.form-title{font-size:1.375rem}.auth-submit-btn{padding:1.125rem 1.5rem}}.demo-accounts-card{margin-top:1.5rem;padding:1.25rem;border:1px solid rgba(148,163,184,.18);border-radius:var(--radius-xl);background:rgba(15,23,42,.58);box-shadow:var(--shadow-md)}.demo-accounts-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem}.demo-label{display:inline-block;margin-bottom:.25rem;color:#67e8f9;font-size:var(--font-size-xs);font-weight:var(--font-weight-extrabold);letter-spacing:.12em;text-transform:uppercase}.demo-accounts-header h3{color:var(--text-primary);font-size:var(--font-size-lg);line-height:1.25}.demo-badge{flex-shrink:0;padding:.35rem .65rem;border:1px solid rgba(14,165,233,.22);border-radius:999px;background:rgba(14,165,233,.12);color:#bae6fd;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.demo-accounts-list{display:grid;gap:.75rem}.demo-account-item{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1rem;align-items:center;padding:.85rem;border:1px solid rgba(148,163,184,.14);border-radius:var(--radius-lg);background:rgba(51,65,85,.34)}.demo-account-main strong{display:block;color:var(--text-primary);font-size:var(--font-size-sm)}.demo-account-main span{display:block;margin-top:.15rem;color:var(--text-muted);font-size:var(--font-size-xs)}.demo-credentials{display:grid;gap:.45rem}.demo-credentials code{display:block;width:100%;padding:.55rem .65rem;border:1px solid rgba(148,163,184,.14);border-radius:var(--radius-md);background:rgba(2,6,23,.42);color:#dbeafe;font-size:.78rem;white-space:normal;word-break:break-all;overflow-wrap:anywhere;overflow-x:visible}@media (max-width: 768px){.demo-account-item{display:grid;grid-template-columns:1fr;gap:.75rem;align-items:start;padding:.9rem;border:1px solid rgba(148,163,184,.14);border-radius:var(--radius-lg);background:rgba(51,65,85,.34)}.demo-accounts-header{flex-direction:column}}.dashboard-section{display:flex;flex-direction:column;gap:1.5rem}.dashboard-tabs{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);display:inline-flex;gap:.75rem;margin:0 auto .5rem;padding:.5rem}.dashboard-tab{background:transparent;border:0;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);padding:.85rem 1.25rem;transition:var(--transition-normal)}.dashboard-tab:hover,.dashboard-tab.active{background:var(--primary-gradient);box-shadow:var(--shadow-md);color:#fff;transform:translateY(-1px)}.search-bar-container{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.search-bar{padding:.85rem 1.2rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;width:100%;max-width:400px;background:var(--background-secondary);color:var(--text-primary);box-shadow:var(--shadow-md);transition:all .3s ease;font-family:var(--font-family-primary)}.search-bar:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--shadow-glow);background:var(--background-tertiary)}.script-section{max-width:1400px;margin:0 auto;padding:2rem 1rem}.script-form{background:var(--background-secondary);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-xl);border:1px solid var(--border-color);margin-bottom:3rem;position:relative;overflow:hidden}.script-form:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--labs-gradient)}.script-form h2{font-family:var(--font-family-script);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:1.5rem;text-align:center;display:flex;align-items:center;justify-content:center;gap:.5rem}.form-row{display:grid;grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}@media (min-width: 768px){.form-row{grid-template-columns:1fr 1fr}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-family:var(--font-family-primary);font-weight:var(--font-weight-semibold);color:var(--text-secondary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.5px}.form-group input,.form-group textarea{padding:1rem;border:2px solid var(--border-color);border-radius:var(--radius-md);font-size:var(--font-size-md);background:var(--background-tertiary);color:var(--text-primary);transition:all .3s ease;font-family:var(--font-family-primary)}.form-group textarea{resize:vertical;min-height:120px;font-family:var(--font-family-mono)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:var(--shadow-glow);background:var(--background-primary)}.scripts-container{margin-top:2rem}.scripts-container h2{font-family:var(--font-family-script);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:2rem;text-align:center;background:var(--labs-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.scripts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin-top:2rem}.script-card{background:var(--background-secondary);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-lg);border:1px solid var(--border-color);transition:all .3s ease;position:relative;overflow:hidden}.script-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--labs-gradient);transform:translate(-100%);transition:transform .3s ease}.script-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-xl);border-color:var(--primary-color)}.script-card:hover:before{transform:translate(0)}.script-card.editing{border-color:var(--accent-color);box-shadow:0 0 20px #f59e0b4d}.script-card.loading{opacity:.7;pointer-events:none}.script-icon{font-size:2.5rem;text-align:center;margin-bottom:1rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.script-title{font-family:var(--font-family-script);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:.5rem;line-height:1.3}.script-description{font-family:var(--font-family-mono);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem;background:var(--background-tertiary);padding:1rem;border-radius:var(--radius-md);border-left:3px solid var(--primary-color)}.editable-title{width:100%;padding:.8rem;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--background-tertiary);color:var(--text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:1rem;font-family:var(--font-family-script)}.editable-description{width:100%;padding:1rem;border:2px solid var(--border-color);border-radius:var(--radius-md);background:var(--background-tertiary);color:var(--text-primary);font-size:var(--font-size-sm);margin-bottom:1.5rem;font-family:var(--font-family-mono)}.editable-title:focus,.editable-description:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 15px #f59e0b33}.script-actions{display:flex;gap:1rem;justify-content:flex-end;flex-wrap:wrap}.script-actions .btn{min-width:100px}.empty-state{text-align:center;padding:4rem 2rem;background:var(--background-secondary);border-radius:var(--radius-xl);border:2px dashed var(--border-color);margin:2rem 0}.empty-state-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.empty-state h3{font-size:var(--font-size-2xl);color:var(--text-primary);margin-bottom:1rem;font-family:var(--font-family-script)}.empty-state p{color:var(--text-secondary);font-size:var(--font-size-lg);max-width:500px;margin:0 auto}@media (max-width: 640px){.dashboard-tabs{display:grid;width:100%}.script-section{padding:1rem 0}.scripts-grid{grid-template-columns:1fr}.script-actions{flex-direction:column}}.shop-section{display:flex;flex-direction:column;gap:2rem}.shop-hero{align-items:center;background:radial-gradient(circle at top left,rgba(37,99,235,.18),transparent 34%),rgba(15,23,42,.72);border:1px solid rgba(148,163,184,.18);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);display:flex;gap:1.5rem;justify-content:space-between;padding:2rem}.shop-eyebrow{color:#67e8f9;font-size:var(--font-size-sm);font-weight:var(--font-weight-extrabold);letter-spacing:.12em;margin-bottom:.75rem;text-transform:uppercase}.shop-hero h2{color:var(--text-primary);font-size:clamp(1.8rem,4vw,3rem);letter-spacing:-.035em;line-height:1.06;margin-bottom:1rem}.shop-hero p{color:#cbd5e1;max-width:720px}.shop-hero-metrics{display:grid;gap:.75rem;min-width:220px}.shop-hero-metrics div{background:rgba(15,23,42,.78);border:1px solid rgba(148,163,184,.16);border-radius:var(--radius-lg);padding:.9rem 1rem}.shop-hero-metrics strong,.shop-hero-metrics span{display:block}.shop-hero-metrics strong{color:#e0f2fe;font-size:var(--font-size-xl)}.shop-hero-metrics span{color:var(--text-muted);font-size:var(--font-size-xs);margin-top:.15rem;text-transform:uppercase}.shop-toolbar{display:grid;gap:1rem;grid-template-columns:minmax(0,1fr) 240px}.shop-toolbar input,.shop-toolbar select,.checkout-form input,.checkout-form textarea{background:rgba(15,23,42,.74);border:1px solid rgba(148,163,184,.22);border-radius:var(--radius-lg);color:var(--text-primary);font-family:var(--font-family-primary);padding:1rem;width:100%}.shop-toolbar input:focus,.shop-toolbar select:focus,.checkout-form input:focus,.checkout-form textarea:focus{border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf824;outline:none}.shop-layout{align-items:start;display:grid;gap:2rem;grid-template-columns:minmax(0,1fr) 390px}.product-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.product-card,.cart-panel{background:rgba(15,23,42,.76);border:1px solid rgba(148,163,184,.18);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.product-card{display:flex;flex-direction:column;overflow:hidden;padding:0;transition:var(--transition-normal)}.product-card:before{display:none}.product-card:hover{border-color:#38bdf88c;box-shadow:0 22px 38px #02061761;transform:translateY(-4px)}.product-image{align-items:center;background:linear-gradient(145deg,rgba(14,165,233,.16),rgba(37,99,235,.08)),#0b1220;border-bottom:1px solid rgba(148,163,184,.15);display:flex;justify-content:center;min-height:170px;padding:1.25rem}.product-mockup-card{align-items:flex-start;background:rgba(15,23,42,.88);border:1px solid rgba(148,163,184,.2);border-radius:1.15rem;box-shadow:0 18px 34px #02061752;display:grid;gap:.7rem;min-width:170px;padding:1.2rem;position:relative}.product-mockup-card:after{background:#22d3ee;border-radius:999px;content:"";height:8px;position:absolute;right:1rem;top:1rem;width:8px}.product-svg-icon{color:#67e8f9;height:44px;width:44px}.mockup-line{background:rgba(148,163,184,.28);border-radius:999px;display:block;height:9px;width:62%}.mockup-line.wide{width:86%}.product-body{display:flex;flex:1;flex-direction:column;gap:.95rem;padding:1.35rem 1.35rem 0}.product-meta{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.product-meta span,.product-meta strong{border-radius:999px;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);padding:.38rem .7rem}.product-meta span{background:rgba(14,165,233,.12);border:1px solid rgba(14,165,233,.18);color:#bae6fd}.product-meta strong{background:rgba(148,163,184,.1);border:1px solid rgba(148,163,184,.16);color:#cbd5e1}.product-card h3{color:var(--text-primary);font-size:var(--font-size-xl);letter-spacing:-.015em;line-height:1.25}.product-card p{color:#cbd5e1;flex:1}.product-card ul{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none}.product-card li{background:rgba(51,65,85,.55);border:1px solid rgba(148,163,184,.14);border-radius:999px;color:#cbd5e1;font-size:var(--font-size-xs);padding:.4rem .65rem}.product-footer{align-items:center;border-top:1px solid rgba(148,163,184,.14);display:flex;gap:1rem;justify-content:space-between;margin-top:1.25rem;padding:1.1rem 1.35rem 1.35rem}.product-price{color:#e0f2fe;font-size:var(--font-size-lg);font-weight:var(--font-weight-extrabold)}.cart-panel{display:flex;flex-direction:column;gap:1.25rem;padding:1.5rem;position:sticky;top:110px}.checkout-stepper{display:grid;gap:.55rem;grid-template-columns:repeat(3,1fr)}.step{align-items:center;background:rgba(51,65,85,.48);border:1px solid rgba(148,163,184,.14);border-radius:var(--radius-lg);color:var(--text-muted);display:flex;flex-direction:column;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);gap:.35rem;padding:.7rem .35rem;text-align:center}.step span{align-items:center;background:rgba(15,23,42,.86);border-radius:50%;display:inline-flex;height:26px;justify-content:center;width:26px}.step.active{border-color:#38bdf873;color:#e0f2fe}.step.active span{background:#0284c7;color:#fff}.cart-header,.cart-total,.quantity-controls{align-items:center;display:flex;justify-content:space-between}.cart-header h3,.checkout-form h4{color:var(--text-primary)}.link-button,.remove-button{background:transparent;border:0;color:#38bdf8;cursor:pointer;font-weight:var(--font-weight-bold)}.empty-cart{align-items:center;background:rgba(51,65,85,.38);border:1px dashed rgba(148,163,184,.24);border-radius:var(--radius-xl);color:var(--text-muted);display:flex;flex-direction:column;gap:.75rem;padding:2rem;text-align:center}.empty-cart-icon{background:rgba(14,165,233,.12);border:1px solid rgba(14,165,233,.2);border-radius:999px;color:#bae6fd;font-size:var(--font-size-xs)!important;font-weight:var(--font-weight-extrabold);letter-spacing:.08em;padding:.45rem .75rem;text-transform:uppercase}.cart-items{display:flex;flex-direction:column;gap:1rem}.cart-item{background:rgba(51,65,85,.44);border:1px solid rgba(148,163,184,.16);border-radius:var(--radius-lg);display:grid;gap:.85rem;padding:1rem}.cart-item strong,.cart-item span{display:block}.cart-item strong{color:var(--text-primary)}.cart-item span{color:var(--text-muted);font-size:var(--font-size-sm)}.quantity-controls{background:rgba(15,23,42,.7);border-radius:var(--radius-md);justify-content:center;overflow:hidden;width:fit-content}.quantity-controls button,.quantity-controls span{align-items:center;border:0;display:inline-flex;height:34px;justify-content:center;min-width:38px}.quantity-controls button{background:#0284c7;color:#fff;cursor:pointer;font-size:1.15rem}.quantity-controls span{color:var(--text-primary);font-weight:var(--font-weight-bold)}.remove-button{color:#fca5a5;justify-self:start}.cart-total{border-top:1px solid rgba(148,163,184,.14);color:var(--text-secondary);padding-top:1rem}.cart-total strong{color:#e0f2fe;font-size:var(--font-size-xl)}.checkout-form{display:grid;gap:1rem}.checkout-form label{color:var(--text-secondary);display:grid;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:.5rem}.checkout-form textarea{min-height:90px;resize:vertical}.checkout-button:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.5;transform:none}.checkout-success{background:rgba(14,165,233,.12);border:1px solid rgba(14,165,233,.32);border-radius:var(--radius-lg);color:#bae6fd;font-weight:var(--font-weight-semibold);padding:1rem}@media (max-width: 960px){.shop-hero,.product-footer{align-items:stretch;flex-direction:column}.shop-layout{grid-template-columns:1fr}.cart-panel{position:static}}@media (max-width: 640px){.shop-toolbar{grid-template-columns:1fr}.shop-hero,.cart-panel{padding:1rem}.product-image{min-height:145px}}.problem-user-banner{background:rgba(245,158,11,.12);border:1px solid rgba(245,158,11,.35);border-radius:var(--radius-lg);color:#fcd34d;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:.85rem 1rem}.checkout-error{background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.38);border-radius:var(--radius-lg);color:#fecaca;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:.85rem 1rem}.testing-guide{display:flex;flex-direction:column;gap:2rem}.testing-guide-hero,.selector-card,.guide-card{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.testing-guide-hero{background:radial-gradient(circle at top left,rgba(245,158,11,.2),transparent 35%),var(--background-secondary);padding:2rem}.guide-eyebrow{color:var(--accent-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-extrabold);letter-spacing:.12em;margin-bottom:.75rem;text-transform:uppercase}.testing-guide-hero h2{color:var(--text-primary);font-size:clamp(1.8rem,4vw,3rem);line-height:1.1;margin-bottom:1rem}.testing-guide-hero p,.selector-card p{color:var(--text-secondary)}.guide-grid{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.guide-card,.selector-card{padding:1.5rem}.guide-card h3,.selector-card h3{color:var(--text-primary);margin-bottom:1rem}.guide-card ul{display:grid;gap:.75rem;list-style:none}.guide-card li{background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);padding:.8rem 1rem}.guide-card li:before{color:var(--success-color);content:"✓";font-weight:var(--font-weight-extrabold);margin-right:.6rem}.selector-card pre{background:#020617;border:1px solid var(--border-color);border-radius:var(--radius-lg);color:#93c5fd;margin-top:1rem;overflow-x:auto;padding:1rem}@media (max-width: 768px){.guide-grid{grid-template-columns:1fr}}.demo-users-guide-card{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:1.5rem}.demo-users-guide-card h3{color:var(--text-primary);margin-bottom:1rem}.demo-users-guide-list{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.demo-users-guide-list div{background:rgba(51,65,85,.44);border:1px solid rgba(148,163,184,.16);border-radius:var(--radius-lg);display:grid;gap:.5rem;padding:1rem}.demo-users-guide-list strong{color:var(--text-primary)}.demo-users-guide-list code{background:rgba(2,6,23,.42);border:1px solid rgba(148,163,184,.14);border-radius:var(--radius-md);color:#dbeafe;font-size:.78rem;padding:.45rem .6rem;word-break:break-all}.demo-users-guide-list span{color:var(--text-muted);font-size:var(--font-size-sm)}@media (max-width: 768px){.demo-users-guide-list{grid-template-columns:1fr}}.landing-page{display:flex;flex-direction:column;gap:2rem}.landing-hero{align-items:center;display:grid;gap:2rem;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);padding:1rem 0 2rem}.landing-copy h2{color:var(--text-primary);font-size:clamp(2.3rem,6vw,4.8rem);letter-spacing:-.05em;line-height:.98;margin-bottom:1.25rem}.landing-copy p{color:var(--text-secondary);font-size:var(--font-size-lg);max-width:720px}.landing-eyebrow{color:var(--info-color);font-size:var(--font-size-sm);font-weight:var(--font-weight-extrabold);letter-spacing:.12em;margin-bottom:.75rem;text-transform:uppercase}.landing-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem}.landing-preview{background:radial-gradient(circle at top right,rgba(16,185,129,.22),transparent 38%),rgba(15,23,42,.65);border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:1rem}.preview-window{background:linear-gradient(145deg,#111827,#1e293b);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:1.25rem}.preview-dots{display:flex;gap:.45rem;margin-bottom:1rem}.preview-dots span{background:var(--border-light);border-radius:50%;display:block;height:10px;width:10px}.preview-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-top:1rem}.preview-card{background:rgba(51,65,85,.84);border:1px solid var(--border-color);border-radius:var(--radius-lg);color:var(--text-primary);padding:1rem}.preview-card.large{align-items:center;display:flex;gap:1rem;min-height:150px}.preview-card span{display:block;font-size:2rem;margin-bottom:.4rem}.preview-card.large span{font-size:4rem;margin-bottom:0}.preview-card p{color:var(--text-muted);margin-top:.25rem}.landing-scenarios{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.landing-scenarios article,.landing-info-panel,.landing-auth-card{background:var(--background-secondary);border:1px solid var(--border-color);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:1.5rem}.landing-scenarios article span{color:var(--accent-color);font-weight:var(--font-weight-extrabold)}.landing-scenarios h3,.landing-auth-card h3{color:var(--text-primary);margin:.35rem 0 .5rem}.landing-scenarios p,.landing-auth-card p{color:var(--text-secondary)}.landing-auth-layout{align-items:start;display:grid;gap:2rem;grid-template-columns:minmax(0,.85fr) minmax(320px,1.15fr)}.landing-info-panel ul{color:var(--text-secondary);display:grid;gap:.85rem;list-style:none}.landing-info-panel li{background:var(--background-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:.85rem 1rem}.landing-info-panel li:before{content:"✓";color:var(--success-color);font-weight:var(--font-weight-extrabold);margin-right:.65rem}.landing-auth-card .auth-container{margin-top:1rem}@media (max-width: 960px){.landing-hero,.landing-auth-layout,.landing-scenarios{grid-template-columns:1fr}}@media (max-width: 640px){.preview-grid{grid-template-columns:1fr}.preview-card.large{align-items:flex-start;flex-direction:column}}