:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--bg-gradient-start: #fefefe;--bg-gradient-end: #f8fafc;--text-primary: #0f172a;--text-secondary: #1e293b;--text-tertiary: #334155;--text-muted: #64748b;--text-placeholder: #94a3b8;--border-primary: #e2e8f0;--border-secondary: #cbd5e1;--border-hover: rgba(139, 92, 246, .2);--surface-primary: #ffffff;--surface-secondary: #f8fafc;--surface-elevated: #ffffff;--brand-primary: #8b5cf6;--brand-secondary: #6366f1;--brand-gradient: linear-gradient(135deg, #8b5cf6 0%, #6366f1 100%);--brand-gradient-alt: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--success: #10b981;--success-bg: rgba(34, 197, 94, .15);--success-text: #065f46;--error: #ef4444;--error-bg: rgba(239, 68, 68, .15);--error-text: #991b1b;--warning: #f59e0b;--warning-bg: #fffbeb;--shadow-sm: rgba(0, 0, 0, .05);--shadow-md: rgba(0, 0, 0, .1);--shadow-lg: rgba(0, 0, 0, .15);--shadow-brand: rgba(139, 92, 246, .3);--input-bg: #ffffff;--input-bg-disabled: #f8fafc;--input-border: #e2e8f0;--input-border-focus: #8b5cf6;--toggle-bg: #cbd5e1;--toggle-bg-active: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--toggle-knob: #ffffff;--overlay-bg: rgba(0, 0, 0, .5);--modal-bg: #ffffff;--link-color: #8b5cf6;--link-hover: #6366f1;--progress-bar-bg: #e2e8f0;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root.dark{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--bg-gradient-start: #0f172a;--bg-gradient-end: #1e293b;--text-primary: #f1f5f9;--text-secondary: #e2e8f0;--text-tertiary: #cbd5e1;--text-muted: #94a3b8;--text-placeholder: #64748b;--border-primary: #334155;--border-secondary: #475569;--border-hover: rgba(139, 92, 246, .4);--surface-primary: #1e293b;--surface-secondary: #0f172a;--surface-elevated: #334155;--success-bg: rgba(34, 197, 94, .2);--success-text: #6ee7b7;--error-bg: rgba(239, 68, 68, .2);--error-text: #fca5a5;--warning-bg: rgba(245, 158, 11, .2);--shadow-sm: rgba(0, 0, 0, .2);--shadow-md: rgba(0, 0, 0, .3);--shadow-lg: rgba(0, 0, 0, .4);--shadow-brand: rgba(139, 92, 246, .4);--input-bg: #1e293b;--input-bg-disabled: #0f172a;--input-border: #334155;--input-border-focus: #8b5cf6;--toggle-bg: #475569;--overlay-bg: rgba(0, 0, 0, .7);--modal-bg: #1e293b;--progress-bar-bg: #334155}*,*:before,*:after{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}.no-transitions *,.no-transitions *:before,.no-transitions *:after{transition:none!important}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary)}a{font-weight:500;color:var(--link-color);text-decoration:inherit}a:hover{color:var(--link-hover)}h1{font-size:3.2em;line-height:1.1;color:var(--text-primary)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--surface-primary);color:var(--text-primary);cursor:pointer;transition:border-color .25s,background-color .25s}button:hover{border-color:var(--brand-primary)}button:focus,button:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--border-secondary) var(--bg-secondary)}.app-header{position:sticky;top:0;z-index:100;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);padding:1rem 0;overflow:hidden}.app-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(99,102,241,.15) 0%,transparent 50%);pointer-events:none}.header-floating-shapes{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.header-floating-shape{position:absolute;color:#8b5cf640;opacity:.6;z-index:0}.header-shape-1{top:10%;left:-5%}.header-shape-2{top:50%;left:-10%}.header-shape-3{top:30%;left:-15%}.header-shape-4{top:70%;left:-8%}.header-shape-5{top:20%;left:-12%}.header-shape-6{top:60%;left:-6%}.header-shape-7{top:40%;left:-18%}.header-shape-8{top:15%;left:-20%}.header-shape-9{top:55%;left:-14%}.header-shape-10{top:25%;left:-16%}.header-shape-11{top:45%;left:-11%}.header-shape-12{top:35%;left:-13%}.header-shape-13{top:65%;left:-9%}.header-shape-14{top:18%;left:-7%}.header-shape-15{top:48%;left:-19%}.header-shape-16{top:32%;left:-17%}.header-shape-17{top:58%;left:-15%}.header-shape-18{top:22%;left:-11%}.header-shape-19{top:42%;left:-13%}.header-shape-20{top:52%;left:-8%}.header-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.header-logo{font-size:1.5rem;font-weight:700;color:#fff;text-decoration:none;letter-spacing:-.02em;transition:color .2s ease;position:relative;z-index:1}.header-logo:hover{color:#a78bfa}.header-logout,.header-login{display:flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ffffffe6;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);position:relative;z-index:1}.header-logout:hover,.header-login:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff}.header-profile-button{display:flex;align-items:center;gap:.625rem;padding:.5rem .875rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#ffffffe6;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px)}.header-profile-button:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff}.profile-info{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem}.profile-name{font-size:.875rem;font-weight:600;color:#fffffff2;line-height:1.2}.profile-plan{font-size:.6875rem;font-weight:400;color:#fff9;line-height:1.2}.dropdown-arrow{display:flex;align-items:center;justify-content:center;color:#ffffffb3;margin-left:.25rem}.header-dropdown{min-width:220px;background:#1e293b;border:1px solid rgba(255,255,255,.15);border-radius:12px;box-shadow:0 10px 40px #00000080,0 0 0 1px #0000001a;overflow:hidden;z-index:9999}.dropdown-divider{height:1px;background:#ffffff1a;margin:.25rem 0}.dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.875rem 1rem;background:transparent;border:none;color:#fffc;font-size:.9375rem;font-weight:500;text-align:left;cursor:pointer;transition:all .2s ease}.dropdown-item:hover{background:#ffffff0d;color:#fff}.dropdown-item.logout-item{color:#f87171e6}.dropdown-item.logout-item:hover{background:#f871711a;color:#f87171}@media (max-width: 768px){.header-container{padding:0 1rem}.header-logo{font-size:1.25rem}.header-logout,.header-login{padding:.4rem .8rem;font-size:.8rem}.header-profile-button{padding:.375rem .625rem;gap:.5rem}.profile-name{font-size:.8125rem}.profile-plan{font-size:.625rem}.header-dropdown{min-width:240px}}.footer{background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;padding:60px 0 30px;margin-top:auto}.footer-container{max-width:1200px;margin:0 auto;padding:0 24px}.footer-content{display:flex;justify-content:space-between;gap:48px;margin-bottom:48px}.footer-brand{flex:0 0 auto;max-width:280px}.footer-logo{font-size:28px;font-weight:800;color:#fff;text-decoration:none;background:linear-gradient(135deg,#8b5cf6,#6366f1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block;margin-bottom:12px}.footer-tagline{color:#fff9;font-size:14px;line-height:1.6;margin:0}.footer-links{display:flex;gap:64px}.footer-section{display:flex;flex-direction:column;gap:12px}.footer-section h4{font-size:14px;font-weight:600;color:#fff;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}.footer-section a{color:#fff9;text-decoration:none;font-size:14px;transition:color .2s ease}.footer-section a:hover{color:#8b5cf6}.footer-bottom{padding-top:24px;border-top:1px solid rgba(255,255,255,.1);text-align:center}.footer-bottom p{color:#ffffff80;font-size:13px;margin:0}@media (max-width: 768px){.footer{padding:40px 0 24px}.footer-content{flex-direction:column;gap:32px;margin-bottom:32px}.footer-brand{max-width:100%;text-align:center}.footer-links{flex-wrap:wrap;gap:32px;justify-content:center}.footer-section{align-items:center;text-align:center;min-width:120px}}@media (max-width: 480px){.footer-links{flex-direction:column;gap:24px}}.homepage{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;color:var(--text-primary)}.container{max-width:1200px;margin:0 auto;padding:0 24px}.hero-section{background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 80%,rgba(139,92,246,.08) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(99,102,241,.08) 0%,transparent 50%),radial-gradient(circle at 40% 40%,rgba(236,72,153,.05) 0%,transparent 50%);pointer-events:none}.hero-container{width:100%;max-width:1400px;margin:0 auto;padding:0 48px;z-index:1;position:relative}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;min-height:80vh}.hero-text{max-width:600px}.hero-title{font-size:64px;font-weight:700;line-height:1.1;margin:0 0 24px;letter-spacing:-.02em;color:var(--text-primary)}.gradient-text{background:linear-gradient(135deg,#8b5cf6,#6366f1,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:22px;color:var(--text-muted);margin:0 0 40px;line-height:1.6;font-weight:400}.hero-ctas{display:flex;gap:20px;margin:0 0 48px;align-items:center}.cta-primary{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #8b5cf666}.cta-primary:hover{box-shadow:0 8px 25px #8b5cf680;transform:translateY(-2px)}.cta-primary.large{padding:20px 40px;font-size:18px}.cta-secondary{background:transparent;color:var(--text-muted);border:2px solid var(--border-primary);padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease}.cta-secondary:hover{border-color:#8b5cf6;color:#8b5cf6;transform:translateY(-1px)}.cta-secondary.large{padding:20px 40px;font-size:18px}.hero-features{display:flex;gap:32px;flex-wrap:wrap}.feature-item{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:14px;font-weight:500}.feature-item svg{color:#8b5cf6}.hero-visualization{display:flex;justify-content:center;align-items:center}.cloud-flow-container{display:grid;grid-template-columns:1fr auto 1fr;gap:60px;align-items:center;width:100%;max-width:600px}.source-clouds,.destination-clouds{display:flex;flex-direction:column;gap:20px}.cloud-node{background:var(--surface-primary);border:2px solid var(--border-primary);border-radius:16px;padding:16px 20px;display:flex;align-items:center;gap:12px;transition:all .3s ease;box-shadow:0 4px 6px var(--shadow-sm)}.cloud-node.active{border-color:#8b5cf6;transform:scale(1.05)}.cloud-icon{font-size:20px}.cloud-logo{width:40px;height:40px;object-fit:contain;border-radius:8px}.cloud-name{font-size:12px;font-weight:600;color:var(--text-tertiary);white-space:nowrap}.migration-center{display:flex;flex-direction:column;align-items:center;position:relative}.cloney-logo{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #8b5cf64d;margin-bottom:20px}.data-streams{position:absolute;top:50%;left:-100px;width:200px;height:2px}.data-particle{position:absolute;width:8px;height:8px;background:linear-gradient(45deg,#8b5cf6,#6366f1);border-radius:50%;top:-3px}.section-header{text-align:center;margin:0 0 80px}.section-header h2{font-size:48px;font-weight:700;color:var(--text-primary);margin:0 0 16px;letter-spacing:-.02em}.section-header p{font-size:20px;color:var(--text-muted);max-width:600px;margin:0 auto}.platforms-section{padding:120px 0;background:var(--surface-primary)}.platforms-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;max-width:1000px;margin:0 auto}.platform-card{background:var(--surface-primary);border:2px solid var(--border-primary);border-radius:20px;padding:32px 24px;text-align:center;transition:all .3s ease;cursor:pointer}.platform-card:hover{border-color:#8b5cf64d;transform:translateY(-4px)}.platform-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:28px}.platform-logo{width:48px;height:48px;object-fit:contain}.platform-card h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.connection-indicators{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--text-muted);font-size:14px}.connection-indicators svg{color:#8b5cf6}.features-section{padding:120px 0;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.feature-card{background:var(--surface-primary);border:1px solid var(--border-primary);border-radius:20px;padding:32px;transition:all .3s ease;cursor:pointer}.feature-card:hover{border-color:#8b5cf64d;box-shadow:0 12px 40px #8b5cf61a}.feature-icon{width:48px;height:48px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;margin:0 0 20px}.feature-card h3{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.feature-card p{color:var(--text-muted);margin:0;line-height:1.6}.how-it-works-section{padding:120px 0;background:var(--surface-primary)}.steps-container{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;position:relative;max-width:1000px;margin:0 auto}.step-card{text-align:center;position:relative}.step-number{font-size:14px;font-weight:700;color:#8b5cf6;background:#8b5cf61a;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.step-icon{width:80px;height:80px;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 8px 32px #8b5cf64d}.step-content h3{font-size:22px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.step-content p{color:var(--text-muted);margin:0;line-height:1.6}.step-connector{position:absolute;top:60px;right:-20px;width:40px;height:2px;background:linear-gradient(90deg,#8b5cf6,#6366f1);z-index:-1}.cta-section{padding:120px 0;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;text-align:center}.cta-content h2{font-size:48px;font-weight:700;margin:0 0 20px;letter-spacing:-.02em}.cta-content p{font-size:20px;color:#fffc;max-width:600px;margin:0 auto 48px}.cta-buttons{display:flex;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap}@media (max-width: 1200px){.hero-content{grid-template-columns:1fr;gap:60px;text-align:center}.hero-title{font-size:52px}.cloud-flow-container{max-width:500px;gap:40px}}@media (max-width: 768px){.hero-container{padding:0 24px}.hero-title{font-size:42px}.hero-subtitle{font-size:18px}.hero-ctas{flex-direction:column;align-items:stretch}.hero-features{justify-content:center;gap:20px}.section-header h2{font-size:36px}.section-header p{font-size:18px}.platforms-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}.features-grid{grid-template-columns:1fr;gap:24px}.steps-container{grid-template-columns:1fr;gap:48px}.step-connector{display:none}.cloud-flow-container{grid-template-columns:1fr;gap:32px}.source-clouds,.destination-clouds{flex-direction:row;justify-content:center;flex-wrap:wrap}.cta-content h2{font-size:36px}.cta-buttons{flex-direction:column;align-items:stretch}}@media (max-width: 480px){.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.container{padding:0 16px}.features-section,.platforms-section,.how-it-works-section,.cta-section{padding:80px 0}.feature-card,.platform-card{padding:24px}}.auth-container{height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;position:fixed;top:0;left:0;right:0;bottom:0;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:16px}.auth-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(139,92,246,.1) 0%,transparent 50%);pointer-events:none}.auth-background{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.floating-shapes{position:absolute;width:100%;height:100%}.floating-shape{position:absolute;color:#8b5cf640;opacity:.7;z-index:0}.shape-1{top:5%;left:5%}.shape-2{top:12%;right:8%}.shape-3{top:20%;left:15%}.shape-4{top:35%;right:20%}.shape-5{top:50%;left:8%}.shape-6{top:65%;right:12%}.shape-7{top:80%;left:12%}.shape-8{bottom:15%;right:15%}.shape-9{top:28%;left:3%}.shape-10{top:42%;right:5%}.shape-11{bottom:25%;left:20%}.shape-12{bottom:35%;right:25%}.shape-13{top:8%;left:25%}.shape-14{top:18%;right:30%}.shape-15{top:38%;left:30%}.shape-16{top:58%;right:35%}.shape-17{top:72%;left:28%}.shape-18{bottom:8%;right:8%}.shape-19{top:88%;left:35%}.shape-20{bottom:5%;left:40%}.register-content .auth-form{gap:2px}.register-content .form-input{padding:12px 42px 12px 12px;font-size:14px}.register-content .auth-button{padding:12px 18px;margin-top:2px}.register-content .auth-header{margin-bottom:12px}.register-content .auth-title{font-size:20px;margin:0 0 2px}.register-content .auth-subtitle{font-size:13px}.register-content .auth-footer{margin-top:8px}.auth-content{max-width:420px;width:100%;position:relative;z-index:1;display:flex;flex-direction:column;gap:4px;max-height:95vh;overflow:hidden}.register-content{max-width:480px;gap:6px;max-height:95vh;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.register-content::-webkit-scrollbar{display:none}.auth-brand{text-align:center;margin-bottom:0}.register-content .auth-brand{margin-bottom:2px}.brand-icon{width:44px;height:44px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto 6px;box-shadow:0 4px 16px #8b5cf64d}.brand-icon svg{width:28px;height:28px}.register-content .brand-icon{width:48px;height:48px;margin:0 auto 8px}.brand-title{font-size:22px;font-weight:700;margin:0 0 2px;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#f1f5f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.register-content .brand-title{font-size:20px;margin:0}.brand-subtitle{color:#fffc;font-size:12px;margin:0;font-weight:500}.auth-card{background:#fffffff2;backdrop-filter:blur(20px);border-radius:16px;box-shadow:0 20px 40px -10px #00000040,0 0 0 1px #ffffff1a;padding:16px;position:relative;border:1px solid rgba(255,255,255,.2)}.register-card{padding:18px;border-radius:18px}.auth-header{text-align:center;margin-bottom:8px}.auth-title{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 3px;letter-spacing:-.02em}.auth-subtitle{font-size:12px;color:#64748b;margin:0;font-weight:500;line-height:1.3}.auth-form{display:flex;flex-direction:column;gap:2px}.form-group{display:flex;flex-direction:column;gap:1px;margin-bottom:2px}.form-label{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#374151;margin-bottom:2px}.form-label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.form-label-row .form-label{margin-bottom:0}.forgot-password-link{font-size:13px;color:#8b5cf6;text-decoration:none;font-weight:500;transition:color .2s ease}.forgot-password-link:hover{color:#7c3aed;text-decoration:underline}.input-container{position:relative}.form-input{width:100%;padding:10px 40px 10px 10px;border:2px solid #e2e8f0;border-radius:8px;font-size:14px;transition:all .3s ease;background:#fffc;box-sizing:border-box}.form-input:focus{outline:none}.form-input::placeholder{color:#9ca3af}.input-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#64748b;pointer-events:none}.auth-button{width:100%;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 16px #8b5cf64d;margin-top:2px}.auth-button:hover:not(:disabled){box-shadow:0 12px 40px #8b5cf666;transform:translateY(-2px)}.auth-button:disabled{opacity:.7;cursor:not-allowed;transform:none}.auth-footer{text-align:center;margin-top:12px}.auth-footer p{color:#64748b;font-size:14px;margin:0}.auth-link{color:#8b5cf6;text-decoration:none;font-weight:600;transition:all .3s ease}.auth-link:hover{color:#6366f1;text-decoration:underline}.terms-agreement-text{color:#94a3b8;font-size:12px;line-height:1.6;margin-bottom:12px}.terms-agreement-text a{color:#8b5cf6;text-decoration:none;font-weight:600;transition:all .3s ease}.terms-agreement-text a:hover{color:#6366f1;text-decoration:underline}.error-message{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;color:#dc2626;padding:8px 12px;border-radius:8px;font-size:12px;font-weight:500;margin-bottom:4px;line-height:1.3}.error-icon{color:#dc2626;flex-shrink:0}.success-message{display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #86efac;color:#166534;padding:16px 20px;border-radius:12px;font-size:14px;font-weight:500;margin-bottom:8px}.success-icon{color:#166534;flex-shrink:0}@media (max-width: 640px){.auth-container{padding:16px}.auth-content{gap:24px}.auth-card{padding:32px 24px}.brand-icon{width:64px;height:64px}.brand-title{font-size:28px}.auth-title{font-size:24px}.floating-shape{display:none}}@media (max-width: 480px){.auth-card{padding:24px 20px}.form-input{padding:14px 44px 14px 14px;font-size:15px}.otp-container{gap:6px;padding:0 8px}.otp-box{width:42px;height:48px;font-size:20px}}.auth-button:focus-visible,.auth-link:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.form-input:focus-visible,.otp-box:focus-visible{outline:none}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.mfa-icon{width:52px;height:52px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;box-shadow:0 6px 20px #8b5cf64d}.mfa-icon svg{color:#fff}.success-icon{display:flex;justify-content:center;margin-bottom:12px}.otp-container{display:flex;gap:8px;justify-content:center;align-items:center;margin:8px 0;padding:0 4px}.otp-box{width:48px;height:54px;text-align:center;font-size:24px;font-weight:700;border:2.5px solid #e2e8f0;border-radius:12px;background:#ffffffe6;color:#0f172a;transition:all .3s ease;font-family:SF Mono,Monaco,Menlo,monospace;box-shadow:0 2px 8px #0000000a}.otp-box:focus{outline:none}.otp-box:not(:placeholder-shown){border-color:#8b5cf6;background:linear-gradient(135deg,#8b5cf614,#6366f114)}.otp-form-group{margin-top:8px}.input-hint{display:block;font-size:11px;color:#64748b;margin-top:2px;text-align:left;line-height:1.2}.back-link{display:block;width:100%;text-align:center;margin-top:4px;padding:8px;background:transparent;border:none;color:#8b5cf6;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s ease;border-radius:8px}.back-link:hover:not(:disabled){background:#8b5cf61a;color:#6366f1}.back-link:disabled{opacity:.5;cursor:not-allowed}@media (prefers-contrast: high){.auth-card{border:2px solid #0f172a;background:#fff}.form-input,.otp-box{border:2px solid #0f172a}}@media (prefers-reduced-motion: reduce){.floating-shape{animation:none}.auth-button,.form-input,.auth-link,.otp-box{transition:none}}.auth-divider{display:flex;align-items:center;margin:6px 0;color:#94a3b8;font-size:14px;font-weight:500}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid #e2e8f0}.auth-divider span{padding:0 16px}.google-auth-button{width:100%;padding:14px 20px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;font-size:15px;font-weight:600;color:#475569;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 2px 8px #0000000f}.google-auth-button:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e0;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.google-auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.google-auth-button svg{flex-shrink:0}.dashboard-container{min-height:100vh;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.dashboard-header{background:linear-gradient(135deg,#0f172a,#1e293b,#334155);color:#fff;padding:32px 48px;position:relative;overflow:hidden}.dashboard-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(99,102,241,.15) 0%,transparent 50%);pointer-events:none}.header-left{display:flex;align-items:center;gap:20px}.header-icon{width:64px;height:64px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 32px #8b5cf64d}.header-text h1{font-size:32px;font-weight:700;margin:0 0 4px;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#f1f5f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-text p{color:#fffc;margin:0;font-size:16px}.header-button,.logout-button{display:flex;align-items:center;gap:8px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(20px)}.header-button:hover,.logout-button:hover{background:#ffffff26;border-color:#ffffff4d}.dashboard-main{max-width:1400px;margin:0 auto;padding:48px;display:flex;flex-direction:column;gap:48px}.stats-section{display:flex;flex-direction:column;gap:24px}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.stat-card{background:var(--surface-primary);border-radius:20px;padding:24px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 6px var(--shadow-sm),0 1px 3px var(--shadow-md);border:1px solid var(--border-primary);transition:all .3s ease;cursor:pointer}.stat-card:hover{border-color:#8b5cf64d;box-shadow:0 8px 25px #8b5cf61a}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-icon.total{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.stat-icon.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-icon.completed{background:linear-gradient(135deg,#10b981,#059669)}.stat-icon.failed{background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-icon.pending{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-label{color:var(--text-muted);font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-value{color:var(--text-primary);font-size:28px;font-weight:700;line-height:1}.welcome-section{margin-bottom:16px}.welcome-card{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:24px;padding:40px;position:relative;overflow:hidden}.welcome-card:before{content:"";position:absolute;top:0;right:0;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);border-radius:50%;transform:translate(30%,-30%)}.welcome-content{position:relative;z-index:1;max-width:600px}.welcome-content h2{font-size:28px;font-weight:700;color:#fff;margin:0 0 12px}.welcome-content p{font-size:16px;color:#ffffffe6;margin:0 0 24px;line-height:1.6}.welcome-cta{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#6366f1;padding:14px 24px;border-radius:12px;font-weight:600;font-size:15px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.welcome-cta:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00000026}.section-header{text-align:center;margin-bottom:32px}.section-header h2{font-size:32px;font-weight:700;color:var(--text-primary);margin:0 0 8px;letter-spacing:-.02em}.dark .section-header h2{color:#f1f5f9}.section-header p{color:var(--text-tertiary);font-size:16px;margin:0}.dark .section-header p{color:#cbd5e1}.actions-section{display:flex;flex-direction:column;gap:32px}.actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.action-card{background:var(--surface-primary);border-radius:24px;padding:32px;display:flex;align-items:center;gap:24px;text-decoration:none;color:inherit;box-shadow:0 4px 6px var(--shadow-sm),0 1px 3px var(--shadow-md);border:1px solid var(--border-primary);transition:all .3s ease;position:relative;overflow:hidden}.action-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(139,92,246,.05) 100%);opacity:0;transition:opacity .3s ease}.action-card:hover:before{opacity:1}.action-card:hover{border-color:#8b5cf64d;box-shadow:0 12px 40px #8b5cf626}.action-card.primary .action-icon{background:linear-gradient(135deg,#8b5cf6,#6366f1)}.action-card.secondary .action-icon{background:linear-gradient(135deg,#10b981,#059669)}.action-card.replication .action-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.action-card.replication:hover{border-color:#3b82f64d;box-shadow:0 12px 40px #3b82f626}.action-card.replication:before{background:linear-gradient(135deg,transparent 0%,rgba(59,130,246,.05) 100%)}.action-card.replication .action-arrow{color:#3b82f6}.action-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;z-index:1}.action-content{flex:1;z-index:1}.action-content h3{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.action-content p{color:var(--text-muted);font-size:14px;line-height:1.6;margin:0 0 12px}.action-features{display:flex;gap:16px;flex-wrap:wrap}.action-features span{display:flex;align-items:center;gap:4px;color:var(--text-muted);font-size:12px;font-weight:500}.action-arrow{color:#8b5cf6;transition:transform .3s ease;z-index:1}.action-card:hover .action-arrow{transform:translate(4px)}.activity-section{display:flex;flex-direction:column;gap:32px}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.feature-card{background:var(--surface-primary);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 4px 6px var(--shadow-sm),0 1px 3px var(--shadow-md);border:1px solid var(--border-primary);transition:all .3s ease}.feature-card:hover{border-color:#8b5cf64d;box-shadow:0 8px 25px #8b5cf61a}.feature-icon{width:48px;height:48px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.feature-content h4{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.feature-content p{color:var(--text-muted);font-size:13px;line-height:1.5;margin:0}@media (max-width: 1400px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1200px){.dashboard-main{padding:32px 24px}.stats-grid,.actions-grid,.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard-header{padding:24px}.header-content{flex-direction:column;gap:20px;text-align:center}.header-left{flex-direction:column;gap:16px}.header-actions{width:100%;justify-content:center}.dashboard-main{padding:24px 16px;gap:32px}.stats-grid,.actions-grid{grid-template-columns:1fr}.action-card{flex-direction:column;text-align:center;gap:20px}.features-grid{grid-template-columns:1fr}.section-header h2{font-size:28px}}@media (max-width: 480px){.dashboard-header{padding:20px 16px}.header-text h1{font-size:24px}.header-icon{width:48px;height:48px}.stat-card{padding:20px}.action-card{padding:24px}.feature-card{padding:20px}}.header-button:focus-visible,.logout-button:focus-visible,.action-card:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.jobs-container{min-height:100vh;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.jobs-page-header{width:100%;max-width:100vw;margin:0;padding:2rem;box-sizing:border-box}.header-title-left{display:flex;flex-direction:column;gap:.75rem}.header-title-left h1{font-size:2.5rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.2)}.header-title-left p{color:#cbd5e1;font-size:1.125rem;margin:0;line-height:1.6}.jobs-header{background:linear-gradient(135deg,#0f172a,#1e293b,#334155);color:#fff;padding:48px;position:relative;overflow:hidden}.jobs-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(99,102,241,.15) 0%,transparent 50%);pointer-events:none}.header-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:32px;position:relative;z-index:1}.header-icon{width:80px;height:80px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 32px #8b5cf64d}.header-steps{display:flex;align-items:center;gap:16px;justify-content:center;margin-top:16px}.step{display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.5;transition:all .3s ease}.step.active{opacity:1}.step-number{width:32px;height:32px;border-radius:50%;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}.step.active .step-number{background:linear-gradient(135deg,#8b5cf6,#6366f1);border-color:#8b5cf6}.step span{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.step-line{width:40px;height:2px;background:#fff3}.jobs-content{max-width:800px;margin:0 auto;padding:2rem 1.5rem 3rem}.jobs-form{margin-top:0}.jobs-form{display:flex;flex-direction:column;gap:32px}.alert{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:16px;font-size:14px;font-weight:500;margin-bottom:24px}.alert-success{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#166534;border:1px solid #86efac}.form-section{background:var(--surface-primary);border-radius:24px;padding:32px;box-shadow:0 4px 6px var(--shadow-sm),0 1px 3px var(--shadow-md);border:1px solid var(--border-primary)}.section-header{display:flex;align-items:center;gap:20px;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--border-primary)}.section-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#8b5cf6,#6366f1)}.section-icon.source{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.section-icon.destination{background:linear-gradient(135deg,#10b981,#059669)}.section-title h2{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 4px;letter-spacing:-.02em}.section-title p{color:var(--text-muted);margin:0;font-size:15px}.form-group{display:flex;flex-direction:column;gap:8px;margin-bottom:24px}.form-label{font-size:14px;font-weight:600;color:var(--text-tertiary);margin-bottom:4px}.form-input,.form-select,.form-textarea{width:100%;padding:16px;border:2px solid var(--border-primary);border-radius:12px;font-size:15px;transition:all .3s ease;background:var(--input-bg);color:var(--text-primary);box-sizing:border-box}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none}.form-select{cursor:pointer}.form-textarea{resize:vertical;font-family:inherit;line-height:1.5}.tags-input-container{display:flex;flex-direction:column;gap:.75rem}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .625rem;background:linear-gradient(135deg,#8b5cf626,#6366f126);border:1px solid var(--brand-primary);border-radius:20px;font-size:.8125rem;font-weight:500;color:var(--brand-primary)}.tag-remove-btn{display:flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;background:#4338ca26;border:none;border-radius:50%;color:#4338ca;cursor:pointer;transition:all .2s ease}.tag-remove-btn:hover{background:#4338ca4d;color:#312e81}.tag-input-row{display:flex;gap:.5rem}.add-tag-btn{padding:.75rem 1.25rem;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:10px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.add-tag-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px)}.form-hint{font-size:.8125rem;color:var(--text-muted);margin-top:.5rem}.password-input-container{position:relative}.password-toggle{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-muted);padding:4px;transition:color .2s ease}.password-toggle:hover{color:#8b5cf6}.form-actions{padding-top:32px}.submit-button{width:100%;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:16px;padding:20px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:12px;box-shadow:0 8px 32px #8b5cf64d}.submit-button:hover:not(:disabled){box-shadow:0 12px 40px #8b5cf666;transform:translateY(-2px)}.submit-button:active:not(:disabled){transform:translateY(0)}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background:var(--input-bg-disabled);color:var(--text-muted);cursor:not-allowed}@media (max-width: 1024px){.jobs-header{padding:32px 24px}.header-main{gap:20px}.header-icon{width:64px;height:64px}.header-text h1{font-size:32px}}@media (max-width: 768px){.jobs-content{padding:32px 16px}.form-section{padding:24px}.section-header{flex-direction:column;align-items:flex-start;gap:16px;text-align:left}.header-main{flex-direction:column;text-align:center;gap:16px}.header-text h1{font-size:28px}.header-steps{flex-wrap:wrap;gap:12px}.step-line{display:none}}@media (max-width: 640px){.form-row{grid-template-columns:1fr;gap:16px}.jobs-header{padding:24px 16px}.header-text h1{font-size:24px}.header-text p{font-size:16px}.section-title h2{font-size:20px}.form-section{padding:20px;border-radius:16px}}.back-button:focus-visible,.submit-button:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}@media (prefers-contrast: high){.form-section,.form-input,.form-select,.form-textarea{border:2px solid #0f172a}}.view-jobs-container{min-height:100vh;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.view-jobs-page-header{width:100%;max-width:100vw;margin:0;padding:2rem;box-sizing:border-box}.header-title-card{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3rem 2.5rem;box-shadow:0 4px 6px #00000026,0 1px 3px #0000001a;max-width:100%;box-sizing:border-box;position:relative}.header-actions-top-right{position:absolute;top:2rem;right:2rem;display:flex;gap:1rem;align-items:center;z-index:10}.header-title-content{display:flex;flex-direction:column;gap:.75rem}.header-title-content h1{font-size:2.5rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.2)}.header-title-content p{color:#cbd5e1;font-size:1.125rem;margin:0}.create-job-button{display:flex;align-items:center;gap:.625rem;padding:1rem 1.75rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;background:#10b981;color:#fff;box-shadow:0 4px 12px #10b98166;white-space:nowrap}.create-job-button:hover{background:#059669;box-shadow:0 6px 16px #10b98180;transform:translateY(-2px)}.refresh-button{display:flex;align-items:center;gap:.625rem;padding:1rem 1.75rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;backdrop-filter:blur(10px);white-space:nowrap}.refresh-button:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-2px)}@media (max-width: 1024px){.header-title-card{padding:5rem 1.5rem 2rem}.header-actions-top-right{position:static;margin-bottom:1.5rem;justify-content:flex-start}.header-title-content h1{font-size:2rem}.header-title-content p{font-size:1rem}}@media (max-width: 640px){.header-title-card{padding:4.5rem 1.25rem 1.5rem}.header-actions-top-right{flex-wrap:wrap;gap:.75rem}.header-title-content h1{font-size:1.75rem}.create-job-button,.refresh-button{padding:.75rem 1.25rem;font-size:.9rem}}.view-jobs-header{background:linear-gradient(135deg,#0f172a,#1e293b,#334155);color:#fff;padding:48px;position:relative;overflow:hidden}.view-jobs-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(99,102,241,.15) 0%,transparent 50%);pointer-events:none}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;position:relative;z-index:1}.header-left{display:flex;flex-direction:column;gap:24px}.back-button{display:flex;align-items:center;gap:8px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 20px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(20px);width:fit-content}.back-button:hover{background:#ffffff26;border-color:#ffffff4d}.header-main{display:flex;align-items:center;gap:24px}.header-icon{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 32px #10b9814d}.header-text h1{font-size:42px;font-weight:700;margin:0 0 8px;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#f1f5f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-text p{font-size:18px;color:#fffc;margin:0}.header-actions{display:flex;gap:16px;align-items:center}.create-job-button{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:12px;padding:14px 24px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 8px 32px #8b5cf64d}.create-job-button:hover{box-shadow:0 12px 40px #8b5cf666;transform:translateY(-2px)}.refresh-button{display:flex;align-items:center;gap:8px;background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:14px 24px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(20px)}.refresh-button:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.refresh-button:disabled{opacity:.6;cursor:not-allowed}.view-jobs-content{max-width:1400px;margin:0 auto;padding:48px;display:flex;flex-direction:column;gap:32px}.empty-state-icon{margin-bottom:24px;color:var(--text-placeholder)}.jobs-controls{background:var(--surface-primary);border-radius:20px;padding:32px;box-shadow:0 4px 6px var(--shadow-sm);border:1px solid var(--border-primary);display:flex;flex-direction:column;gap:24px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-input:focus{outline:none}.filter-button.active{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border-color:#8b5cf6}.jobs-summary{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border-primary)}.summary-item svg{color:#8b5cf6}.jobs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 1200px){.jobs-grid{grid-template-columns:repeat(2,1fr)}}.job-card{background:var(--surface-primary);border-radius:20px;padding:24px;border:1px solid var(--border-primary);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.job-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(139,92,246,.05) 100%);opacity:0;transition:opacity .3s ease}.job-card:hover:before{opacity:1}.job-card:hover{border-color:#8b5cf64d;box-shadow:0 12px 40px #8b5cf626;transform:translateY(-4px)}.job-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;position:relative;z-index:1}.job-title-section{display:flex;flex-direction:column;gap:8px;flex:1}.job-name{font-size:18px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3}.job-id{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:12px;font-weight:500;font-family:Monaco,Courier New,monospace;background:var(--bg-secondary);padding:4px 8px;border-radius:6px;width:fit-content}.job-status{padding:8px 16px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px;flex-shrink:0}.job-card-content{position:relative;z-index:1}.job-description{color:var(--text-muted);font-size:14px;line-height:1.6;margin:0 0 20px}.job-transfer-visual{display:flex;align-items:center;justify-content:space-between;margin:20px 0;padding:16px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-primary)}.transfer-arrow{color:#8b5cf6;margin:0 16px;flex-shrink:0}.job-metadata{display:flex;flex-direction:column;gap:8px;margin:16px 0}.metadata-item svg{color:#8b5cf6}.job-tags{display:flex;align-items:center;gap:8px;margin:16px 0}.job-tags svg{color:var(--text-muted);flex-shrink:0}.tags-list{display:flex;gap:6px;flex-wrap:wrap}.job-tag{background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);color:var(--text-tertiary);padding:4px 8px;border-radius:6px;font-size:11px;font-weight:500;border:1px solid var(--border-secondary)}.job-tag.more{background:var(--bg-tertiary);color:var(--text-muted)}.job-error{display:flex;align-items:flex-start;gap:8px;margin:16px 0;padding:12px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;border-radius:8px}.job-error svg{color:#dc2626;flex-shrink:0;margin-top:1px}.job-error span{color:#dc2626;font-size:12px;line-height:1.4}.job-card-footer{padding-top:16px;border-top:1px solid var(--border-primary);margin-top:20px;position:relative;z-index:1}.click-hint{display:flex;align-items:center;justify-content:center;gap:8px;color:#8b5cf6;font-size:12px;font-weight:500;transition:all .3s ease}.job-card:hover .click-hint{transform:translate(4px)}.loading-spinner{color:#8b5cf6;filter:drop-shadow(0 4px 8px rgba(139,92,246,.3))}@media (max-width: 1200px){.view-jobs-content{padding:32px 24px}}@media (max-width: 768px){.view-jobs-header{padding:24px}.header-content{flex-direction:column;gap:24px;align-items:flex-start}.header-main{flex-direction:column;gap:16px;text-align:center}.header-icon{width:64px;height:64px}.header-text h1{font-size:32px}.header-actions{width:100%;justify-content:center}.view-jobs-content{padding:24px 16px}.controls-section{flex-direction:column;align-items:stretch}.search-container{min-width:auto}.jobs-grid{grid-template-columns:1fr}.job-transfer-visual{flex-direction:column;gap:16px}.transfer-arrow{transform:rotate(90deg);margin:8px 0}}@media (max-width: 480px){.view-jobs-header{padding:20px 16px}.header-text h1{font-size:28px}.jobs-controls,.job-card{padding:20px}.status-filters{justify-content:center}.jobs-summary{flex-direction:column;gap:12px;align-items:flex-start}.summary-left{flex-direction:column;gap:8px;align-items:flex-start}.pagination-inline{width:100%;justify-content:space-between}}.pagination-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:#8b5cf6;color:#8b5cf6}.back-button:focus-visible,.create-job-button:focus-visible,.refresh-button:focus-visible,.filter-button:focus-visible,.job-card:focus-visible,.pagination-btn:focus-visible{outline:2px solid #8b5cf6;outline-offset:2px}.job-detail-container{min-height:100vh;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.job-detail-page-header{max-width:1400px;margin:2rem auto;padding:0 2rem}.header-title-card{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3rem 2.5rem;box-shadow:0 10px 40px #0000004d;display:grid;grid-template-columns:1fr minmax(auto,max-content) 1fr;gap:3rem;align-items:center;position:relative;overflow:hidden}.header-title-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(139,92,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(99,102,241,.15) 0%,transparent 50%);pointer-events:none}.header-title{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:2rem;box-shadow:0 10px 30px #0000004d;display:flex;justify-content:space-between;align-items:center;gap:2rem}.header-title-left{flex:1;display:flex;flex-direction:column;gap:1rem}.header-title h1{font-size:2rem;font-weight:700;margin:0;color:#fff;line-height:1.2;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.2)}.job-id-header{color:#e2e8f0;font-size:.875rem;font-family:JetBrains Mono,Monaco,Courier New,monospace;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;background:#ffffff1a;padding:.5rem .875rem;border-radius:8px;border:1px solid rgba(255,255,255,.2);width:fit-content;transition:all .2s ease;backdrop-filter:blur(10px)}.job-id-header:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff}.header-title-right{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.job-status-header{padding:.75rem 1.25rem;border-radius:10px;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.5rem;flex-shrink:0;border:2px solid;text-transform:capitalize;box-shadow:0 2px 8px #0003;white-space:nowrap}.job-status-header.status-pending{background:#fbbf24;border-color:#f59e0b;color:#1f2937}.job-status-header.status-running{background:#3b82f6;border-color:#2563eb;color:#fff;animation:pulse 2s ease-in-out infinite}.job-status-header.status-completed{background:#10b981;border-color:#059669;color:#fff}.job-status-header.status-failed{background:#ef4444;border-color:#dc2626;color:#fff}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.refresh-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px);white-space:nowrap}.refresh-button:disabled{opacity:.5;cursor:not-allowed;transform:none}@media (max-width: 1024px){.header-title{flex-direction:column;align-items:flex-start;gap:1.5rem}.header-title-right{width:100%;justify-content:flex-start}.header-title h1{font-size:1.5rem}}.job-detail-header{background:linear-gradient(135deg,#0f172a,#1e293b,#334155);color:#fff;padding:40px 48px;display:flex;justify-content:space-between;align-items:flex-start;box-shadow:0 20px 40px -12px #0f172a66,0 8px 16px -8px #0f172a4d;position:relative;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1)}.job-detail-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(59,130,246,.15) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(139,92,246,.15) 0%,transparent 50%),linear-gradient(45deg,rgba(255,255,255,.05) 0%,transparent 50%);pointer-events:none}.header-left{display:flex;flex-direction:column;gap:24px;flex:1;z-index:1;max-width:60%}.header-right{display:flex;align-items:flex-start;gap:20px;z-index:1;flex-shrink:0}.header-title h1{font-size:42px;font-weight:700;margin:0;background:linear-gradient(135deg,#fff,#f1f5f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.1)}.job-id-header{color:#ffffffb3;font-size:15px;font-family:JetBrains Mono,Monaco,Courier New,monospace;font-weight:500;display:flex;align-items:center;gap:10px;background:#ffffff14;padding:12px 18px;border-radius:12px;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);width:fit-content;transition:all .3s ease}.job-id-header:hover{background:#ffffff1f;border-color:#fff3}.job-status-header{padding:16px 24px;border-radius:20px;font-size:15px;font-weight:600;text-transform:none;letter-spacing:0;display:flex;align-items:center;gap:10px;flex-shrink:0;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffff1a;transition:all .3s ease;position:relative;overflow:hidden}.job-status-header:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.job-status-header:hover:before{left:100%}.back-button,.refresh-button{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:14px 24px;font-size:15px;font-weight:500;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:10px;backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffff1a;position:relative;overflow:hidden}.back-button:before,.refresh-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.back-button:hover:before,.refresh-button:hover:before{left:100%}.back-button:hover,.refresh-button:hover{background:#ffffff2e;border-color:#ffffff4d;box-shadow:0 12px 40px #00000026,inset 0 1px #fff3;transform:translateY(-2px)}.back-button:active,.refresh-button:active{transform:translateY(0);box-shadow:0 4px 12px #00000026}.back-button{align-self:flex-start}.loading-container,.error-container,.not-found-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60vh;text-align:center;padding:40px}.loading-spinner{color:#3b82f6;filter:drop-shadow(0 4px 8px rgba(59,130,246,.3))}.error-container,.not-found-container{background:var(--surface-primary);border-radius:20px;margin:40px auto;max-width:600px;box-shadow:0 10px 25px -5px var(--shadow-sm);border:1px solid var(--border-primary)}.error-container svg,.not-found-container svg{color:#ef4444;margin-bottom:24px}.not-found-container svg{color:#94a3b8}.error-content{display:flex;flex-direction:column;align-items:center;gap:16px}.error-container h2,.not-found-container h2{font-size:24px;font-weight:700;color:var(--text-primary);margin:0}.error-container p,.not-found-container p{color:var(--text-muted);font-size:16px;margin:0;max-width:400px}.error-actions{display:flex;gap:12px;margin-top:8px}.retry-button,.back-button-error{padding:12px 20px;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px}.retry-button{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;box-shadow:0 4px 14px #ef44444d}.retry-button:hover{box-shadow:0 6px 20px #ef444466}.back-button-error{background:var(--bg-tertiary);color:var(--text-muted);border:1px solid var(--border-primary)}.back-button-error:hover{background:var(--border-primary);border-color:var(--border-secondary)}.job-detail-content{padding:40px;max-width:1400px;margin:0 auto}.job-overview-cards{margin-bottom:32px}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:32px}.stat-card{background:var(--surface-primary);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;box-shadow:0 4px 6px -1px var(--shadow-sm);border:1px solid var(--border-primary);transition:all .3s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px -8px #00000026}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon.created{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.stat-icon.started{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.stat-icon.completed{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#166534}.stat-icon.updated{background:linear-gradient(135deg,#fef3c7,#fed7aa);color:#92400e}.stat-label{color:var(--text-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.stat-value{color:var(--text-primary);font-size:18px;font-weight:700}.job-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px}.info-card{background:var(--surface-primary);border-radius:20px;padding:0;box-shadow:0 4px 6px -1px var(--shadow-sm);border:1px solid var(--border-primary);overflow:hidden;transition:all .3s ease}.info-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px -8px #00000026}.card-header{padding:24px 24px 0;display:flex;align-items:center;gap:12px;margin-bottom:20px}.card-header h3{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.card-header svg{color:var(--text-muted)}.card-content{padding:0 24px 24px}.card-content p{color:var(--text-muted);font-size:14px;line-height:1.6;margin:0}.transfer-flow{display:grid;grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);align-items:center;gap:20px;background:var(--bg-secondary);padding:24px;border-radius:16px;border:1px solid var(--border-primary);margin:0;box-sizing:border-box}.transfer-endpoint{display:flex;flex-direction:column;gap:12px;min-width:0;overflow:hidden}.endpoint-header{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin-bottom:8px}.service-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.endpoint-label{color:#64748b;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;display:block;width:100%}.bucket-info{padding:12px 16px;background:var(--surface-primary);border-radius:8px;border:1px solid var(--border-primary);box-sizing:border-box;overflow:hidden;min-height:20px}.bucket-name{color:var(--text-tertiary);font-size:14px;font-family:Monaco,Courier New,monospace;font-weight:600;word-break:break-all;overflow:hidden;text-overflow:ellipsis}.transfer-arrow-large{color:var(--text-muted);display:flex;align-items:center;justify-content:center;background:var(--surface-primary);width:48px;height:48px;border-radius:50%;border:2px solid var(--border-primary);flex-shrink:0;align-self:center}.timeline{display:flex;flex-direction:column;gap:20px;position:relative}.timeline:before{content:"";position:absolute;left:8px;top:16px;bottom:16px;width:2px;background:linear-gradient(to bottom,var(--border-primary),var(--bg-tertiary))}.timeline-item{display:flex;align-items:center;gap:16px;position:relative}.timeline-dot{width:16px;height:16px;border-radius:50%;border:3px solid var(--surface-primary);box-shadow:0 2px 8px var(--shadow-sm);flex-shrink:0;z-index:1}.timeline-dot.created{background:#3b82f6}.timeline-dot.started{background:#10b981}.timeline-dot.updated{background:#f59e0b}.timeline-dot.completed{background:#10b981}.timeline-dot.failed{background:#ef4444}.timeline-content{display:flex;flex-direction:column;gap:4px;flex:1}.timeline-label{color:var(--text-tertiary);font-size:14px;font-weight:600}.timeline-value{color:var(--text-muted);font-size:12px}.tags-container{display:flex;flex-wrap:wrap;gap:12px}.tag{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--border-primary) 100%);color:var(--text-tertiary);padding:8px 16px;border-radius:12px;font-size:12px;font-weight:600;border:1px solid var(--border-secondary);transition:all .3s ease}.tag:hover{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#3730a3;border-color:#6366f1;transform:translateY(-1px)}.migration-stats-grid{display:flex;flex-direction:column;gap:20px}.migration-stat-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-primary)}.migration-stat-item svg{color:var(--text-muted);flex-shrink:0}.migration-stat-info{display:flex;flex-direction:column;gap:4px;flex:1}.migration-stat-label{color:var(--text-muted);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.migration-stat-value{color:var(--text-primary);font-size:18px;font-weight:700}.result-card.success{border-left:4px solid #10b981}.result-card.success .card-header h3{color:#10b981}.result-card.error{border-left:4px solid #ef4444}.result-card.error .card-header h3{color:#ef4444}.result-card.error .card-content p{color:#dc2626}.status-completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #10b981}.status-failed{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #ef4444}.status-pending{background:linear-gradient(135deg,#fef3c7,#fed7aa);color:#92400e;border:1px solid #f59e0b}.status-icon.animate-spin{animation:spin 2s linear infinite}@media (max-width: 1200px){.job-info-grid{grid-template-columns:1fr}}@media (max-width: 768px){.job-detail-header{flex-direction:column;align-items:flex-start;gap:20px;padding:24px 20px}.header-right{align-self:flex-end;width:100%;justify-content:space-between}.header-title h1{font-size:24px}.job-detail-content{padding:20px}.stats-row{grid-template-columns:1fr;gap:16px}.job-info-grid{gap:16px}.transfer-flow{grid-template-columns:1fr;gap:16px;text-align:center;padding:16px}.transfer-arrow-large{transform:rotate(90deg)}.error-actions{flex-direction:column;width:100%}.timeline:before{display:none}.timeline-item{background:var(--bg-secondary);padding:12px;border-radius:8px;border:1px solid var(--border-primary)}}.header-title-card{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:2.5rem;box-shadow:0 20px 60px #0006;position:relative;overflow:hidden}.header-title-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(139,92,246,.1) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(99,102,241,.1) 0%,transparent 50%);pointer-events:none}.header-top-actions{position:absolute;top:2rem;right:2rem;display:flex;align-items:center;gap:1rem;z-index:10}.viz-main-layout{display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.job-status-pill{padding:.625rem 1.125rem;border-radius:10px;font-size:.8rem;font-weight:700;display:flex;align-items:center;gap:.5rem;border:2px solid;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px #0000004d;white-space:nowrap}.job-status-pill.status-pending{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#d97706;color:#1f2937}.job-status-pill.status-running{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#1d4ed8;color:#fff}.job-status-pill.status-completed{background:linear-gradient(135deg,#10b981,#059669);border-color:#047857;color:#fff}.job-status-pill.status-failed{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#b91c1c;color:#fff}.job-refresh-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;cursor:pointer;transition:all .2s ease;backdrop-filter:blur(10px)}.job-refresh-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.job-refresh-btn:disabled{opacity:.5;cursor:not-allowed}.migration-flow-viz{display:grid;grid-template-columns:1fr auto 1fr;gap:2.5rem;align-items:center}.cloud-box{position:relative}.cloud-box-inner{position:relative;background:#ffffff0a;border:2px solid rgba(255,255,255,.1);border-radius:24px;padding:2.5rem;backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;gap:1.5rem;transition:all .3s ease;min-width:220px}.cloud-box:hover .cloud-box-inner{background:#ffffff0f;border-color:#fff3;transform:translateY(-4px)}.cloud-glow-ring{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:24px;border:2px solid;opacity:.6;pointer-events:none;transition:all .3s ease}.cloud-box:hover .cloud-glow-ring{opacity:1}.cloud-provider-logo{width:100px;height:100px;object-fit:contain;border-radius:20px;background:#fffffffa;padding:16px;box-shadow:0 10px 30px #00000040}.cloud-info{display:flex;flex-direction:column;align-items:center;gap:.65rem;width:100%;text-align:center}.cloud-type-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1.3px;color:#94a3b8}.cloud-service-name{font-size:1.25rem;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.2)}.cloud-bucket-info{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#cbd5e1;font-family:JetBrains Mono,Monaco,Courier New,monospace;background:#0003;padding:.625rem 1rem;border-radius:10px;max-width:100%;word-break:break-all}.cloud-bucket-info svg{flex-shrink:0;color:#8b5cf6}.transfer-flow-section{min-width:360px;display:flex;flex-direction:column;align-items:center;gap:1.75rem}.job-name-section-center{display:flex;flex-direction:column;align-items:center;gap:.85rem;text-align:center}.job-name-title{font-size:1.875rem;font-weight:700;color:#fff;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.3);line-height:1.2}.job-id-badge{color:#cbd5e1;font-size:.875rem;font-family:JetBrains Mono,Monaco,Courier New,monospace;font-weight:500;display:inline-flex;align-items:center;gap:.5rem;background:#ffffff14;padding:.5rem .875rem;border-radius:10px;border:1px solid rgba(255,255,255,.15)}.flow-arrow-container{position:relative;width:100%;height:120px;display:flex;align-items:center;justify-content:center}.data-pipes{position:relative;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:12px}.data-pipe{position:relative;width:100%;height:6px;background:#8b5cf61a;border-radius:3px;overflow:hidden;box-shadow:inset 0 1px 3px #0003}.pipe-segment{position:absolute;height:100%;width:60px;border-radius:3px;box-shadow:0 0 12px currentColor;left:0}.flowing-file-icon{position:absolute;top:50%;left:0;transform:translateY(-50%);filter:drop-shadow(0 2px 8px rgba(139,92,246,.6));z-index:2}.transfer-stats-box{position:absolute;bottom:-50px;left:50%;transform:translate(-50%);display:flex;gap:.85rem;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:12px;padding:.75rem 1.125rem;backdrop-filter:blur(10px)}.stat-item{display:flex;align-items:center;gap:.5rem;color:#e0e7ff;font-size:.8rem;font-weight:600;white-space:nowrap}.stat-item svg{color:#a78bfa}@media (max-width: 1200px){.header-top-actions{position:static;justify-content:space-between;margin-bottom:2rem}.migration-flow-viz{grid-template-columns:1fr;gap:2.5rem}.transfer-flow-section{min-width:100%}}@media (max-width: 768px){.header-title-card{padding:1.5rem}.header-top-actions{flex-wrap:wrap;gap:.75rem}.job-name-title{font-size:1.5rem}.cloud-provider-logo{width:70px;height:70px}.cloud-service-name{font-size:1rem}.cloud-box-inner{padding:1.75rem;min-width:180px}.flow-arrow-container{height:100px}.transfer-stats-box{position:static;transform:none;margin-top:1rem;flex-direction:column;align-items:center}}.pending-visualization{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;width:100%;min-height:120px}.pending-queue{display:flex;align-items:center;gap:1rem}.queue-item{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#fbbf2426;border:2px solid rgba(251,191,36,.4);border-radius:12px;backdrop-filter:blur(10px)}.queue-icon{color:#fbbf24;filter:drop-shadow(0 2px 8px rgba(251,191,36,.5))}.pending-message{display:flex;align-items:center;gap:.5rem;color:#fbbf24;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.completed-visualization{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;width:100%;min-height:120px;position:relative}.success-circle{position:relative;display:flex;align-items:center;justify-content:center;width:100px;height:100px;background:#10b9811a;border-radius:50%;border:3px solid #10b981;box-shadow:0 0 30px #10b98166}.success-checkmark{position:relative;z-index:2}.success-icon{color:#10b981;filter:drop-shadow(0 4px 12px rgba(16,185,129,.6))}.success-ripple{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;border-radius:50%;border:3px solid #10b981;z-index:0}.success-ripple-delayed{border-color:#10b98199}.completed-message{display:flex;align-items:center;gap:.5rem;color:#10b981;font-size:1.125rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 8px rgba(16,185,129,.3)}.success-particles-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:visible}.success-particle{position:absolute;filter:drop-shadow(0 0 8px rgba(16,185,129,.6))}.sparkle{position:relative;width:12px;height:12px;background:linear-gradient(45deg,#10b981,#34d399,#6ee7b7);clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);animation:sparkle-rotate 2s linear infinite}.sparkle-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:0 0 8px #ffffffe6}@keyframes sparkle-rotate{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.2)}}.celebration-rays{position:absolute;top:50%;left:50%;width:200px;height:200px;transform:translate(-50%,-50%);pointer-events:none}.celebration-ray{position:absolute;top:50%;left:50%;width:4px;height:80px;background:linear-gradient(to top,#10b98100,#10b98199,#34d399cc);transform-origin:bottom center;border-radius:2px 2px 0 0;margin-left:-2px;margin-top:-80px;filter:blur(1px)}.failed-visualization{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;width:100%;min-height:120px;position:relative}.error-container-viz{position:relative;display:flex;align-items:center;justify-content:center}.error-circle{position:relative;display:flex;align-items:center;justify-content:center;width:100px;height:100px;background:#ef44441a;border-radius:50%;border:3px solid #ef4444;box-shadow:0 0 30px #ef444466;z-index:2}.error-icon{color:#ef4444;filter:drop-shadow(0 4px 12px rgba(239,68,68,.6))}.error-wave{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px;border-radius:50%;border:3px solid #ef4444;z-index:1}.error-wave-delayed{border-color:#ef444499}.failed-message{display:flex;align-items:center;gap:.65rem;color:#ef4444;font-size:1.125rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-shadow:0 2px 8px rgba(239,68,68,.3)}.broken-link-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;gap:20px;z-index:0}.link-part{width:40px;height:4px;background:#ef4444;border-radius:2px;opacity:.4}.link-left{transform-origin:right center}.link-right{transform-origin:left center}@media (max-width: 768px){.pending-queue{gap:.5rem}.queue-item{width:36px;height:36px}.queue-icon{width:16px;height:16px}.success-circle,.error-circle{width:80px;height:80px}.success-icon,.error-icon{width:48px;height:48px}.completed-message,.failed-message{font-size:.9rem}.sparkle{width:10px;height:10px}.sparkle-inner{width:4px;height:4px}.celebration-ray{height:60px;margin-top:-60px}}.support-page{min-height:100vh;padding:2rem;position:relative;z-index:1}.support-wrapper{width:100%;max-width:1200px;margin:0 auto}.support-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem}.support-back-link{color:#ffffffb3;text-decoration:none;display:flex;align-items:center;gap:.5rem;transition:color .2s ease}.support-back-link:hover{color:#fff}.support-title-group{display:flex;align-items:center;gap:1rem}.support-title-group svg{color:#3b82f6}.support-title{font-size:2rem;font-weight:600;color:#fff;margin:0}.support-header-spacer{width:100px}.support-grid{display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:start}.support-sidebar{background:#ffffff05;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2rem}.support-sidebar h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:#fff}.support-sidebar p{color:#fffc;font-size:1rem;line-height:1.6;margin:0}.support-form-card{background:#ffffff14;backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.2);border-radius:24px;padding:3rem;width:100%;max-width:100%;box-sizing:border-box}.support-form-header{margin-bottom:2rem;text-align:center}.support-form-header h2{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:#fff}.support-form-header p{font-size:1rem;color:#ffffffb3;margin:0}.support-form{display:flex;flex-direction:column;gap:1.5rem}.support-form-group label{display:block;margin-bottom:.5rem;color:#fff;font-size:1rem;font-weight:600}.support-input{width:100%;padding:12px 16px;background:#ffffff1f;border:1px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-size:16px;outline:none;box-sizing:border-box;transition:all .3s ease}.support-input:focus{outline:none}.support-input::placeholder{color:#ffffff80}.support-textarea{width:100%;padding:12px 16px;background:#ffffff1f;border:1px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-size:16px;outline:none;resize:vertical;min-height:120px;line-height:1.6;font-family:inherit;box-sizing:border-box;transition:all .3s ease}.support-textarea:focus{outline:none}.support-textarea::placeholder{color:#ffffff80}.support-submit-btn{padding:14px 28px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px #3b82f64d;text-transform:uppercase;letter-spacing:1px}.support-submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 25px #3b82f666}.support-submit-btn:disabled{background:#3b82f680;cursor:not-allowed;transform:none}.support-error{padding:1rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#ef4444;font-size:14px;text-align:center}.support-success{min-height:100vh;display:flex;align-items:center;justify-content:center}.support-success-content{text-align:center;max-width:600px}.support-success-icon{color:#10b981;margin:0 auto 1rem}@media (max-width: 900px){.support-grid{grid-template-columns:1fr;gap:1.5rem}.support-sidebar{padding:1.5rem}.support-form-card{padding:2rem}.support-header{flex-direction:column;gap:1rem;text-align:center}.support-header-spacer{display:none}.support-back-link{order:-1;align-self:flex-start}.support-title-group{justify-content:center}}@media (max-width: 600px){.support-page{padding:1rem}.support-sidebar{padding:1.25rem}.support-sidebar h2{font-size:1.25rem}.support-form-card{padding:1.5rem}.support-form-header h2,.support-title{font-size:1.5rem}}.settings-container{min-height:100vh;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);padding-bottom:4rem}.settings-main{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.settings-header{text-align:center;margin-bottom:3rem;color:var(--text-primary)}.settings-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.02em}.settings-header p{font-size:1.1rem;color:var(--text-muted)}.alert{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;border-radius:12px;margin-bottom:1.5rem;font-weight:500}.alert-error{background:var(--error-bg);color:var(--error-text);border:1px solid rgba(239,68,68,.3)}.alert-success{background:var(--success-bg);color:var(--success-text);border:1px solid rgba(34,197,94,.3)}.settings-content{display:flex;flex-direction:column;gap:2rem}.settings-section{background:var(--surface-primary);border-radius:20px;box-shadow:0 4px 6px var(--shadow-sm),0 1px 3px var(--shadow-md);border:1px solid var(--border-primary);overflow:hidden;transition:all .3s ease}.settings-section:hover{box-shadow:0 8px 25px var(--shadow-brand);border-color:var(--border-hover)}.section-header{padding:1.5rem 2rem;border-bottom:1px solid var(--border-primary);background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%)}.section-title{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary)}.section-title svg{color:var(--brand-primary)}.section-title h2{font-size:1.5rem;font-weight:600;margin:0;letter-spacing:-.02em}.settings-card{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-weight:600;color:var(--text-tertiary);margin-bottom:.5rem;font-size:.95rem}.input-with-icon{position:relative;display:flex;align-items:center}.input-with-icon>svg{position:absolute;left:1rem;color:var(--text-placeholder);pointer-events:none}.input-with-icon input{width:100%;padding:.75rem 1rem .75rem 3rem;border:2px solid var(--border-primary);border-radius:10px;font-size:1rem;transition:all .3s ease;background:var(--input-bg);color:var(--text-primary)}.input-with-icon input:focus{outline:none}.input-with-copy{position:relative}.input-with-copy input{padding-right:3.5rem;cursor:default}.copy-button{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);background:transparent!important;border:none;box-shadow:none;color:var(--text-muted);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;z-index:2}.copy-button svg{width:20px;height:20px;position:static;left:auto;cursor:pointer;transition:color .2s ease}.copy-button:hover{color:var(--brand-primary)}.copy-button:focus,.copy-button:active,.copy-button:focus-visible{outline:none;background:transparent!important;box-shadow:none}.copy-success{color:#10b981!important;font-weight:600}.input-disabled{background:var(--input-bg-disabled);color:var(--text-muted);cursor:not-allowed}.input-hint{display:block;margin-top:.5rem;font-size:.85rem;color:var(--text-muted);text-align:left}.upgrade-link{color:var(--brand-primary);text-decoration:none;font-weight:600;transition:all .2s ease;cursor:pointer}.upgrade-link:hover{color:var(--brand-secondary);text-decoration:underline}.usage-item{margin-bottom:2rem}.usage-item:last-of-type{margin-bottom:1.5rem}.usage-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.usage-info h4{font-size:1rem;font-weight:600;color:var(--text-secondary);margin:0 0 .25rem}.usage-info p{font-size:.85rem;color:var(--text-muted);margin:0}.usage-stats{display:flex;align-items:baseline;gap:.25rem;font-weight:600}.usage-current{font-size:1.5rem;color:var(--text-secondary)}.usage-separator{font-size:1.25rem;color:var(--text-placeholder);margin:0 .25rem}.usage-limit{font-size:1rem;color:var(--text-muted)}.progress-bar{width:100%;height:8px;background:var(--progress-bar-bg);border-radius:10px;overflow:hidden;margin-bottom:.5rem}.progress-fill{height:100%;background:linear-gradient(135deg,#8b5cf6,#6366f1);border-radius:10px;transition:width .3s ease}.progress-fill.storage{background:linear-gradient(135deg,#10b981,#059669)}.progress-fill.data{background:linear-gradient(135deg,#f59e0b,#d97706)}.usage-hint{display:block;font-size:.85rem;color:var(--text-muted)}.upgrade-banner{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;background:linear-gradient(135deg,#faf5ff,#f3e8ff);border-radius:12px;border:1px solid #e9d5ff;margin-top:1rem}.dark .upgrade-banner{background:linear-gradient(135deg,#8b5cf626,#6366f126);border:1px solid rgba(139,92,246,.3)}.upgrade-banner-content{display:flex;align-items:center;gap:1rem}.upgrade-banner-content svg{color:#8b5cf6;flex-shrink:0}.upgrade-banner-content h4{font-size:1rem;font-weight:600;color:var(--text-primary);margin:0 0 .25rem}.upgrade-banner-content p{font-size:.9rem;color:var(--text-muted);margin:0}.btn-upgrade{padding:.75rem 1.5rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;flex-shrink:0}.btn-upgrade:hover{transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.notification-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0;border-bottom:1px solid var(--border-primary);transition:all .2s ease}.notification-item:hover{padding-left:.5rem;padding-right:.5rem;background:var(--bg-secondary);border-radius:8px;border-bottom-color:transparent}.notification-item:last-of-type{border-bottom:none;padding-bottom:1.5rem}.notification-info h4{font-size:1rem;font-weight:600;color:var(--text-secondary);margin:0 0 .25rem}.notification-info p{font-size:.9rem;color:var(--text-muted);margin:0}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-switch input:focus-visible+.toggle-slider{outline:2px solid var(--brand-primary);outline-offset:2px}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--toggle-bg);transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:var(--toggle-knob);transition:.3s;border-radius:50%;z-index:2}.toggle-switch input:checked+.toggle-slider{background:linear-gradient(135deg,#667eea,#764ba2)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-icon{position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;z-index:1;transition:opacity .3s ease}.toggle-icon-light{right:7px;color:#f59e0b;opacity:1}.toggle-icon-dark{left:7px;color:#94a3b8;opacity:.5}.toggle-switch input:checked+.toggle-slider .toggle-icon-light{opacity:.5}.toggle-switch input:checked+.toggle-slider .toggle-icon-dark{opacity:1;color:#fef3c7}.security-item{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0;border-bottom:1px solid var(--border-primary);transition:all .2s ease}.security-item button{width:180px;justify-content:center;flex-shrink:0}.security-item button svg{width:22px;height:22px;flex-shrink:0}.security-item:hover{padding-left:.5rem;padding-right:.5rem;background:var(--bg-secondary);border-radius:8px;border-bottom-color:transparent}.security-item:last-child{border-bottom:none;padding-bottom:0}.security-info h4{font-size:1rem;font-weight:600;color:var(--text-secondary);margin:0 0 .25rem}.security-info p{font-size:.9rem;color:var(--text-muted);margin:0}.form-actions{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-primary)}.btn-save{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.btn-save:disabled{opacity:.6;cursor:not-allowed}.btn-primary{padding:.6rem 1.25rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #8b5cf64d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:.6rem 1.25rem;background:var(--surface-primary);color:#667eea;border:2px solid #667eea;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.btn-secondary:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.btn-danger{padding:.6rem 1.25rem;background:var(--surface-primary);color:#ef4444;border:2px solid #ef4444;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap;display:flex;align-items:center;gap:.5rem}.btn-danger:hover:not(:disabled){background:#ef4444;color:#fff;transform:translateY(-2px)}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.danger-section .section-header{background:linear-gradient(135deg,#fee2e2,#fecaca)}.dark .danger-section .section-header{background:linear-gradient(135deg,#dc262633,#ef444426)}.danger-section .section-title{color:#991b1b}.dark .danger-section .section-title{color:#fca5a5}.danger-section .section-title svg{color:#dc2626}.dark .danger-section .section-title svg{color:#ef4444}.danger-card{background:#fef2f2}.dark .danger-card{background:#ef44441a}.danger-item{display:flex;justify-content:space-between;align-items:center;transition:all .2s ease;padding:.5rem;border-radius:8px}.danger-item:hover{background:#fff}.dark .danger-item:hover{background:#ef444426}.danger-info h4{font-size:1rem;font-weight:600;color:#ef4444;margin:0 0 .25rem}.dark .danger-info h4{color:#fca5a5}.danger-info p{font-size:.9rem;color:#64748b;margin:0}.dark .danger-info p{color:var(--text-muted)}@media (max-width: 768px){.settings-main{padding:1.5rem 1rem}.settings-header h1{font-size:2rem}.settings-header p{font-size:1rem}.settings-card{padding:1.5rem}.section-header{padding:1.25rem 1.5rem}.usage-header{flex-direction:column;align-items:flex-start;gap:.5rem}.upgrade-banner{flex-direction:column;gap:1rem;text-align:center}.upgrade-banner-content{flex-direction:column;text-align:center}.btn-upgrade{width:100%}.notification-item,.security-item,.danger-item{flex-direction:column;align-items:flex-start;gap:1rem}.btn-secondary,.btn-danger{width:100%}}.subscription-section{margin-top:2rem}.subscription-card{background:linear-gradient(135deg,#fff,#fefefe);border:2px solid #e2e8f0;padding:0!important;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;transition:all .3s ease}.subscription-card:hover{box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a;border-color:#cbd5e1}.subscription-header{display:flex;justify-content:space-between;align-items:center;padding:1.75rem 2rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff}.subscription-badge{display:flex;align-items:center;gap:.75rem;font-size:1.25rem;font-weight:700;letter-spacing:-.01em}.subscription-badge svg{color:#fbbf24;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.subscription-price{display:flex;align-items:baseline;gap:.25rem}.price-amount{font-size:2rem;font-weight:800;letter-spacing:-.02em}.price-period{font-size:1rem;opacity:.9;font-weight:500}.subscription-details{padding:2rem;display:flex;flex-direction:column;gap:1.25rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border-primary);transition:all .2s ease}.detail-row:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.detail-label{display:flex;align-items:center;gap:.625rem;color:var(--text-muted);font-weight:500;font-size:.95rem}.detail-label svg{color:var(--brand-primary)}.detail-value{font-weight:600;color:var(--text-secondary);font-size:.95rem}.status-active{color:#10b981;display:flex;align-items:center;gap:.375rem}.status-active:before{content:"";width:8px;height:8px;background:#10b981;border-radius:50%;display:inline-block;box-shadow:0 0 0 3px #10b98133;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 0 3px #10b98133}50%{box-shadow:0 0 0 6px #10b9811a}}.subscription-id{font-family:Courier New,monospace;font-size:.85rem;color:var(--text-muted);background:var(--bg-tertiary);padding:.25rem .5rem;border-radius:4px}.subscription-divider{height:1px;background:linear-gradient(to right,transparent,var(--border-primary) 20%,var(--border-primary) 80%,transparent);margin:.5rem 0}.subscription-actions{padding:2rem;background:var(--bg-gradient-start);border-top:1px solid var(--bg-tertiary)}.action-header{display:flex;align-items:center;gap:.625rem;margin-bottom:.75rem;color:#ef4444}.action-header svg{flex-shrink:0}.action-header h4{font-size:1.1rem;font-weight:600;margin:0;color:var(--text-secondary)}.action-description{color:var(--text-muted);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem;padding-left:1.875rem}.btn-cancel-subscription{display:flex;align-items:center;justify-content:center;gap:.625rem;width:100%;padding:.875rem 1.5rem;background:#fff;color:#ef4444;border:2px solid #fecaca;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-cancel-subscription:hover:not(:disabled){background:#fef2f2;border-color:#fca5a5;color:#dc2626;transform:translateY(-1px);box-shadow:0 4px 6px -1px #ef44441a,0 2px 4px -1px #ef44440f}.btn-cancel-subscription:active:not(:disabled){transform:translateY(0);box-shadow:0 1px 2px #ef44441a}.btn-cancel-subscription:disabled{opacity:.6;cursor:not-allowed}.btn-cancel-subscription svg{flex-shrink:0}@media (max-width: 640px){.subscription-header{flex-direction:column;gap:1.25rem;text-align:center;padding:1.5rem}.subscription-badge{font-size:1.125rem}.price-amount{font-size:1.75rem}.subscription-details{padding:1.5rem}.detail-row{flex-direction:column;align-items:flex-start;gap:.625rem;padding:1rem}.detail-label{font-size:.875rem}.detail-value{font-size:.875rem;padding-left:1.625rem}.subscription-actions{padding:1.5rem}.action-description{padding-left:0;margin-bottom:1.25rem}.btn-cancel-subscription{padding:.75rem 1.25rem;font-size:.95rem}}.status-cancelled{color:#f59e0b!important;display:flex;align-items:center;gap:.375rem}.status-cancelled:before{content:"";width:8px;height:8px;background:#f59e0b;border-radius:50%;display:inline-block;box-shadow:0 0 0 3px #f59e0b33}.status-warning{color:#f59e0b!important;font-weight:700!important}.cancelled-state{background:#fffbeb!important;border-top:2px solid #fef3c7!important}.action-header.cancelled{color:#059669!important}.action-header.cancelled svg{color:#059669!important}.cancelled-info-box{display:flex;gap:.75rem;padding:1.25rem;background:var(--surface-primary);border:2px solid #fef3c7;border-radius:10px;margin-top:1.25rem}.cancelled-info-box svg{flex-shrink:0;color:#f59e0b;margin-top:.125rem}.cancelled-info-box strong{display:block;color:var(--text-secondary);font-size:.95rem;margin-bottom:.375rem}.cancelled-info-box p{color:var(--text-muted);font-size:.9rem;line-height:1.5;margin:0}@media (max-width: 640px){.cancelled-info-box{flex-direction:column;gap:.5rem;padding:1rem}.cancelled-info-box svg{margin-top:0}}.modal-content{background:var(--modal-bg);border-radius:20px;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px var(--shadow-lg)}.delete-modal .modal-header{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 2rem 1.5rem;border-bottom:1px solid var(--border-primary)}.delete-modal .modal-header h2{font-size:1.75rem;font-weight:700;color:#dc2626;margin:0}.modal-body{padding:2rem}.modal-warning{font-size:1rem;color:#991b1b;background:#fef2f2;padding:1rem;border-radius:10px;border-left:4px solid #dc2626;margin-bottom:1.5rem;font-weight:600}.modal-success{font-size:1rem;color:#059669;background:#ecfdf5;padding:1rem;border-radius:10px;border-left:4px solid #10b981;margin-bottom:1.5rem;font-weight:600}.modal-info{font-size:.95rem;color:var(--text-muted);line-height:1.6;margin-bottom:1.5rem}.delete-list{margin:0 0 1.5rem 1.5rem;padding:0;list-style:disc;color:var(--text-tertiary);line-height:1.8}.delete-list li{font-size:.95rem}.otp-input-container{margin:2rem 0;display:flex;justify-content:center}.otp-input{width:100%;max-width:250px;padding:1.25rem 1.5rem;font-size:2rem;font-weight:700;text-align:center;letter-spacing:.5rem;border:3px solid #dc2626;border-radius:12px;background:#fef2f2;color:#dc2626;font-family:Courier New,monospace;transition:all .3s ease}.otp-input:focus{outline:none}.otp-input::placeholder{color:#fca5a5;opacity:.5}.modal-hint{font-size:.85rem;color:var(--text-muted);text-align:center;margin:0}.link-button{background:none;border:none;color:var(--brand-primary);font-weight:600;cursor:pointer;padding:0;text-decoration:underline;font-size:inherit}.link-button:hover{color:var(--brand-secondary)}.link-button:disabled{opacity:.5;cursor:not-allowed}.modal-footer{display:flex;gap:1rem;padding:1.5rem 2rem 2rem;border-top:1px solid var(--border-primary)}.modal-footer button{flex:1;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-footer .btn-secondary{background:var(--surface-primary);color:var(--text-muted);border:2px solid var(--border-primary)}.modal-footer .btn-secondary:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-secondary)}.modal-footer .btn-danger{background:#dc2626;color:#fff;border:2px solid #dc2626}.modal-footer .btn-danger:hover:not(:disabled){background:#991b1b;border-color:#991b1b;transform:translateY(-1px);box-shadow:0 4px 12px #dc26264d}.modal-footer button:disabled{opacity:.5;cursor:not-allowed}.modal-footer button svg{flex-shrink:0}@media (max-width: 640px){.modal-content{max-width:100%;margin:0;border-radius:16px}.delete-modal .modal-header,.modal-body{padding:1.5rem}.modal-footer{flex-direction:column;padding:1rem 1.5rem 1.5rem}.otp-input{font-size:1.5rem;padding:1rem}}.password-modal{max-height:none;overflow-y:visible}.password-modal .modal-header{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 2rem 1.5rem;border-bottom:1px solid var(--border-primary);text-align:center}.password-modal .modal-header h2{font-size:1.75rem;font-weight:700;color:var(--text-secondary);margin:0}.password-modal .modal-header p{font-size:.95rem;color:var(--text-muted);margin:0}.password-form{display:flex;flex-direction:column;gap:1.5rem}.password-form .form-group{margin-bottom:0}.password-form label{display:block;font-weight:600;color:var(--text-tertiary);margin-bottom:.5rem;font-size:.95rem}.password-input-container{position:relative;display:flex;align-items:center}.password-input-container .input-icon-left{position:absolute;left:1rem;color:var(--text-placeholder);pointer-events:none;z-index:1}.password-input{width:100%;padding:.875rem 3rem;border:2px solid var(--border-primary);border-radius:10px;font-size:1rem;transition:all .3s ease;background:var(--bg-secondary);color:var(--text-primary);box-sizing:border-box}.password-input:focus{outline:none}.password-input:disabled{opacity:.6;cursor:not-allowed}.password-toggle{position:absolute;right:.75rem;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:2}.password-toggle:hover{color:var(--brand-primary);background:#8b5cf61a}.password-toggle:focus{outline:none}.password-hint{display:block;margin-top:.5rem;font-size:.8rem;color:var(--text-muted);line-height:1.4}.password-modal .modal-footer{display:flex;gap:1rem;padding:1.5rem 2rem 2rem;border-top:1px solid var(--border-primary)}.password-modal .modal-footer button{flex:1}.password-modal .btn-primary{background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:2px solid transparent;box-shadow:0 4px 12px #8b5cf64d}.password-modal .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #8b5cf666}.password-modal .alert{margin-bottom:1.5rem}@media (max-width: 640px){.password-modal .modal-header,.password-modal .modal-body{padding:1.5rem}.password-modal .modal-footer{flex-direction:column;padding:1rem 1.5rem 1.5rem}.password-input{font-size:.95rem;padding:.75rem 2.75rem}}.upgrade-container{min-height:100vh;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);padding-bottom:4rem}.upgrade-main{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.upgrade-header{text-align:center;margin-bottom:3rem;color:var(--text-primary)}.upgrade-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;letter-spacing:-.02em}.upgrade-header p{font-size:1.1rem;color:var(--text-muted)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:4rem}.plan-card{background:var(--surface-primary);border-radius:20px;padding:2rem;box-shadow:0 4px 6px var(--shadow-sm),0 1px 3px var(--shadow-md);border:2px solid var(--border-primary);transition:all .3s ease;position:relative;display:flex;flex-direction:column}.plan-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #8b5cf626;border-color:#8b5cf64d}.plan-card.popular{border-color:#8b5cf6;box-shadow:0 8px 25px #8b5cf633}.plan-card.current-plan{border-color:#10b981;background:linear-gradient(135deg,#f0fdf4,#fff)}.dark .plan-card.current-plan{background:linear-gradient(135deg,rgba(16,185,129,.15) 0%,var(--surface-primary) 100%)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;box-shadow:0 4px 12px #8b5cf666}.current-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;box-shadow:0 4px 12px #10b98166}.plan-header{text-align:center;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--border-primary)}.plan-header h3{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.plan-description{font-size:.95rem;color:var(--text-muted);margin-bottom:1.5rem}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:.5rem}.price{font-size:3rem;font-weight:700;color:var(--text-primary);line-height:1}.period{font-size:1rem;color:var(--text-muted)}.plan-features{flex:1;margin-bottom:2rem}.feature-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem 0;color:var(--text-tertiary)}.feature-item svg{color:#10b981;flex-shrink:0;margin-top:.15rem}.feature-item span{font-size:.95rem;line-height:1.5}.plan-button{width:100%;padding:1rem;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.plan-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #667eea4d}.plan-button:disabled,.plan-button.current{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.plan-card.popular .plan-button{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px #8b5cf64d}.upgrade-footer{margin-top:4rem}.footer-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;padding:3rem;background:var(--surface-primary);border-radius:20px;box-shadow:0 4px 6px var(--shadow-sm);border:1px solid var(--border-primary)}.footer-feature{text-align:center}.footer-feature svg{color:#8b5cf6;margin-bottom:1rem}.footer-feature h4{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}.footer-feature p{font-size:.95rem;color:var(--text-muted);margin:0}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;color:var(--text-primary);gap:1rem}.loading-container p{font-size:1.1rem;color:var(--text-muted)}.upgrade-message{display:flex;align-items:center;gap:.75rem;padding:1rem 1.5rem;border-radius:12px;margin-bottom:2rem;font-size:.95rem;line-height:1.5}.upgrade-message.success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#065f46;border:1px solid #10b981}.dark .upgrade-message.success{background:linear-gradient(135deg,#10b98133,#10b9811a);color:#6ee7b7}.upgrade-message.error{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#991b1b;border:1px solid #ef4444}.dark .upgrade-message.error{background:linear-gradient(135deg,#ef444433,#ef44441a);color:#fca5a5}.upgrade-message.info{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1e40af;border:1px solid #3b82f6}.dark .upgrade-message.info{background:linear-gradient(135deg,#3b82f633,#3b82f61a);color:#93c5fd}.upgrade-message svg{flex-shrink:0}.payment-success-card{background:var(--surface-primary);border-radius:20px;padding:3rem;box-shadow:0 20px 60px #10b98126;border:2px solid #10b981;margin-bottom:3rem;text-align:center;max-width:500px;margin-left:auto;margin-right:auto}.payment-success-card .success-icon{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.payment-success-card .success-icon svg{color:#fff}.payment-success-card h2{font-size:1.75rem;font-weight:700;color:#065f46;margin-bottom:.75rem}.dark .payment-success-card h2{color:#6ee7b7}.payment-success-card .success-message{font-size:1.1rem;color:#047857;margin-bottom:1.5rem}.dark .payment-success-card .success-message{color:#34d399}.payment-success-card .subscription-details{background:#f0fdf4;border-radius:12px;padding:1rem 1.5rem;margin-bottom:1.5rem}.dark .payment-success-card .subscription-details{background:#10b9811a}.payment-success-card .detail-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.payment-success-card .detail-label{font-size:.9rem;color:var(--text-muted);font-weight:500}.payment-success-card .detail-value{font-size:.9rem;color:var(--text-primary);font-weight:600;font-family:Monaco,Menlo,monospace}.payment-success-card .success-note{font-size:.9rem;color:var(--text-muted);line-height:1.6;margin-bottom:2rem}.payment-success-card .success-actions{display:flex;gap:1rem;justify-content:center}.payment-success-card .primary-button{padding:.875rem 1.5rem;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.payment-success-card .primary-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #10b9814d}.payment-success-card .secondary-button{padding:.875rem 1.5rem;background:var(--surface-primary);color:var(--text-muted);border:2px solid var(--border-primary);border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.payment-success-card .secondary-button:hover{border-color:#10b981;color:#10b981}@media (max-width: 768px){.payment-success-card{padding:2rem;margin:0 1rem 2rem}.payment-success-card .success-actions{flex-direction:column}.payment-success-card .detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}}.plan-button{display:flex;align-items:center;justify-content:center;gap:.5rem}@media (max-width: 768px){.upgrade-main{padding:1.5rem 1rem}.upgrade-header h1{font-size:2rem}.plans-grid{grid-template-columns:1fr;gap:2rem}.plan-card{padding:1.5rem}.price{font-size:2.5rem}.footer-features{grid-template-columns:1fr;padding:2rem}}.privacy-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden;padding:40px 20px}.privacy-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.privacy-background .floating-shapes{position:relative;width:100%;height:100%}.privacy-background .floating-shape{position:absolute;color:#ffffff1a;pointer-events:none}.privacy-background .shape-1{top:10%;left:5%}.privacy-background .shape-2{top:20%;left:85%}.privacy-background .shape-3{top:40%;left:10%}.privacy-background .shape-4{top:60%;left:80%}.privacy-background .shape-5{top:70%;left:15%}.privacy-background .shape-6{top:85%;left:75%}.privacy-background .shape-7{top:15%;left:50%}.privacy-background .shape-8{top:45%;left:60%}.privacy-background .shape-9{top:75%;left:45%}.privacy-background .shape-10{top:30%;left:30%}.privacy-background .shape-11{top:55%;left:70%}.privacy-background .shape-12{top:80%;left:25%}.privacy-content{max-width:900px;margin:0 auto;position:relative;z-index:1}.privacy-header{text-align:center;margin-bottom:40px}.privacy-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:#ffffff26;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:20px;color:#fff;margin-bottom:20px}.privacy-header h1{font-size:42px;font-weight:700;color:#fff;margin-bottom:10px;text-shadow:0 2px 10px rgba(0,0,0,.1)}.privacy-subtitle{font-size:16px;color:#ffffffe6;font-weight:400}.privacy-card{background:var(--surface-primary);border-radius:24px;box-shadow:0 20px 60px var(--shadow-sm);overflow:hidden;border:1px solid var(--border-primary)}.privacy-body{padding:50px}.privacy-section{margin-bottom:40px}.privacy-section:last-child{margin-bottom:0}.section-header h2{font-size:28px;font-weight:700;color:var(--text-primary);margin:0}.privacy-section h3{font-size:20px;font-weight:600;color:var(--text-tertiary);margin:24px 0 12px}.privacy-section p{font-size:16px;line-height:1.7;color:var(--text-muted);margin-bottom:16px}.privacy-section ul{margin:16px 0;padding-left:24px}.privacy-section li{font-size:16px;line-height:1.7;color:var(--text-muted);margin-bottom:8px}.privacy-section li strong{color:var(--text-primary);font-weight:600}.privacy-section a{color:#667eea;text-decoration:none;font-weight:500;transition:color .2s ease}.privacy-section a:hover{color:#764ba2;text-decoration:underline}.contact-info{background:var(--bg-secondary);border-left:4px solid #667eea;padding:20px;border-radius:8px;margin-top:16px}.privacy-section.acknowledgment{background:linear-gradient(135deg,#667eea,#764ba2);padding:24px;border-radius:12px;margin-top:40px}.privacy-section.acknowledgment p{color:#fff;font-size:15px;font-weight:500;margin:0;text-align:center}@media (max-width: 768px){.privacy-container{padding:20px 15px}.privacy-header h1{font-size:32px}.privacy-icon{width:60px;height:60px}.privacy-icon svg{width:32px;height:32px}.privacy-body{padding:30px 25px}.section-header h2{font-size:24px}.privacy-section h3{font-size:18px}.privacy-section p,.privacy-section li{font-size:15px}}@media (max-width: 480px){.privacy-header h1{font-size:28px}.privacy-body{padding:25px 20px}.section-header{flex-direction:column;align-items:flex-start;gap:8px}.section-header h2{font-size:22px}}.terms-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden;padding:40px 20px}.terms-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.terms-background .floating-shapes{position:relative;width:100%;height:100%}.terms-background .floating-shape{position:absolute;color:#ffffff1a;pointer-events:none}.terms-background .shape-1{top:10%;left:5%}.terms-background .shape-2{top:20%;left:85%}.terms-background .shape-3{top:40%;left:10%}.terms-background .shape-4{top:60%;left:80%}.terms-background .shape-5{top:70%;left:15%}.terms-background .shape-6{top:85%;left:75%}.terms-background .shape-7{top:15%;left:50%}.terms-background .shape-8{top:45%;left:60%}.terms-background .shape-9{top:75%;left:45%}.terms-background .shape-10{top:30%;left:30%}.terms-background .shape-11{top:55%;left:70%}.terms-background .shape-12{top:80%;left:25%}.terms-content{max-width:900px;margin:0 auto;position:relative;z-index:1}.terms-header{text-align:center;margin-bottom:40px}.terms-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:#ffffff26;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:20px;color:#fff;margin-bottom:20px}.terms-header h1{font-size:42px;font-weight:700;color:#fff;margin-bottom:10px;text-shadow:0 2px 10px rgba(0,0,0,.1)}.terms-subtitle{font-size:16px;color:#ffffffe6;font-weight:400}.terms-card{background:#fff;border-radius:24px;box-shadow:0 20px 60px #0003;overflow:hidden}.terms-body{padding:50px}.terms-section{margin-bottom:40px}.terms-section:last-child{margin-bottom:0}.section-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;color:#667eea}.section-header h2{font-size:28px;font-weight:700;color:#1e293b;margin:0}.section-header svg{min-width:24px}.terms-section h3{font-size:20px;font-weight:600;color:#334155;margin:24px 0 12px}.terms-section p{font-size:16px;line-height:1.7;color:#475569;margin-bottom:16px}.terms-section ul{margin:16px 0;padding-left:24px}.terms-section li{font-size:16px;line-height:1.7;color:#475569;margin-bottom:8px}.terms-section li strong{color:#1e293b;font-weight:600}.terms-section a{color:#667eea;text-decoration:none;font-weight:500;transition:color .2s ease}.terms-section a:hover{color:#764ba2;text-decoration:underline}.contact-info{background:#f8fafc;border-left:4px solid #667eea;padding:20px;border-radius:8px;margin-top:16px}.contact-info p{margin-bottom:8px}.contact-info p:last-child{margin-bottom:0}.terms-section.acknowledgment{background:linear-gradient(135deg,#667eea,#764ba2);padding:24px;border-radius:12px;margin-top:40px}.terms-section.acknowledgment p{color:#fff;font-size:15px;font-weight:500;margin:0;text-align:center}@media (max-width: 768px){.terms-container{padding:20px 15px}.terms-header h1{font-size:32px}.terms-icon{width:60px;height:60px}.terms-icon svg{width:32px;height:32px}.terms-body{padding:30px 25px}.section-header h2{font-size:24px}.terms-section h3{font-size:18px}.terms-section p,.terms-section li{font-size:15px}}@media (max-width: 480px){.terms-header h1{font-size:28px}.terms-body{padding:25px 20px}.section-header{flex-direction:column;align-items:flex-start;gap:8px}.section-header h2{font-size:22px}}.documentation-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden;padding:40px 20px}.documentation-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.documentation-background .floating-shapes{position:relative;width:100%;height:100%}.documentation-background .floating-shape{position:absolute;color:#ffffff1a;pointer-events:none}.documentation-background .shape-1{top:10%;left:5%}.documentation-background .shape-2{top:20%;left:85%}.documentation-background .shape-3{top:40%;left:10%}.documentation-background .shape-4{top:60%;left:80%}.documentation-background .shape-5{top:70%;left:15%}.documentation-background .shape-6{top:85%;left:75%}.documentation-background .shape-7{top:15%;left:50%}.documentation-background .shape-8{top:45%;left:60%}.documentation-background .shape-9{top:75%;left:45%}.documentation-background .shape-10{top:30%;left:30%}.documentation-background .shape-11{top:55%;left:70%}.documentation-background .shape-12{top:80%;left:25%}.documentation-content{max-width:1200px;margin:0 auto;position:relative;z-index:1}.back-button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff1a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease;margin-bottom:30px}.back-button:hover{background:#ffffff26;transform:translate(-5px)}.documentation-header{text-align:center;margin-bottom:50px}.documentation-icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:#ffffff26;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:20px;color:#fff;margin-bottom:20px}.documentation-header h1{font-size:42px;font-weight:700;color:#fff;margin-bottom:10px;text-shadow:0 2px 10px rgba(0,0,0,.1)}.documentation-subtitle{font-size:16px;color:#ffffffe6;font-weight:400;margin:0}.search-container{margin-bottom:40px;display:flex;flex-direction:column;gap:16px}.search-input-wrapper{position:relative;display:flex;align-items:center;background:#ffffff26;backdrop-filter:blur(10px);border:none;border-radius:12px;padding:0 16px;transition:all .3s ease;box-shadow:none}.search-input-wrapper:focus-within{border:none;box-shadow:none}.search-icon{color:#ffffffb3;flex-shrink:0;margin-right:8px}.search-input{flex:1;background:transparent!important;border:none!important;color:#fff;font-size:16px;padding:14px 0 14px 30px;outline:none!important;font-weight:500;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;box-shadow:none!important;min-width:0}.search-input:focus{color:#fff;background:transparent!important;border:none!important;outline:none!important;box-shadow:none!important;-webkit-box-shadow:none!important}.search-input::placeholder{color:#fff9}.search-input:-webkit-autofill,.search-input:-webkit-autofill:hover,.search-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px transparent inset!important;-webkit-text-fill-color:#ffffff!important;border:none!important;outline:none!important}.search-clear{background:none;border:none;color:#ffffffb3;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease;flex-shrink:0}.search-clear:hover{color:#fff}.search-results-info{color:#fffc;font-size:13px;text-align:center;font-weight:500}.category-filter{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-bottom:50px}.category-button{padding:10px 20px;background:#ffffff26;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:24px;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.category-button:hover{background:#ffffff40;border-color:#fff6}.category-button.active{background:#fff;color:#667eea;border-color:#fff;font-weight:600}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:40px}.article-card{background:#fff;border-radius:16px;padding:28px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:16px;box-shadow:0 10px 30px #0000001a}.article-card:hover{box-shadow:0 20px 50px #00000026}.article-icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;color:#fff}.article-content{flex:1}.article-content h3{font-size:18px;font-weight:700;color:#1e293b;margin:0 0 8px;line-height:1.4}.article-content p{font-size:14px;color:#64748b;margin:0;line-height:1.6}.article-category{display:inline-block;padding:4px 12px;background:#f1f5f9;border-radius:6px;font-size:12px;font-weight:600;color:#667eea;margin-top:8px}.article-arrow{color:#667eea;opacity:.6;transition:all .3s ease}.article-card:hover .article-arrow{opacity:1;transform:translate(4px)}.empty-state{text-align:center;padding:60px 20px;color:#fff}.empty-state svg{margin-bottom:20px;opacity:.8}.empty-state h3{font-size:24px;font-weight:700;margin-bottom:10px}.empty-state p{font-size:16px;opacity:.9;margin-bottom:24px}.empty-state-reset{padding:10px 24px;background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.empty-state-reset:hover{background:#ffffff4d;border-color:#ffffff80}@media (max-width: 768px){.documentation-container{padding:20px 16px}.documentation-header h1{font-size:32px}.search-input{font-size:14px;padding:12px 0}.search-input-wrapper{padding:0 12px}.search-icon{width:18px;height:18px;margin-right:10px}.articles-grid{grid-template-columns:1fr;gap:16px}.category-filter{gap:8px}.category-button{padding:8px 16px;font-size:13px}}@media (max-width: 480px){.search-input-wrapper{padding:0 12px}.search-input{font-size:14px;padding:12px 0}.search-results-info{font-size:12px}.category-filter{gap:6px}.category-button{padding:6px 12px;font-size:12px}}.doc-article-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);position:relative;overflow:hidden;padding:40px 20px}.doc-article-background{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.doc-article-background .floating-shapes{position:relative;width:100%;height:100%}.doc-article-background .floating-shape{position:absolute;color:#ffffff1a;pointer-events:none}.doc-article-background .shape-1{top:10%;left:5%}.doc-article-background .shape-2{top:20%;left:85%}.doc-article-background .shape-3{top:40%;left:10%}.doc-article-background .shape-4{top:60%;left:80%}.doc-article-background .shape-5{top:70%;left:15%}.doc-article-background .shape-6{top:85%;left:75%}.doc-article-background .shape-7{top:15%;left:50%}.doc-article-background .shape-8{top:45%;left:60%}.doc-article-content{max-width:900px;margin:0 auto;position:relative;z-index:1}.doc-article-content .back-button{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#ffffff1a;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease;margin-bottom:30px}.doc-article-content .back-button:hover{background:#ffffff26;transform:translate(-5px)}.article-not-found{text-align:center;padding:100px 20px;color:#fff}.article-not-found svg{margin-bottom:24px;opacity:.8}.article-not-found h1{font-size:32px;font-weight:700;margin-bottom:16px}.article-not-found p{font-size:16px;opacity:.9;margin-bottom:32px}.back-to-docs{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#fff;color:#667eea;border-radius:8px;text-decoration:none;font-weight:600;transition:all .3s ease}.back-to-docs:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0003}.article-header{background:#fff;border-radius:16px;padding:40px;margin-bottom:24px;box-shadow:0 10px 40px #0000001a}.article-meta{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:20px;align-items:center}.article-meta .article-category{padding:6px 14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.article-meta .article-date,.article-meta .article-read-time{font-size:13px;color:#64748b}.article-header h1{font-size:36px;font-weight:700;color:#1e293b;margin:0 0 16px;line-height:1.3}.article-description{font-size:18px;color:#64748b;margin:0;line-height:1.6}.article-body{background:#fff;border-radius:16px;padding:40px;margin-bottom:24px;box-shadow:0 10px 40px #0000001a}.article-section{margin-bottom:40px}.article-section:last-child{margin-bottom:0}.article-section h2{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #f1f5f9}.article-section p{font-size:16px;color:#475569;line-height:1.8;margin:0 0 16px}.article-section p:last-child{margin-bottom:0}.prerequisites-list{list-style:none;padding:0;margin:0}.prerequisites-list li{display:flex;align-items:center;gap:12px;padding:12px 0;font-size:15px;color:#475569;border-bottom:1px solid #f1f5f9}.prerequisites-list li:last-child{border-bottom:none}.prerequisites-list li svg{color:#10b981;flex-shrink:0}.step-list{padding-left:24px;margin:0}.step-list li{padding:12px 0;font-size:15px;color:#475569;line-height:1.7}.step-list li ul{margin-top:12px;list-style:disc;padding-left:20px}.step-list li ul li{padding:4px 0;border-bottom:none}.code-block{background:#1e293b;border-radius:12px;overflow:hidden;margin:20px 0;position:relative}.code-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#0f172a;border-bottom:1px solid #334155}.code-header span{font-size:13px;color:#94a3b8;font-weight:500}.copy-button{position:absolute;top:20px;right:12px;padding:6px 12px;background:#334155;border:none;border-radius:6px;color:#e2e8f0;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;z-index:10}.copy-button:hover{background:#475569}.code-block pre{margin:0;padding:50px 20px 20px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:14px;color:#e2e8f0;line-height:1.6;overflow-x:auto;white-space:pre}.info-box,.warning-box,.success-box{display:flex;gap:16px;padding:20px;border-radius:12px;margin:20px 0}.info-box{background:#eff6ff;border:1px solid #bfdbfe}.info-box svg{color:#3b82f6;flex-shrink:0;margin-top:2px}.info-box strong{color:#1e40af;display:block;margin-bottom:4px;font-size:14px}.info-box p{color:#1e40af;margin:0;font-size:14px;line-height:1.6}.warning-box{background:#fffbeb;border:1px solid #fde68a}.warning-box svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.warning-box strong{color:#92400e;display:block;margin-bottom:4px;font-size:14px}.warning-box p{color:#92400e;margin:0;font-size:14px;line-height:1.6}.warning-box code{background:#92400e1a;padding:2px 6px;border-radius:4px;font-size:13px}.success-box{background:#ecfdf5;border:1px solid #a7f3d0}.success-box svg{color:#10b981;flex-shrink:0;margin-top:2px}.success-box strong{color:#065f46;display:block;margin-bottom:4px;font-size:14px}.success-box p{color:#065f46;margin:0;font-size:14px;line-height:1.6}.permissions-table,.options-table,.mapping-table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px}.permissions-table th,.options-table th,.mapping-table th{background:#f8fafc;padding:14px 16px;text-align:left;font-weight:600;color:#1e293b;border-bottom:2px solid #e2e8f0}.permissions-table td,.options-table td,.mapping-table td{padding:14px 16px;border-bottom:1px solid #f1f5f9;color:#475569}.permissions-table code,.options-table code{background:#f1f5f9;padding:2px 8px;border-radius:4px;font-size:13px;color:#667eea}.credential-links{margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.credential-links h4{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 8px}.credential-links>p{font-size:14px;color:#64748b;margin:0 0 16px}.credential-link{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;text-decoration:none;margin-bottom:10px;transition:all .3s ease}.credential-link:last-child{margin-bottom:0}.credential-link:hover{background:#f1f5f9;border-color:#667eea;transform:translate(4px)}.credential-link svg:first-child{color:#667eea;flex-shrink:0}.credential-link span{flex:1;font-size:14px;font-weight:500;color:#1e293b}.credential-link svg:last-child{color:#94a3b8}.best-practices-list{list-style:none;padding:0;margin:0}.best-practices-list li{padding:16px 0;font-size:15px;color:#475569;line-height:1.7;border-bottom:1px solid #f1f5f9}.best-practices-list li:last-child{border-bottom:none}.best-practices-list li strong{color:#1e293b}.related-articles{background:#fff;border-radius:16px;padding:32px;margin-bottom:24px;box-shadow:0 10px 40px #0000001a}.related-articles h3{font-size:20px;font-weight:700;color:#1e293b;margin:0 0 20px}.related-articles-grid{display:flex;flex-direction:column;gap:12px}.related-article-card{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;text-decoration:none;transition:all .3s ease}.related-article-card:hover{background:#f1f5f9;border-color:#667eea;transform:translate(4px)}.related-article-card svg:first-child{color:#667eea;flex-shrink:0}.related-article-card div{flex:1}.related-article-card h4{font-size:15px;font-weight:600;color:#1e293b;margin:0 0 4px}.related-article-card p{font-size:13px;color:#64748b;margin:0;line-height:1.4}.related-article-card svg:last-child{color:#94a3b8;flex-shrink:0}.article-cta{background:#fff;border-radius:16px;padding:40px;text-align:center;box-shadow:0 10px 40px #0000001a}.article-cta h3{font-size:24px;font-weight:700;color:#1e293b;margin:0 0 12px}.article-cta p{font-size:16px;color:#64748b;margin:0 0 24px}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.cta-button{padding:14px 28px;border-radius:10px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s ease}.cta-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #667eea66}.cta-button.secondary{background:#f1f5f9;color:#475569}.cta-button.secondary:hover{background:#e2e8f0}@media (max-width: 768px){.doc-article-container{padding:20px 16px}.article-header,.article-body,.related-articles,.article-cta{padding:24px;border-radius:12px}.article-header h1{font-size:28px}.article-description{font-size:16px}.article-meta{gap:10px}.article-section h2{font-size:20px}.permissions-table,.options-table,.mapping-table{display:block;overflow-x:auto}.code-block pre{font-size:12px;padding:16px}.cta-buttons{flex-direction:column}.cta-button{width:100%;text-align:center}}@media (max-width: 480px){.article-header h1{font-size:24px}.article-meta{flex-direction:column;align-items:flex-start;gap:8px}.credential-link{padding:12px 16px}.credential-link span{font-size:13px}}.replication-rules-container{min-height:100vh;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.replication-rules-page-header{width:100%;max-width:100vw;margin:0;padding:2rem;box-sizing:border-box}.header-title-card{background:linear-gradient(135deg,#1e293b,#334155);border-radius:20px;padding:3.5rem 2rem;box-shadow:0 4px 20px #0000001f;position:relative;display:flex;align-items:center;justify-content:center;min-height:120px}.header-actions{position:absolute;top:1.25rem;right:1.5rem;display:flex;align-items:stretch;gap:.625rem}.header-content{display:flex;flex-direction:column;align-items:center;gap:0}.header-text{text-align:center}.header-text h1{font-size:1.75rem;font-weight:700;color:#fff;margin:0 0 .25rem;letter-spacing:-.01em}.header-text p{color:#94a3b8;font-size:.9375rem;margin:0}.refresh-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);color:#94a3b8;white-space:nowrap;box-sizing:border-box}.refresh-button:hover{background:#ffffff26;color:#fff}.refresh-button:disabled{opacity:.5;cursor:not-allowed}.refresh-button svg{width:18px;height:18px;stroke:currentColor;fill:none}.icon-button{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:10px;cursor:pointer;transition:all .2s ease;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);color:#94a3b8}.icon-button:hover{background:#ffffff26;color:#fff}.icon-button:disabled{opacity:.5;cursor:not-allowed}.icon-button svg{width:18px;height:18px;stroke:currentColor;fill:none}.primary-button{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid #10b981;background:#10b981;color:#fff;white-space:nowrap;height:100%;box-sizing:border-box}.primary-button:hover{background:#059669}.primary-button svg{width:18px;height:18px;stroke:currentColor;fill:none}@media (max-width: 768px){.replication-rules-page-header{padding:1rem}.header-title-card{padding:1.25rem 1.5rem;border-radius:16px}.header-content{flex-direction:column;align-items:center;gap:1.25rem}.header-text h1{font-size:1.375rem}.header-text p{font-size:.875rem}.header-actions{width:100%;justify-content:flex-end}.refresh-button{padding:.625rem 1rem;font-size:.875rem}}@media (max-width: 480px){.header-title-card{padding:1rem 1.25rem}.header-text h1{font-size:1.25rem}.primary-button{padding:.625rem 1rem;font-size:.875rem}.refresh-button{padding:.5rem .75rem;font-size:.8125rem}}.replication-rules-content{max-width:1400px;margin:0 auto;padding:48px;display:flex;flex-direction:column;gap:32px}.alert{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;border-radius:16px;margin-bottom:32px}.alert-content h3{font-size:18px;font-weight:600;margin:0 0 8px}.alert-content p{margin:0 0 16px;font-size:14px;line-height:1.6}.retry-button{background:#dc2626;color:#fff;border:none;border-radius:8px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.retry-button:hover{background:#b91c1c;transform:translateY(-1px)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;background:var(--surface-primary);border-radius:24px;border:1px solid var(--border-primary);box-shadow:0 4px 6px var(--shadow-sm)}.empty-state-icon{margin-bottom:24px;color:#10b981;background:linear-gradient(135deg,#d1fae5,#a7f3d0);padding:24px;border-radius:24px}.empty-state h2{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.empty-state p{color:var(--text-muted);font-size:16px;line-height:1.6;margin:0 0 32px;max-width:400px}button.create-rule-button{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;padding:15px 28px!important;border-radius:12px!important;font-size:16px!important;font-weight:600!important;cursor:pointer!important;transition:all .2s ease!important;border:none!important;background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;white-space:nowrap!important;box-shadow:0 4px 16px #10b98140!important;flex-wrap:nowrap!important;width:auto!important;height:auto!important}button.create-rule-button:hover{background:linear-gradient(135deg,#059669,#047857)!important;box-shadow:0 6px 20px #10b98159!important}button.create-rule-button svg{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;stroke:currentColor!important;fill:none!important;flex-shrink:0!important;margin:0 9px 0 0!important}button.create-rule-button span{flex-shrink:0!important;margin:0!important;padding:0!important}.rules-controls{background:var(--surface-primary);border-radius:20px;padding:32px;box-shadow:0 4px 6px var(--shadow-sm);border:1px solid var(--border-primary);display:flex;flex-direction:column;gap:24px}.controls-section{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.search-container{position:relative;flex:1;min-width:300px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-muted);width:20px;height:20px;stroke:currentColor;fill:none}.search-input{width:100%;padding:16px 16px 16px 48px;border:2px solid var(--border-primary);border-radius:12px;font-size:15px;transition:all .3s ease;background:var(--input-bg);color:var(--text-primary);box-sizing:border-box}.search-input:focus{outline:none;background:var(--surface-primary)}.search-input::placeholder{color:var(--text-placeholder)}.status-filters{display:flex;gap:12px;flex-wrap:wrap}.filter-button{display:flex;align-items:center;gap:8px;background:var(--bg-secondary);color:var(--text-muted);border:2px solid var(--border-primary);border-radius:12px;padding:12px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;white-space:nowrap}.filter-button:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.filter-button.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-color:#10b981}.filter-count{background:var(--bg-tertiary);color:var(--text-tertiary);padding:2px 8px;border-radius:8px;font-size:12px;font-weight:600;min-width:20px;text-align:center}.filter-button.active .filter-count{background:#fff3;color:#fff}.filter-button svg{width:16px;height:16px;stroke:currentColor;fill:none;flex-shrink:0}.rules-summary{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border-primary)}.summary-left{display:flex;gap:24px;align-items:center}.summary-item{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:14px;font-weight:500}.summary-item svg{width:16px;height:16px;color:#10b981;stroke:currentColor;fill:none;flex-shrink:0}.rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media (max-width: 1200px){.rules-grid{grid-template-columns:repeat(2,1fr)}}.rule-card{background:var(--surface-primary);border-radius:20px;padding:24px;border:1px solid var(--border-primary);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.rule-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(16,185,129,.05) 100%);opacity:0;transition:opacity .3s ease}.rule-card:hover:before{opacity:1}.rule-card:hover{border-color:#10b9814d;box-shadow:0 12px 40px #10b98126;transform:translateY(-4px)}.rule-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;position:relative;z-index:1}.rule-title-section{display:flex;flex-direction:column;gap:8px;flex:1}.rule-name{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3}.rule-name svg{color:#10b981}.rule-id{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:12px;font-weight:500;font-family:Monaco,Courier New,monospace;background:var(--bg-secondary);padding:4px 8px;border-radius:6px;width:fit-content}.rule-status{padding:8px 16px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;gap:6px;flex-shrink:0}.rule-card-content{position:relative;z-index:1}.rule-transfer-visual{display:flex;align-items:center;justify-content:space-between;margin:20px 0;padding:16px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-primary)}.transfer-endpoint{display:flex;flex-direction:column;align-items:center;gap:8px;flex:1}.service-badge{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:8px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.service-badge.source{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #3b82f6}.service-badge.destination{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #10b981}.bucket-name{color:var(--text-tertiary);font-size:12px;font-family:Monaco,Courier New,monospace;font-weight:500;text-align:center;word-break:break-all}.prefix-badge{font-size:10px;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 6px;border-radius:4px}.transfer-arrow{color:#10b981;margin:0 16px;flex-shrink:0}.rule-metadata{display:flex;flex-direction:column;gap:8px;margin:16px 0}.metadata-item{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:12px}.metadata-item svg{color:#10b981}.rule-tags{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.rule-tag{display:inline-block;padding:4px 10px;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border:1px solid var(--border-secondary);border-radius:12px;font-size:11px;font-weight:500;color:var(--text-tertiary)}.rule-tag.more{background:var(--bg-tertiary);color:var(--text-muted)}.rule-error{display:flex;align-items:flex-start;gap:8px;margin:16px 0;padding:12px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;border-radius:8px}.rule-error svg{color:#dc2626;flex-shrink:0;margin-top:1px}.rule-error span{color:#dc2626;font-size:12px;line-height:1.4}.rule-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid var(--border-primary);margin-top:20px;position:relative;z-index:1}.rule-actions{display:flex;gap:8px}.action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:none;cursor:pointer;transition:all .2s ease}.action-btn.pause{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #f59e0b}.action-btn.pause:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);box-shadow:0 4px 12px #f59e0b4d}.action-btn.resume{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #10b981}.action-btn.resume:hover{background:linear-gradient(135deg,#a7f3d0,#6ee7b7);box-shadow:0 4px 12px #10b9814d}.action-btn.delete{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #ef4444}.action-btn.delete:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);box-shadow:0 4px 12px #ef44444d}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn svg{width:16px;height:16px;flex-shrink:0;stroke:currentColor;fill:none}.click-hint{display:flex;align-items:center;gap:8px;color:#10b981;font-size:12px;font-weight:500;transition:all .3s ease}.rule-card:hover .click-hint{transform:translate(4px)}.status-deleted,.status-unknown{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151;border:1px solid #9ca3af}.pagination-inline{display:flex;align-items:center;gap:12px}.pagination-info{font-size:14px;color:var(--text-muted);font-weight:500}.pagination-controls{display:flex;align-items:center;gap:4px}.pagination-btn svg{width:18px;height:18px;stroke:currentColor;fill:none}@media (max-width: 1200px){.replication-rules-content{padding:32px 24px}}@media (max-width: 768px){.replication-rules-content{padding:24px 16px}.controls-section{flex-direction:column;align-items:stretch}.search-container{min-width:auto}.rules-grid{grid-template-columns:1fr}.rule-transfer-visual{flex-direction:column;gap:16px}.transfer-arrow{transform:rotate(90deg);margin:8px 0}}@media (max-width: 480px){.rules-controls,.rule-card{padding:20px}.status-filters{justify-content:center}.rules-summary{flex-direction:column;gap:12px;align-items:flex-start}.summary-left{flex-direction:column;gap:8px;align-items:flex-start}.pagination-inline{width:100%;justify-content:space-between}.rule-card-footer{flex-direction:column;gap:12px}.rule-actions{width:100%;justify-content:flex-start}.click-hint{width:100%;justify-content:center}}.delete-modal{background:var(--modal-bg);border-radius:16px;max-width:480px;width:100%;box-shadow:0 25px 50px -12px var(--shadow-lg);overflow:hidden}.create-rule-button:focus-visible,.refresh-button:focus-visible,.filter-button:focus-visible,.rule-card:focus-visible,.pagination-btn:focus-visible,.action-btn:focus-visible,.cancel-button:focus-visible,.confirm-delete-button:focus-visible{outline:2px solid #10b981;outline-offset:2px}.search-input:focus-visible{outline:none}.create-rule-container{min-height:100vh;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.create-rule-page-header{width:100%;max-width:100vw;margin:0;padding:2rem;box-sizing:border-box}.header-title-card{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3rem 2.5rem;box-shadow:0 4px 6px #00000026,0 1px 3px #0000001a;max-width:100%;box-sizing:border-box}.header-title-left h1{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 .75rem;letter-spacing:-.02em;text-shadow:0 2px 4px rgba(0,0,0,.2)}.header-title-left p{color:#cbd5e1;font-size:1.125rem;margin:0}@media (max-width: 768px){.header-title-card{padding:2rem 1.5rem}.header-title-left h1{font-size:1.75rem}.header-title-left p{font-size:1rem}}.create-rule-content{max-width:900px;margin:0 auto;padding:0 48px 48px;display:flex;flex-direction:column;gap:24px}@media (max-width: 768px){.create-rule-content{padding:0 16px 24px}}.info-banner{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #10b981;border-radius:16px}.info-banner svg{color:#10b981;flex-shrink:0;margin-top:2px}.info-content strong{display:block;color:#065f46;font-size:15px;margin-bottom:4px}.info-content p{color:#047857;font-size:14px;line-height:1.6;margin:0}.create-rule-form{display:flex;flex-direction:column;gap:24px}.alert-success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#065f46;border:1px solid #10b981}.replication-type-section{background:var(--surface-primary);border-radius:20px;padding:32px;box-shadow:0 1px 3px var(--shadow-sm);border:1px solid var(--border-primary)}.section-header-inline{margin-bottom:24px;text-align:center}.section-header-inline h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.section-header-inline p{color:var(--text-muted);font-size:.95rem;margin:0}.replication-type-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.replication-type-card{position:relative;padding:28px 20px;border:2px solid var(--border-primary);border-radius:16px;cursor:pointer;transition:all .3s ease;text-align:center;background:var(--surface-primary)}.replication-type-card:hover{border-color:var(--border-secondary);background:var(--bg-secondary);transform:translateY(-2px);box-shadow:0 4px 12px var(--shadow-sm)}.replication-type-card.selected{border-color:#10b981;background:linear-gradient(135deg,#ecfdf5,#d1fae5);box-shadow:0 4px 16px #10b98140}.replication-type-card .card-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 16px;transition:all .3s ease}.replication-type-card .card-icon.one-way{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.replication-type-card .card-icon.mirror{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff}.replication-type-card .card-icon.bidirectional{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.replication-type-card h3{font-size:1.125rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.replication-type-card p{font-size:.875rem;color:var(--text-muted);line-height:1.5;margin:0 0 16px;min-height:42px}.replication-type-card .card-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:var(--border-primary);color:var(--text-tertiary)}.replication-type-card .card-badge.mirror-badge{background:linear-gradient(135deg,#ede9fe,#ddd6fe);color:#6d28d9}.replication-type-card .card-badge.bidirectional-badge{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#b45309}.replication-type-card.selected .card-badge,.replication-type-card.selected .card-badge.mirror-badge,.replication-type-card.selected .card-badge.bidirectional-badge{background:#10b981;color:#fff}@media (max-width: 768px){.replication-type-selector{grid-template-columns:1fr;gap:16px}.replication-type-section{padding:24px 20px}.replication-type-card p{min-height:auto}}.replication-type-info{display:flex;gap:16px;padding:20px 24px;border-radius:12px;margin-top:20px;overflow:hidden}.replication-type-info.bidirectional-info{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #f59e0b}.replication-type-info .info-icon{flex-shrink:0;color:#d97706;margin-top:2px}.replication-type-info .info-text{flex:1}.replication-type-info .info-text>strong{display:block;color:#92400e;font-size:.95rem;margin-bottom:12px}.replication-type-info .info-text ul{margin:0 0 16px;padding-left:20px;color:#b45309;font-size:.875rem;line-height:1.8}.replication-type-info .info-text ul li{margin-bottom:4px}.replication-type-info .info-text ul li strong{color:#92400e}.replication-type-info .info-text .deletion-note{margin:0;padding:12px 16px;background:#f59e0b26;border-radius:8px;border-left:3px solid #f59e0b;color:#92400e;font-size:.875rem;line-height:1.6}.replication-type-info .info-text .deletion-note strong{color:#78350f}.replication-type-info .info-text .deletion-note em{font-style:italic;font-weight:600}@media (max-width: 768px){.replication-type-info{flex-direction:column;gap:12px;padding:16px}}.form-section{background:var(--surface-primary);border-radius:20px;padding:32px;box-shadow:0 4px 6px var(--shadow-sm);border:1px solid var(--border-primary)}.section-header{display:flex;align-items:center;gap:16px;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid var(--bg-tertiary)}.section-icon{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.section-icon.source{background:linear-gradient(135deg,#3b82f6,#1d4ed8);box-shadow:0 4px 12px #3b82f64d}.section-icon.destination{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 12px #10b9814d}.section-icon.details{background:linear-gradient(135deg,#8b5cf6,#6366f1);box-shadow:0 4px 12px #8b5cf64d}.section-title h2{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.section-title p{font-size:14px;color:var(--text-muted);margin:0}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media (max-width: 640px){.form-row{grid-template-columns:1fr}}.form-label{display:block;font-size:14px;font-weight:600;color:var(--text-tertiary);margin-bottom:8px}.form-input,.form-select,.form-textarea{width:100%;padding:14px 16px;border:2px solid var(--border-primary);border-radius:12px;font-size:15px;transition:all .3s ease;background:var(--input-bg);color:var(--text-primary);box-sizing:border-box;font-family:inherit}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;background:var(--surface-primary)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-placeholder)}.form-textarea{resize:vertical;min-height:100px}.form-hint{font-size:13px;color:var(--text-muted);margin-top:6px;line-height:1.4}.file-upload-label{display:block;cursor:pointer;padding:16px;background:var(--bg-secondary);border:2px dashed var(--border-primary);border-radius:12px;text-align:center;transition:all .2s ease;color:var(--text-muted)}.file-upload-label:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.form-divider{display:flex;align-items:center;margin:16px 0;color:var(--text-muted);font-size:13px}.form-divider:before,.form-divider:after{content:"";flex:1;height:1px;background:var(--border-primary)}.form-divider span{padding:0 16px}.transfer-visual-section{display:flex;justify-content:center;padding:16px 0}.transfer-arrow-container{display:flex;flex-direction:column;align-items:center;gap:8px;color:#10b981;background:linear-gradient(135deg,#ecfdf5,#d1fae5);padding:20px 40px;border-radius:16px;border:1px solid #a7f3d0}.transfer-arrow-container span{font-size:14px;font-weight:600;color:#065f46}.form-actions{display:flex;justify-content:flex-end;gap:16px;padding-top:16px}.cancel-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 28px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;background:var(--bg-secondary);border:2px solid var(--border-primary);color:var(--text-muted)}.cancel-button:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.submit-button{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 32px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;box-shadow:0 4px 12px #10b9814d}.submit-button:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166;transform:translateY(-2px)}.submit-button:disabled{opacity:.7;cursor:not-allowed;transform:none}@media (max-width: 640px){.form-section{padding:24px 20px}.section-header{flex-direction:column;text-align:center;gap:12px}.form-actions{flex-direction:column-reverse}.cancel-button,.submit-button{width:100%}}.tags-input-container{display:flex;flex-direction:column;gap:12px}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.tag-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--border-primary) 100%);border:1px solid var(--border-secondary);border-radius:20px;font-size:13px;font-weight:500;color:var(--text-tertiary)}.tag-remove-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;color:var(--text-muted);transition:color .2s ease}.tag-remove-btn:hover{color:#dc2626}.tag-input-row{display:flex;gap:12px}.tag-input{flex:1}.add-tag-btn{padding:14px 20px;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;color:#fff;white-space:nowrap}.add-tag-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#4f46e5);box-shadow:0 4px 12px #8b5cf64d}.add-tag-btn:disabled{opacity:.5;cursor:not-allowed}.cancel-button:focus-visible,.submit-button:focus-visible,.add-tag-btn:focus-visible{outline:2px solid #10b981;outline-offset:2px}.form-input:focus-visible,.form-select:focus-visible,.form-textarea:focus-visible{outline:none}.advanced-section{border:none!important;background:var(--surface-primary);padding:0;overflow:hidden;box-shadow:none!important;outline:none!important}.advanced-section.collapsed{background:var(--bg-secondary)}.advanced-section.expanded{background:var(--surface-primary)}.advanced-toggle-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:16px 24px;background:transparent;border:none!important;cursor:pointer;transition:background-color .2s ease;text-align:left;outline:none!important}.advanced-toggle-header:hover{background:var(--bg-secondary)}.advanced-toggle-left{display:flex;align-items:center;gap:14px}.advanced-section .section-icon.advanced{width:40px;height:40px;border-radius:10px;background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 2px 8px #6366f140}.advanced-section .section-title h2{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.advanced-section .section-title p{font-size:13px;color:var(--text-muted);margin:2px 0 0}.advanced-toggle-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:var(--bg-tertiary);color:var(--text-muted);transition:all .3s ease}.advanced-toggle-icon.expanded{transform:rotate(180deg);background:#e0e7ff;color:#4f46e5}.advanced-toggle-header:hover .advanced-toggle-icon{background:var(--border-primary)}.advanced-toggle-header:hover .advanced-toggle-icon.expanded{background:#c7d2fe}.advanced-content{overflow:hidden}.advanced-content-inner{padding:0 24px 24px}.advanced-subsection{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;padding:20px;margin-top:20px}.advanced-subsection:first-child{margin-top:20px}.subsection-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-primary)}.subsection-header svg{color:#6366f1}.subsection-header h3{font-size:14px;font-weight:600;color:var(--text-tertiary);margin:0}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-label{display:flex;align-items:flex-start;gap:14px;cursor:pointer;padding:16px;border-radius:12px;border:2px solid var(--border-primary);background:var(--input-bg);transition:all .2s ease}.checkbox-label:hover{border-color:var(--border-secondary);background:var(--bg-secondary)}.checkbox-input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkbox-custom{position:relative;flex-shrink:0;width:22px;height:22px;border:2px solid var(--border-secondary);border-radius:6px;background:var(--surface-primary);transition:all .2s ease;margin-top:2px}.checkbox-input:checked+.checkbox-custom{background:linear-gradient(135deg,#6366f1,#4f46e5);border-color:#4f46e5}.checkbox-input:checked+.checkbox-custom:after{content:"";position:absolute;left:6px;top:2px;width:6px;height:12px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-input:focus-visible+.checkbox-custom{outline:2px solid #6366f1;outline-offset:2px}.checkbox-content{display:flex;flex-direction:column;gap:4px}.checkbox-title{font-size:15px;font-weight:600;color:var(--text-primary)}.checkbox-description{font-size:13px;color:var(--text-muted);line-height:1.5}.checkbox-label:has(.checkbox-input:checked){border-color:#fca5a5;background:linear-gradient(135deg,#fef2f2,#fee2e2)}.advanced-toggle-header:focus-visible{outline:none}.form-input[type=number]{-moz-appearance:textfield}.form-input[type=number]::-webkit-outer-spin-button,.form-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}@media (max-width: 640px){.advanced-toggle-header{padding:14px 16px}.advanced-section .section-icon.advanced{width:36px;height:36px}.advanced-section .section-title h2{font-size:15px}.advanced-section .section-title p{font-size:12px}.advanced-content-inner{padding:0 16px 16px}.advanced-subsection{padding:16px}.checkbox-label{padding:14px}}.sync-interval-section{margin-top:1.5rem;padding:1.25rem;background:var(--card-bg, rgba(30, 41, 59, .5));border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:12px}.sync-interval-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;color:var(--text-primary, #f1f5f9);font-weight:600;font-size:.95rem}.sync-interval-header svg{color:var(--accent-color, #3b82f6)}.sync-interval-selector{display:flex;flex-direction:column;gap:.5rem}.sync-interval-select{width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:.95rem;border:1px solid var(--border-color, rgba(255, 255, 255, .15));border-radius:8px;background:var(--input-bg, rgba(15, 23, 42, .6));color:var(--text-primary, #f1f5f9);cursor:pointer;transition:all .2s ease;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem}.sync-interval-select:hover{border-color:var(--accent-color, #3b82f6)}.sync-interval-select:focus{outline:none;border-color:var(--accent-color, #3b82f6);box-shadow:0 0 0 3px #3b82f633}.sync-interval-select option{background:var(--dropdown-bg, #1e293b);color:var(--text-primary, #f1f5f9);padding:.5rem}.sync-interval-description{font-size:.85rem;color:var(--text-secondary, #94a3b8);padding-left:.25rem}.sync-interval-note{display:flex;align-items:flex-start;gap:.5rem;margin-top:.75rem;padding:.75rem;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);border-radius:8px;font-size:.85rem;color:var(--text-secondary, #94a3b8)}.sync-interval-note.live-note{background:#eab3081a;border-color:#eab3084d}.sync-interval-note svg{flex-shrink:0;color:#eab308;margin-top:.1rem}.sync-interval-note span{line-height:1.4}@media (max-width: 768px){.sync-interval-section{padding:1rem}.sync-interval-select{font-size:16px}}.rule-detail-container{min-height:100vh;background:linear-gradient(135deg,var(--bg-gradient-start) 0%,var(--bg-gradient-end) 100%);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}.rule-detail-page-header{width:100%;max-width:100vw;margin:0;padding:2rem;box-sizing:border-box}.header-title-card{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3rem 2rem;box-shadow:0 4px 6px #00000026,0 1px 3px #0000001a;max-width:100%;box-sizing:border-box;position:relative;min-height:140px}.back-link{position:absolute;top:1.25rem;left:1.5rem}.header-actions{position:absolute;top:1.25rem;right:1.5rem;display:flex;gap:.75rem;align-items:center}.header-center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:.5rem;padding-top:1rem}.header-center h1{font-size:1.75rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.02em}.action-button{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap}.action-button:hover{transform:translateY(-1px)}.action-button:active{transform:translateY(0)}.action-button.pause{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #f59e0b}.action-button.pause:hover{background:linear-gradient(135deg,#fde68a,#fcd34d);box-shadow:0 4px 12px #f59e0b4d}.action-button.resume{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #10b981}.action-button.resume:hover{background:linear-gradient(135deg,#a7f3d0,#6ee7b7);box-shadow:0 4px 12px #10b9814d}.action-button.delete{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #ef4444}.action-button.delete:hover{background:linear-gradient(135deg,#fecaca,#fca5a5);box-shadow:0 4px 12px #ef44444d}.action-button:disabled{opacity:.6;cursor:not-allowed}.refresh-button{display:flex;align-items:center;gap:.5rem;padding:.875rem 1.5rem;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;backdrop-filter:blur(10px);white-space:nowrap}.refresh-button:hover{background:#ffffff26;border-color:#ffffff4d;transform:translateY(-1px)}.refresh-button:active{transform:translateY(0)}.back-link{display:inline-flex;align-items:center;gap:.5rem;color:#ffffffb3;font-size:.9rem;font-weight:500;background:none;border:none;cursor:pointer;padding:0;transition:all .2s ease}.back-link:hover{color:#fff}.back-link svg{width:18px;height:18px;stroke:currentColor;fill:none}.rule-icon{width:56px;height:56px;background:linear-gradient(135deg,#10b981,#059669);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #10b9814d}.rule-id-display{font-family:Monaco,Courier New,monospace;font-size:.8rem;color:#ffffff80}.rule-status-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;border-radius:12px;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.rule-detail-content{max-width:1200px;margin:0 auto;padding:0 48px 48px;display:flex;flex-direction:column;gap:24px}.rule-description-section{margin-bottom:20px}.rule-description-section:last-child{margin-bottom:0}.section-label{font-size:13px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.rule-description{font-size:15px;color:var(--text-tertiary);line-height:1.6;margin:0}.rule-tags-section{margin-bottom:0}.rule-tags-list{display:flex;flex-wrap:wrap;gap:8px}.rule-tag-badge{display:inline-block;padding:6px 14px;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--border-primary) 100%);border:1px solid var(--border-secondary);border-radius:20px;font-size:13px;font-weight:500;color:var(--text-tertiary)}.alert{display:flex;align-items:center;gap:12px;padding:16px 20px;border-radius:12px;font-size:14px;font-weight:500}.alert-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#dc2626;border:1px solid #fca5a5}.detail-card{background:var(--surface-primary);border-radius:20px;padding:28px;box-shadow:0 4px 6px var(--shadow-sm);border:1px solid var(--border-primary)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.card-title{display:flex;align-items:center;gap:12px;font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 24px}.card-title svg{color:#10b981}.card-header .card-title{margin:0}.job-count{font-size:14px;color:var(--text-muted);background:var(--bg-tertiary);padding:6px 12px;border-radius:8px}.status-filters{display:flex;flex-wrap:wrap;gap:10px;padding:16px 0;margin-bottom:16px;border-bottom:1px solid var(--bg-tertiary)}.filter-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease;background:var(--bg-secondary);border:2px solid var(--border-primary);color:var(--text-muted)}.filter-btn:hover{background:var(--bg-tertiary);border-color:var(--border-secondary);transform:translateY(-1px)}.filter-btn.active{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;color:#fff;box-shadow:0 2px 8px #10b98140}.filter-btn svg{width:14px;height:14px;stroke:currentColor;fill:none}.transfer-config{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:24px;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-primary)}.transfer-endpoint-detail{padding:20px;background:var(--surface-primary);border-radius:12px;border:1px solid var(--border-primary);min-width:0}.endpoint-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--bg-tertiary)}.endpoint-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:4px 10px;border-radius:6px}.endpoint-label.source{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.endpoint-label.destination{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.service-name{font-size:14px;font-weight:700;color:var(--text-tertiary)}.endpoint-info{display:flex;flex-direction:column;gap:8px}.info-row{display:flex;gap:8px;font-size:14px}.info-label{color:#64748b;flex-shrink:0}.info-value{color:var(--text-primary);font-weight:500;word-break:break-all}.info-value.prefix{font-family:Monaco,Courier New,monospace;background:var(--bg-tertiary);padding:2px 6px;border-radius:4px;font-size:13px}.transfer-arrow-detail{color:#10b981;flex-shrink:0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat-card{background:var(--surface-primary);border-radius:16px;padding:20px;box-shadow:0 4px 6px var(--shadow-sm);border:1px solid var(--border-primary);display:flex;gap:16px;align-items:flex-start}.stat-icon{width:44px;height:44px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#10b981;flex-shrink:0}.stat-content{display:flex;flex-direction:column;gap:4px}.stat-label{font-size:13px;color:var(--text-muted)}.stat-value{font-size:15px;font-weight:600;color:var(--text-primary)}.error-card{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;border-radius:16px;padding:20px}.error-header{display:flex;align-items:center;gap:8px;color:#dc2626;font-weight:600;margin-bottom:8px}.error-message{color:#991b1b;font-size:14px;line-height:1.6;margin:0}.jobs-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:40px;color:var(--text-muted)}.empty-jobs{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px;color:var(--text-placeholder);text-align:center}.empty-jobs p{margin:16px 0 0;max-width:300px;line-height:1.6}.jobs-table{border:1px solid var(--border-primary);border-radius:12px;overflow:hidden}.table-header{display:grid;grid-template-columns:120px 1fr 1fr 100px 100px;gap:16px;padding:14px 20px;background:var(--bg-secondary);font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-primary)}.table-row{display:grid;grid-template-columns:120px 1fr 1fr 100px 100px;gap:16px;padding:14px 20px;font-size:14px;color:var(--text-tertiary);border-bottom:1px solid var(--bg-tertiary);transition:background .2s ease;background:var(--surface-primary)}.table-row:last-child{border-bottom:none}.table-row:hover{background:var(--bg-secondary)}.job-status{display:flex;align-items:center;gap:6px;font-weight:500}.job-error-row{grid-column:1 / -1;display:flex;align-items:flex-start;gap:8px;color:#dc2626;font-size:13px;padding:12px 16px;margin-top:12px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border:1px solid #fca5a5;border-radius:8px}.job-error-row svg{flex-shrink:0;margin-top:2px}.job-error-text{flex:1;line-height:1.5;word-break:break-word;font-weight:500}.pagination{display:flex;justify-content:space-between;align-items:center;padding-top:20px;margin-top:20px;border-top:1px solid var(--bg-tertiary)}.pagination-info{font-size:14px;color:var(--text-muted)}.pagination-controls{display:flex;align-items:center;gap:12px}.page-number{font-size:14px;color:var(--text-tertiary);font-weight:500}.pagination-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-primary);border-radius:8px;background:var(--surface-primary);color:var(--text-muted);cursor:pointer;transition:all .2s ease}.pagination-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:#10b981;color:#10b981}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn svg{width:18px;height:18px;flex-shrink:0;stroke:currentColor;fill:none}.action-button svg,.refresh-button svg{width:18px;height:18px;flex-shrink:0;stroke:currentColor;fill:none}.status-active{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid #10b981}.status-paused{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;border:1px solid #f59e0b}.status-running{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af;border:1px solid #3b82f6}.status-error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid #ef4444}.status-unknown{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#374151;border:1px solid #9ca3af}.table-row .job-status{padding:4px 10px;border-radius:8px;font-size:12px;width:fit-content}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px;text-align:center}.loading-spinner-container{margin-bottom:24px}.loading-spinner{color:#10b981;filter:drop-shadow(0 4px 8px rgba(16,185,129,.3))}.loading-container p{color:var(--text-muted);font-size:18px;font-weight:500}.error-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 40px;text-align:center;background:var(--surface-primary);border-radius:24px;border:1px solid var(--border-primary);max-width:600px;margin:48px auto}.error-container svg{color:#f59e0b;margin-bottom:20px}.error-container h2{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 12px}.error-container p{color:var(--text-muted);font-size:16px;margin:0 0 28px}.error-actions{display:flex;gap:16px}.error-actions .back-button{display:flex;align-items:center;gap:8px;padding:12px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;background:var(--bg-secondary);border:2px solid var(--border-primary);color:var(--text-muted);transition:all .2s ease}.error-actions .back-button:hover{background:var(--bg-tertiary);border-color:var(--border-secondary)}.error-actions .retry-button{padding:12px 24px;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;transition:all .2s ease}.error-actions .retry-button:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 4px 12px #10b9814d}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.transfer-config{grid-template-columns:1fr;grid-template-rows:auto auto auto}.transfer-arrow-detail{transform:rotate(90deg);justify-self:center}}@media (max-width: 768px){.rule-detail-content{padding:0 16px 24px}.header-title-card{padding:1.5rem;min-height:auto}.back-link{position:static;margin-bottom:1rem}.header-actions{position:static;justify-content:center;flex-wrap:wrap;margin-bottom:1rem}.header-center{padding-top:0}.stats-grid{grid-template-columns:1fr}.table-header,.table-row{grid-template-columns:100px 1fr 80px}.table-header span:nth-child(3),.table-header span:nth-child(4),.table-row span:nth-child(3),.table-row span:nth-child(4){display:none}.pagination{flex-direction:column;gap:16px}.status-filters{gap:8px}.filter-btn{font-size:12px;padding:7px 12px}}@media (max-width: 640px){.action-button,.refresh-button{padding:.625rem .875rem;font-size:.8rem}.header-actions{gap:.5rem}.header-center h1{font-size:1.375rem}.detail-card{padding:20px}.transfer-endpoint-detail,.stat-card{padding:16px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.delete-modal{background:var(--modal-bg);border-radius:16px;max-width:480px;width:100%;box-shadow:0 25px 50px -12px var(--shadow-sm);overflow:hidden}.delete-modal-header{display:flex;align-items:center;gap:12px;padding:24px 24px 0}.delete-modal-icon{width:48px;height:48px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#dc2626;flex-shrink:0}.delete-modal-header h2{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.delete-modal-content{padding:20px 24px}.delete-warning{color:var(--text-muted);font-size:.9375rem;line-height:1.6;margin:0 0 20px}.delete-warning strong{color:#dc2626}.delete-rule-info{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:10px;padding:14px 16px;margin-bottom:20px}.delete-rule-info .info-item{display:flex;gap:8px;font-size:.875rem;margin-bottom:6px}.delete-rule-info .info-item:last-child{margin-bottom:0}.delete-rule-info .info-label{color:var(--text-muted);flex-shrink:0}.delete-rule-info .info-value{color:var(--text-primary);font-weight:500;font-family:Monaco,Courier New,monospace;font-size:.8125rem;word-break:break-all}.delete-confirm-input{display:flex;flex-direction:column;gap:10px}.delete-confirm-input label{font-size:.9375rem;color:var(--text-tertiary);line-height:1.5}.delete-confirm-input label strong{color:var(--text-primary);background:var(--bg-tertiary);padding:2px 8px;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:.875rem}.delete-confirm-input input{width:100%;padding:12px 14px;border:2px solid var(--border-primary);border-radius:10px;font-size:.9375rem;transition:all .2s ease;box-sizing:border-box;background:var(--input-bg);color:var(--text-primary)}.delete-confirm-input input:focus{outline:none}.delete-confirm-input input::placeholder{color:var(--text-placeholder)}.delete-modal-actions{display:flex;gap:12px;padding:20px 24px;background:var(--bg-secondary);border-top:1px solid var(--border-primary)}.cancel-button{flex:1;padding:12px 20px;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:var(--surface-primary);border:2px solid var(--border-primary);color:var(--text-muted)}.cancel-button:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-secondary)}.cancel-button:disabled{opacity:.5;cursor:not-allowed}.confirm-delete-button{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;background:#dc2626;border:none;color:#fff}.confirm-delete-button:hover:not(:disabled){background:#b91c1c}.confirm-delete-button:disabled{background:#fca5a5;cursor:not-allowed}.confirm-delete-button svg{width:18px;height:18px;stroke:currentColor;fill:none}.action-button:focus-visible,.refresh-button:focus-visible,.back-link:focus-visible,.pagination-btn:focus-visible,.cancel-button:focus-visible,.confirm-delete-button:focus-visible{outline:2px solid #10b981;outline-offset:2px}.app{min-height:100vh}