:root{--primary-color: #6366f1;--primary-hover: #4f46e5;--secondary-color: #a855f7;--accent-color: #ec4899;--text-color: #111827;--text-light: #6b7280;--bg-color: #ffffff;--bg-alt: #f9fafb;--font-family: "Inter", system-ui, -apple-system, sans-serif;--max-width: 1200px;--border-radius: 12px;--transition: all .3s ease;--gradient-primary: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);--gradient-text: linear-gradient(to right, #111827, #4f46e5)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);color:var(--text-color);background-color:var(--bg-color);line-height:1.6;-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit;border:none;border-radius:var(--border-radius);padding:.75rem 1.5rem;font-weight:600;transition:var(--transition);font-size:1rem}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 6px -1px #6366f166}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #6366f180}.btn-secondary{background-color:#fff;color:var(--text-color);border:1px solid #e5e7eb}.btn-secondary:hover{background-color:var(--bg-alt);border-color:var(--primary-color)}.hero-btn-primary{background:var(--gradient-primary);color:#fff;border-radius:9999px;padding:1.25rem 3rem;font-size:1.25rem;box-shadow:0 10px 25px -5px #6366f166;background-size:200% auto;transition:all .3s ease}.hero-btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #6366f180;background-position:right center}.hero-btn-secondary{background-color:#fff;color:var(--text-color);border:1px solid #e5e7eb;border-radius:9999px;padding:1.25rem 3rem;font-size:1.25rem;box-shadow:0 4px 6px -1px #0000000d;transition:all .3s ease}.hero-btn-secondary:hover{background-color:var(--bg-alt);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d}.landing-page{display:flex;flex-direction:column;min-height:100vh}.header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;max-width:var(--max-width);margin:0 auto;width:100%}.logo{font-size:1.5rem;font-weight:800;color:var(--primary-color);display:flex;align-items:center;gap:.5rem}.header nav{display:flex;gap:1rem;align-items:center}.nav-links{display:flex;gap:2rem;margin-right:2rem}.nav-links a{text-decoration:none;color:var(--text-light);font-weight:500;transition:var(--transition)}.nav-links a:hover{color:var(--primary-color)}.hero{text-align:center;padding:4rem 2rem 6rem;background:radial-gradient(circle at top center,#eef2ff,#fff 70%)}.hero h1{font-size:4rem;font-weight:800;margin-bottom:1.5rem;line-height:1.1;color:var(--text-color);max-width:900px;margin-left:auto;margin-right:auto}.hero p{font-size:1.25rem;color:var(--text-light);max-width:600px;margin:0 auto 2.5rem}.hero-actions{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.hero-feature-nav{display:flex;align-items:center;justify-content:center;gap:.25rem;background:#ffffffb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.4rem;border-radius:18px;box-shadow:0 10px 30px #00000008,0 1px 2px #00000005;border:1px solid rgba(255,255,255,.8);margin:0 auto 1.5rem;max-width:fit-content;flex-wrap:wrap;position:relative;z-index:10}.hero-feature-nav .nav-item{display:flex;align-items:center;gap:.6rem;padding:.6rem 1.25rem;border-radius:14px;border:1px solid transparent;background:transparent;color:#64748b;font-weight:500;font-size:.95rem;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.hero-feature-nav .nav-item:hover{background:#f8fafccc;color:#1e293b}.hero-feature-nav .nav-item.active{background:#f0f7ff;color:#4f46e5;box-shadow:0 2px 4px #4f46e50d;border-color:#e0e7ff}.dashboard-preview{max-width:1000px;margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px -12px #00000026;border:1px solid #e5e7eb;background:#fff;position:relative}.dashboard-preview img{width:100%;height:auto;display:block}.security-section{padding:6rem 2rem;background-color:#fff;text-align:center}.section-badge{display:inline-block;padding:.5rem 1rem;background-color:#ecfdf5;color:#059669;border-radius:9999px;font-weight:600;font-size:.875rem;margin-bottom:1.5rem}.security-content{display:flex;align-items:center;justify-content:center;gap:4rem;margin-top:3rem;text-align:left;max-width:var(--max-width);margin-left:auto;margin-right:auto}.security-image{flex:1;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px -5px #0000001a;border:1px solid #e5e7eb}.security-details{flex:1}.security-details h3{font-size:2rem;margin-bottom:1.5rem}.security-list{list-style:none}.security-list li{display:flex;gap:1rem;margin-bottom:1.5rem}.check-icon{color:#10b981;flex-shrink:0}.features-section{padding:6rem 2rem;background-color:var(--bg-alt)}.features-header{text-align:center;margin-bottom:4rem}.features-header h2{font-size:2.5rem;font-weight:800;margin-bottom:1rem;color:var(--text-color)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:2rem;max-width:var(--max-width);margin:0 auto}.premium-card{background:linear-gradient(to bottom,#fff,#fafbff);border:1px solid #e5e7eb;box-shadow:0 2px 8px #0000000a}.feature-icon-wrapper{margin-bottom:1.5rem;position:relative}.feature-icon-wrapper:before{content:"";position:absolute;width:80px;height:80px;border-radius:50%;background:inherit;opacity:.15;filter:blur(20px);top:50%;left:0;transform:translateY(-50%)}.premium-card .feature-icon{width:64px;height:64px;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:0;color:#fff;box-shadow:0 8px 20px -8px #0000004d;position:relative;z-index:1}.premium-card h3{font-size:1.35rem;margin-bottom:1rem;color:var(--text-color);font-weight:700}.premium-card p{color:var(--text-light);font-size:.975rem;line-height:1.7;margin-bottom:1.25rem}.feature-highlight{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#f0f4ff,#e0e7ff);border-radius:20px;font-size:.875rem;font-weight:600;color:var(--primary-color);border:1px solid #ddd6fe}.premium-card:hover{box-shadow:0 25px 50px -12px #6366f159;border-color:var(--primary-color)}.premium-card:hover .feature-icon{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 30px -8px #0006}.premium-card:hover .feature-highlight{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);transform:translateY(-2px)}.stats-banner{background-color:#111827;color:#fff;padding:3rem 2rem;margin:4rem auto;max-width:var(--max-width);border-radius:20px;display:flex;justify-content:space-around;align-items:center;text-align:center}.stat-item h4{font-size:2.5rem;font-weight:800;background:linear-gradient(to right,#818cf8,#c084fc);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.cta-section{padding:6rem 2rem;text-align:center;max-width:var(--max-width);margin:0 auto 4rem}.cta-card{background:var(--gradient-primary);padding:4rem 2rem;border-radius:24px;color:#fff;position:relative;overflow:hidden}.cta-card h2{font-size:2.5rem;margin-bottom:1rem}.cta-buttons{margin-top:2rem;display:flex;justify-content:center;gap:1rem}.btn-white{background-color:#fff;color:var(--primary-color)}.btn-white:hover{background-color:#f9fafb}.faq-section{padding:6rem 2rem;background-color:var(--bg-color);max-width:800px;margin:0 auto}.faq-section h2{text-align:center;font-size:2.5rem;margin-bottom:3rem}.faq-item{border-bottom:1px solid #e5e7eb;padding:1.5rem 0}.faq-question{display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:600;font-size:1.1rem}.faq-answer{margin-top:1rem;color:var(--text-light);display:none}.faq-item.active .faq-answer{display:block}.footer{padding:6rem 2rem 4rem;background-color:#0f172a;color:#94a3b8;border-top:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden}.footer:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100%;max-width:var(--max-width);height:1px;background:linear-gradient(90deg,transparent,rgba(99,102,241,.3),transparent)}.footer-content{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr 1.2fr;gap:2rem}.footer-col h4{margin-bottom:2rem;color:#fff;font-size:1.1rem;font-weight:700;letter-spacing:-.01em;position:relative}.footer-col h4:after{content:"";position:absolute;bottom:-.75rem;left:0;width:24px;height:2px;background:var(--gradient-primary);border-radius:2px}.footer-col ul{list-style:none}.footer-col li{margin-bottom:1rem}.footer-col a{text-decoration:none;color:#94a3b8;transition:all .2s ease;font-size:.95rem;display:inline-block}.footer-col a:hover{color:#fff;transform:translate(4px)}.footer-bottom{max-width:var(--max-width);margin:4rem auto 0;padding-top:2rem;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;align-items:center;color:#64748b;font-size:.875rem}@media(max-width:1024px){.footer-content{grid-template-columns:repeat(3,1fr);gap:3rem}}@media(max-width:768px){.footer-content{grid-template-columns:repeat(2,1fr)}.footer-bottom{flex-direction:column;gap:1.5rem;text-align:center}}@media(max-width:480px){.footer-content{grid-template-columns:1fr}}.data-room{min-height:100vh;background-color:var(--bg-alt)}.data-room-header{background:var(--gradient-primary);padding:2rem;color:#fff}.header-content{max-width:var(--max-width);margin:0 auto}.back-button{display:inline-flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;font-weight:500;margin-bottom:1rem;transition:var(--transition)}.back-button:hover{opacity:.8}.header-title{display:flex;align-items:center;gap:1rem}.header-title h1{font-size:2.5rem;font-weight:800}.data-room-main{padding:3rem 2rem}.data-room-container{max-width:var(--max-width);margin:0 auto}.upload-area{background:#fff;border:2px dashed #d1d5db;border-radius:16px;padding:4rem 2rem;text-align:center;transition:var(--transition);position:relative}.upload-area.dragging{border-color:var(--primary-color);background-color:#eef2ff}.upload-icon{color:var(--primary-color);margin-bottom:1.5rem}.upload-area h2{font-size:1.75rem;margin-bottom:.5rem;color:var(--text-color)}.upload-area p{color:var(--text-light);margin-bottom:2rem}.file-input{display:none}.upload-hint{font-size:.875rem;color:var(--text-light);margin-top:1rem}.documents-section{margin-top:4rem}.documents-section h2{font-size:1.75rem;margin-bottom:2rem;color:var(--text-color)}.documents-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.document-card{background:#fff;border-radius:var(--border-radius);padding:1.5rem;border:1px solid #e5e7eb;transition:var(--transition)}.document-card:hover{box-shadow:0 4px 12px #00000014;border-color:var(--primary-color)}.doc-header{display:flex;gap:1rem;margin-bottom:1.5rem}.doc-icon{color:var(--primary-color);flex-shrink:0}.doc-info h3{font-size:1.1rem;margin-bottom:.25rem;color:var(--text-color);word-break:break-word}.doc-info p{font-size:.875rem;color:var(--text-light)}.doc-link{display:flex;align-items:center;gap:.5rem;padding:.75rem;background-color:var(--bg-alt);border-radius:8px;margin-bottom:1rem}.link-input{flex:1;border:none;background:transparent;font-size:.875rem;color:var(--text-light);outline:none}.btn-icon{background:none;border:none;padding:.5rem;cursor:pointer;color:var(--text-light);transition:var(--transition);border-radius:6px}.btn-icon:hover{background-color:#e5e7eb;color:var(--primary-color)}.doc-actions{display:flex;gap:.75rem}.btn-secondary-small{flex:1;padding:.5rem 1rem;background-color:var(--bg-alt);border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;font-weight:600;color:var(--text-color);display:flex;align-items:center;justify-content:center;gap:.5rem;transition:var(--transition);cursor:pointer}.btn-secondary-small:hover{background-color:#fff;border-color:var(--primary-color);color:var(--primary-color)}.btn-delete{padding:.5rem;background-color:#fef2f2;border:1px solid #fee2e2;border-radius:8px;color:#dc2626;transition:var(--transition);cursor:pointer}.btn-delete:hover{background-color:#dc2626;color:#fff;border-color:#dc2626}.settings-panel{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:2rem}.settings-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.settings-content{position:relative;background:#fff;border-radius:20px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:2rem;border-bottom:1px solid #e5e7eb}.settings-header h2{font-size:1.5rem;color:var(--text-color)}.btn-close{background:none;border:none;font-size:2rem;color:var(--text-light);cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:var(--transition)}.btn-close:hover{background-color:var(--bg-alt)}.settings-body{padding:2rem}.setting-group{margin-bottom:2rem}.setting-label{display:flex;align-items:center;gap:.75rem;font-weight:600;color:var(--text-color);margin-bottom:.75rem}.setting-input{width:100%;padding:.75rem;border:1px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:var(--transition);font-family:inherit}.setting-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #6366f11a}.setting-hint{font-size:.875rem;color:var(--text-light);margin-top:.5rem}.toggle-switch{position:relative;display:inline-block;width:52px;height:28px}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#cbd5e1;transition:var(--transition);border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:var(--transition);border-radius:50%}.toggle-switch input:checked+.toggle-slider{background:var(--gradient-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.settings-footer{padding:1.5rem 2rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end}.floating-elements{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;pointer-events:none;z-index:0}.floating-icon{position:absolute;color:var(--primary-color);opacity:.15;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.floating-1{top:15%;left:10%;animation:float 8s infinite}.floating-2{top:25%;right:15%;animation:float 10s infinite 1s}.floating-3{top:60%;left:8%;animation:float 9s infinite 2s}.floating-4{bottom:20%;right:10%;animation:float 11s infinite .5s}.floating-5{top:40%;left:50%;animation:float 7s infinite 1.5s}.floating-6{top:70%;right:25%;animation:float 12s infinite 2.5s}.floating-orb{position:absolute;border-radius:50%;filter:blur(40px);animation-timing-function:ease-in-out;animation-iteration-count:infinite;opacity:.3}.orb-1{width:200px;height:200px;background:linear-gradient(135deg,#6366f1,#ec4899);top:10%;left:5%;animation:floatOrb 15s infinite}.orb-2{width:250px;height:250px;background:linear-gradient(135deg,#a855f7,#3b82f6);bottom:10%;right:10%;animation:floatOrb 18s infinite 3s}.orb-3{width:180px;height:180px;background:linear-gradient(135deg,#10b981,#6366f1);top:50%;right:8%;animation:floatOrb 20s infinite 6s}@keyframes float{0%,to{transform:translateY(0) translate(0) rotate(0)}33%{transform:translateY(-30px) translate(20px) rotate(5deg)}66%{transform:translateY(20px) translate(-15px) rotate(-5deg)}}@keyframes floatOrb{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.1)}50%{transform:translate(-20px,40px) scale(.9)}75%{transform:translate(40px,20px) scale(1.05)}}.hero-title-animated{animation:fadeInUp 1s ease-out;position:relative;z-index:1}.hero-subtitle-animated{animation:fadeInUp 1.2s ease-out;position:relative;z-index:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero{text-align:center;padding:4rem 2rem 6rem;background:radial-gradient(circle at top center,#eef2ff,#fff 70%);position:relative;overflow:hidden}.hero h1,.hero p,.hero-actions{position:relative;z-index:1}.feature-card{padding:2rem;background-color:#fff;border-radius:var(--border-radius);transition:var(--transition);border:1px solid transparent;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(99,102,241,.1),transparent);transform:rotate(45deg);transition:all .6s ease;opacity:0}.feature-card:hover:before{opacity:1;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.feature-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px -15px #6366f14d;border-color:var(--primary-color)}.dashboard-preview{max-width:1000px;margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:0 20px 50px -12px #00000026;border:1px solid #e5e7eb;background:#fff;position:relative;animation:fadeIn 1.5s ease-out;z-index:1}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 6px -1px #6366f166;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 4px 6px -1px #6366f166}50%{box-shadow:0 8px 20px -3px #6366f199}}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #6366f180;animation:none}.security-image{flex:1;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px -5px #0000001a;border:1px solid #e5e7eb;position:relative}.security-image:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(99,102,241,.05),transparent);animation:rotate360 10s linear infinite}@keyframes rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.hero h1{font-size:2.5rem}.floating-orb{display:none}.floating-icon{opacity:.08}.security-content,.stats-banner{flex-direction:column;gap:2rem}.header nav{display:none}.documents-grid{grid-template-columns:1fr}.settings-panel{padding:1rem}.data-room-main{padding:2rem 1rem}}.transfer-animation-container{max-width:1000px;margin:0 auto;padding:4rem 2rem;position:relative;z-index:1;animation:fadeIn 1.5s ease-out}.transfer-scene{display:flex;align-items:center;justify-content:space-between;position:relative;min-height:300px;margin-bottom:3rem}.transfer-node{display:flex;flex-direction:column;align-items:center;gap:1rem;z-index:2}.node-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a855f7);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 20px 40px -10px #6366f180;position:relative;animation:nodePulse 2s ease-in-out infinite}.node-avatar:before{content:"";position:absolute;width:120%;height:120%;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a855f7);opacity:.3;animation:ripple 2s ease-out infinite}.receiver-node .node-avatar{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 20px 40px -10px #10b98180}.receiver-node .node-avatar:before{background:linear-gradient(135deg,#10b981,#059669)}.node-label{font-size:1.25rem;font-weight:700;color:var(--text-color)}.node-status{font-size:.875rem;color:var(--text-light);font-weight:500;padding:.5rem 1rem;background:#6366f11a;border-radius:20px;animation:statusBlink 2s ease-in-out infinite}.transfer-path{flex:1;position:relative;height:4px;margin:0 3rem}.transfer-line{width:100%;height:4px;background:linear-gradient(to right,#6366f1,#10b981);border-radius:2px;position:relative;overflow:hidden}.transfer-pulse{position:absolute;top:0;left:-30%;width:30%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,.8),transparent);animation:transferPulse 2s ease-in-out infinite}.flying-doc{position:absolute;top:50%;background:#fff;padding:1rem;border-radius:12px;box-shadow:0 10px 30px -5px #0000004d;color:var(--primary-color);transform:translateY(-50%);animation-timing-function:ease-in-out;animation-iteration-count:infinite;z-index:3}.doc-1{left:15%;animation:flyDoc1 3s infinite}.doc-2{left:45%;animation:flyDoc2 3s infinite 1s}.doc-3{left:75%;animation:flyDoc3 3s infinite 2s}.particle{position:absolute;width:8px;height:8px;background:var(--primary-color);border-radius:50%;top:50%;animation-timing-function:linear;animation-iteration-count:infinite;opacity:0}.particle-1{left:10%;animation:particleMove 2.5s infinite}.particle-2{left:25%;animation:particleMove 3s infinite .5s}.particle-3{left:40%;animation:particleMove 2.8s infinite 1s}.particle-4{left:55%;animation:particleMove 3.2s infinite 1.5s;background:#10b981}.particle-5{left:70%;animation:particleMove 2.7s infinite 2s;background:#10b981}.particle-6{left:85%;animation:particleMove 3s infinite 2.5s;background:#10b981}.security-badges{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;animation:fadeInUp 1.8s ease-out}.security-badge{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#f0f4ff,#e0e7ff);border:1px solid #c7d2fe;border-radius:30px;font-weight:600;font-size:.875rem;color:var(--primary-color);box-shadow:0 4px 12px #6366f126;transition:all .3s ease;cursor:default}.security-badge:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6366f140;background:linear-gradient(135deg,#e0e7ff,#c7d2fe)}@keyframes nodePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes ripple{0%{transform:scale(.8);opacity:.6}to{transform:scale(1.4);opacity:0}}@keyframes statusBlink{0%,to{opacity:1}50%{opacity:.6}}@keyframes transferPulse{0%{left:-30%}to{left:100%}}@keyframes flyDoc1{0%,to{transform:translateY(-50%) translate(0) rotate(0);opacity:1}25%{transform:translateY(-70%) translate(20px) rotate(5deg)}50%{transform:translateY(-50%) translate(40px) rotate(0)}75%{transform:translateY(-30%) translate(20px) rotate(-5deg)}}@keyframes flyDoc2{0%,to{transform:translateY(-50%) translate(0) rotate(0);opacity:1}25%{transform:translateY(-30%) translate(-20px) rotate(-5deg)}50%{transform:translateY(-50%) translate(-40px) rotate(0)}75%{transform:translateY(-70%) translate(-20px) rotate(5deg)}}@keyframes flyDoc3{0%,to{transform:translateY(-50%) translate(0) rotate(0);opacity:1}25%{transform:translateY(-60%) translate(15px) rotate(3deg)}50%{transform:translateY(-50%) translate(30px) rotate(0)}75%{transform:translateY(-40%) translate(15px) rotate(-3deg)}}@keyframes particleMove{0%{transform:translate(0) translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(100px) translateY(-20px);opacity:0}}@media(max-width:768px){.transfer-animation-container{padding:2rem 1rem}.transfer-scene{flex-direction:column;gap:3rem;min-height:auto}.transfer-path{width:4px;height:150px;margin:0;transform:rotate(90deg)}.flying-doc,.particle{display:none}.node-avatar{width:80px;height:80px}.security-badges{gap:.75rem}.security-badge{font-size:.75rem;padding:.5rem 1rem}}.animated-showcase{padding:6rem 2rem;background:linear-gradient(135deg,#0f172a,#1e293b);position:relative;overflow:hidden}.showcase-container{max-width:var(--max-width);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;position:relative;z-index:2}.showcase-item{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:2.5rem 2rem;text-align:center;position:relative;overflow:hidden;transition:all .5s ease;animation-fill-mode:both}.showcase-item:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(99,102,241,.1),transparent);animation:showcaseShimmer 3s ease-in-out infinite;opacity:0}.showcase-item:hover:before{opacity:1}.showcase-icon{width:80px;height:80px;margin:0 auto 1.5rem;border-radius:50%;background:linear-gradient(135deg,#6366f1,#a855f7);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 10px 30px -5px #6366f180;transition:all .4s ease;animation:pulseGlow 3s ease-in-out infinite}.showcase-item:hover .showcase-icon{transform:scale(1.15) rotate(10deg);box-shadow:0 15px 40px -5px #6366f1b3}.showcase-item h3{font-size:1.25rem;color:#fff;margin-bottom:.75rem;font-weight:700}.showcase-item p{font-size:.95rem;color:#ffffffb3;line-height:1.6}.showcase-item:hover{transform:translateY(-10px) scale(1.03);background:#ffffff14;border-color:#6366f180;box-shadow:0 20px 50px -10px #6366f166}.wave-1{animation:showcaseWave 2s ease-out .2s,floatCard 4s ease-in-out 2.2s infinite}.wave-2{animation:showcaseWave 2s ease-out .4s,floatCard 4.5s ease-in-out 2.4s infinite}.wave-3{animation:showcaseWave 2s ease-out .6s,floatCard 5s ease-in-out 2.6s infinite}.wave-4{animation:showcaseWave 2s ease-out .8s,floatCard 4.2s ease-in-out 2.8s infinite}.showcase-glow{position:absolute;border-radius:50%;filter:blur(80px);opacity:.3;z-index:1;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.glow-1{width:400px;height:400px;background:linear-gradient(135deg,#6366f1,#ec4899);top:-100px;left:-100px;animation:glowFloat1 15s infinite}.glow-2{width:500px;height:500px;background:linear-gradient(135deg,#a855f7,#3b82f6);bottom:-150px;right:-150px;animation:glowFloat2 18s infinite}.glow-3{width:350px;height:350px;background:linear-gradient(135deg,#10b981,#6366f1);top:50%;left:50%;transform:translate(-50%,-50%);animation:glowFloat3 20s infinite}@keyframes showcaseWave{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes showcaseShimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}@keyframes glowFloat1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.95)}}@keyframes glowFloat2{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-60px,40px) scale(1.05)}66%{transform:translate(40px,-40px) scale(.9)}}@keyframes glowFloat3{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.15)}}@keyframes floatCard{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-12px) rotate(.5deg)}50%{transform:translateY(-6px) rotate(-.5deg)}75%{transform:translateY(-15px) rotate(.3deg)}}@keyframes pulseGlow{0%,to{box-shadow:0 10px 30px -5px #6366f180}50%{box-shadow:0 15px 40px -5px #8b5cf6b3}}@media(max-width:1024px){.showcase-container{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(max-width:640px){.animated-showcase{padding:4rem 1.5rem}.showcase-container{grid-template-columns:1fr;gap:1.5rem}.showcase-item{padding:2rem 1.5rem}.showcase-icon{width:70px;height:70px}.showcase-glow{display:none}}.upload-area-premium{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px dashed #e0e7ff;border-radius:24px;padding:5rem 3rem;text-align:center;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer;box-shadow:0 10px 30px -10px #6366f11a}.upload-area-premium:hover{border-color:var(--primary-color);transform:translateY(-5px);box-shadow:0 20px 40px -12px #6366f133}.upload-area-premium.dragging{border-color:var(--primary-color);background:linear-gradient(135deg,#eef2ff,#fff);transform:scale(1.02);box-shadow:0 25px 50px -12px #6366f140}.upload-icon-wrapper{width:80px;height:80px;background:linear-gradient(135deg,#e0e7ff,#c7d2fe);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;color:var(--primary-color);transition:transform .5s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 20px -5px #6366f14d}.upload-area-premium:hover .upload-icon-wrapper{transform:scale(1.1) rotate(10deg)}.upload-area-premium.dragging .upload-icon-wrapper{animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.documents-grid-premium{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem;margin-top:3rem}.doc-card-premium{background:#fff;border-radius:20px;padding:1.5rem;border:1px solid #f3f4f6;transition:all .3s ease;position:relative;overflow:hidden;animation:slideIn .5s ease-out forwards;opacity:0;transform:translateY(20px)}@keyframes slideIn{to{opacity:1;transform:translateY(0)}}.doc-card-premium:hover{transform:translateY(-5px);box-shadow:0 20px 40px -12px #0000001a;border-color:#e0e7ff}.doc-card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.doc-type-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}.doc-type-pdf{background:#fee2e2;color:#dc2626}.doc-type-doc{background:#e0e7ff;color:#4f46e5}.doc-type-img{background:#dcfce7;color:#16a34a}.doc-type-default{background:#f3f4f6;color:#6b7280}.doc-meta h3{font-size:1.1rem;font-weight:600;color:var(--text-color);margin-bottom:.25rem;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.doc-meta span{font-size:.85rem;color:var(--text-light);display:block}.link-box{background:#f9fafb;border:1px solid #e5e7eb;border-radius:12px;padding:.75rem;display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;transition:all .2s ease}.link-box:focus-within{border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 3px #6366f11a}.link-url{flex:1;border:none;background:transparent;font-family:Monaco,Consolas,monospace;font-size:.85rem;color:var(--text-color);outline:none;width:100%}.btn-copy{background:#fff;border:1px solid #e5e7eb;border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-light);transition:all .2s ease;cursor:pointer}.btn-copy:hover{border-color:var(--primary-color);color:var(--primary-color);transform:scale(1.05)}.btn-copy.copied{background:#dcfce7;border-color:#86efac;color:#16a34a}.doc-actions-grid{display:grid;grid-template-columns:1fr auto;gap:.75rem}.btn-settings{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1rem;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:var(--text-color);font-weight:500;font-size:.9rem;transition:all .2s ease}.feature-card{background:#fff;border-radius:20px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.05)}.feature-card-image{width:100%;height:180px;overflow:hidden;position:relative}.feature-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.feature-card:hover .feature-card-image img{transform:scale(1.1)}.feature-description-content{padding:2rem;flex:1;display:flex;flex-direction:column;position:relative;z-index:1}.feature-icon-wrapper{margin-bottom:1.5rem;display:flex;align-items:center;justify-content:flex-start}.btn-settings:hover{background:#f9fafb;border-color:var(--primary-color);color:var(--primary-color)}.btn-trash{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fef2f2;border:1px solid #fee2e2;border-radius:10px;color:#ef4444;transition:all .2s ease}.btn-trash:hover{background:#dc2626;border-color:#dc2626;color:#fff;transform:rotate(10deg)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;animation:fadeIn .3s forwards}.modal-content{background:#fff;width:100%;max-width:500px;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;transform:scale(.95);opacity:0;animation:popIn .3s cubic-bezier(.34,1.56,.64,1) forwards;max-height:90vh;overflow-y:auto}@keyframes fadeIn{to{opacity:1}}@keyframes popIn{to{opacity:1;transform:scale(1)}}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:4px;bottom:4px;background-color:#fff;transition:.4s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 4px #0000001a}input:checked+.toggle-slider:before{transform:translate(22px)}.progress-container{width:100%;height:6px;background:#f3f4f6;border-radius:10px;overflow:hidden;margin-top:1rem}.progress-bar{height:100%;background:var(--gradient-primary);border-radius:10px;transition:width .3s ease;position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:20px 20px;animation:moveStripes 1s linear infinite}@keyframes moveStripes{0%{background-position:0 0}to{background-position:20px 20px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulseSoft{0%,to{opacity:1}50%{opacity:.7}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-scale-in{animation:scaleIn .5s ease-out forwards}.animate-pulse-soft{animation:pulseSoft 2s infinite ease-in-out}@keyframes slideUp{0%{transform:scaleY(0);opacity:0}to{transform:scaleY(1);opacity:1}}.hover-scale{transition:transform .2s cubic-bezier(.4,0,.2,1)}.hover-scale:hover{transform:scale(1.05)}.hover-lift{transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.glass{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.glass-dark{background:#111827b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#e5e7eb;transition:.4s;border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%;box-shadow:0 2px 4px #0000001a}input:checked+.toggle-slider{background-color:var(--primary-color)}input:checked+.toggle-slider:before{transform:translate(20px)}input:focus+.toggle-slider{box-shadow:0 0 1px var(--primary-color)}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes float-delayed{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}@keyframes pulse-soft{0%{transform:scale(1);opacity:.8}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:.8}}@keyframes rotate-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-float{animation:float 6s ease-in-out infinite}.animate-float-delayed{animation:float-delayed 8s ease-in-out infinite}.animate-pulse-soft{animation:pulse-soft 4s ease-in-out infinite}.animate-rotate-slow{animation:rotate-slow 20s linear infinite}.dashboard-anim-container{position:relative;height:300px;width:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0f4ff,#e0e7ff);border-radius:24px;overflow:hidden;border:1px solid #dce4ff}.anim-icon-wrapper{position:absolute;background:#fff;border-radius:50%;box-shadow:0 10px 25px -5px #6366f133;display:flex;align-items:center;justify-content:center;z-index:10}.trusted-by{padding:3rem 2rem 4rem;background-color:#fafafa;border-bottom:1px solid #e5e7eb;text-align:center}.trusted-by h4{color:var(--text-light);font-size:.875rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600;margin-bottom:3rem;opacity:.8}.company-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4rem;max-width:var(--max-width);margin:0 auto}.company-logo{display:flex;align-items:center;justify-content:center;opacity:.6;transition:all .3s ease;cursor:default;filter:grayscale(100%)}.company-logo:hover{opacity:1;filter:grayscale(0%);transform:translateY(-2px)}@media(max-width:768px){.company-logos{gap:2rem}.company-logo{transform:scale(.85)}}@keyframes slideMainImage{0%{transform:translate(0)}50%{transform:translate(-15px)}to{transform:translate(0)}}.dashboard-ui-mockup{animation:slideMainImage 7s ease-in-out infinite}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.skeleton-shimmer{animation:shimmer 2s infinite linear;background:linear-gradient(to right,#f1f5f9 4%,#e2e8f0 25%,#f1f5f9 36%);background-size:1000px 100%}.dark .skeleton-shimmer{background:linear-gradient(to right,#1e293b 4%,#334155 25%,#1e293b 36%);background-size:1000px 100%}.seo-page{background-color:var(--bg-alt);min-height:100vh;font-family:var(--font-family);color:var(--text-color);padding-bottom:5rem}.seo-breadcrumb{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-light);margin-bottom:2rem;padding-top:1.5rem;max-width:var(--max-width);margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.seo-breadcrumb a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:var(--transition)}.seo-breadcrumb a:hover{color:var(--primary-hover);text-decoration:underline}.seo-hero{background:radial-gradient(100% 100% at 50% 0%,#6366f10d,#fff0),var(--bg-color);border-bottom:1px solid #f1f5f9;padding:5rem 1.5rem;text-align:center;position:relative;overflow:hidden}.seo-hero:before{content:"";position:absolute;top:-10%;left:50%;transform:translate(-50%);width:600px;height:300px;background:radial-gradient(circle,#a855f714,#6366f100 70%);filter:blur(50px);pointer-events:none;z-index:1}.seo-hero-content{position:relative;z-index:2;max-width:800px;margin:0 auto}.seo-hero-tag{display:inline-flex;align-items:center;gap:.5rem;background:#6366f114;border:1px solid rgba(99,102,241,.15);color:var(--primary-color);padding:.5rem 1.25rem;border-radius:9999px;font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem;box-shadow:0 2px 10px #6366f108}.seo-hero h1{font-size:3rem;font-weight:800;letter-spacing:-.04em;line-height:1.15;color:#0f172a;margin-bottom:1.5rem}.seo-hero h1 span.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.seo-hero p{font-size:1.25rem;color:var(--text-light);line-height:1.6;max-width:700px;margin:0 auto}.seo-container{max-width:var(--max-width);margin:0 auto;padding:4rem 1.5rem}.seo-comparison-table-wrapper{background:var(--bg-color);border:1px solid #e2e8f0;border-radius:var(--border-radius);overflow-x:auto;-webkit-overflow-scrolling:touch;box-shadow:0 10px 30px -10px #0000000a;margin-bottom:4rem}.seo-comparison-table{width:100%;border-collapse:collapse;text-align:left}.seo-comparison-table th{background-color:var(--bg-alt);padding:1.25rem 1.5rem;font-weight:700;color:#0f172a;font-size:.95rem;border-bottom:1px solid #e2e8f0}.seo-comparison-table td{padding:1.25rem 1.5rem;border-bottom:1px solid #f1f5f9;font-size:.95rem}.seo-comparison-table tr:last-child td{border-bottom:none}.seo-comparison-table tr:hover td{background-color:#6366f103}.seo-badge-check{display:inline-flex;align-items:center;justify-content:center;color:#10b981;background-color:#10b9811a;padding:.25rem;border-radius:50%}.seo-badge-cross{display:inline-flex;align-items:center;justify-content:center;color:#ef4444;background-color:#ef44441a;padding:.25rem;border-radius:50%}.seo-steps-container{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:4rem}.seo-step-card{background:var(--bg-color);border:1px solid #e2e8f0;border-radius:var(--border-radius);padding:2rem;display:flex;gap:1.5rem;box-shadow:0 4px 20px -5px #00000005;transition:var(--transition)}.seo-step-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px -10px #6366f114;border-color:#6366f133}.seo-step-number{flex-shrink:0;width:45px;height:45px;background:var(--gradient-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.25rem;box-shadow:0 4px 10px #6366f140}.seo-step-content h3{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:.5rem}.seo-step-content p{color:var(--text-light);font-size:.95rem;line-height:1.6}.seo-benefit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:4rem}.seo-benefit-card{background:var(--bg-color);border:1px solid #e2e8f0;border-radius:var(--border-radius);padding:2.25rem;transition:var(--transition);box-shadow:0 4px 20px -5px #00000005}.seo-benefit-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px -15px #0000000f;border-color:#6366f140}.seo-benefit-icon{width:48px;height:48px;background:#6366f10f;color:var(--primary-color);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;font-size:1.5rem}.seo-benefit-card h3{font-size:1.2rem;font-weight:700;color:#0f172a;margin-bottom:.75rem}.seo-benefit-card p{color:var(--text-light);font-size:.9375rem;line-height:1.6}.seo-cta-section{background:linear-gradient(135deg,#0f172a,#1e1b4b);color:#fff;border-radius:24px;padding:4rem 2rem;text-align:center;position:relative;overflow:hidden;box-shadow:0 20px 40px -15px #0f172a4d;margin-top:5rem}.seo-cta-section:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#a855f714,#fff0 60%);pointer-events:none}.seo-cta-content{position:relative;z-index:2;max-width:600px;margin:0 auto}.seo-cta-section h2{font-size:2.25rem;font-weight:800;letter-spacing:-.03em;margin-bottom:1rem}.seo-cta-section p{color:#cbd5e1;font-size:1.1rem;margin-bottom:2rem;line-height:1.6}.seo-cta-btn{background:var(--gradient-primary);color:#fff;padding:1rem 2.5rem;border-radius:12px;font-weight:700;display:inline-flex;align-items:center;gap:.75rem;box-shadow:0 10px 20px #6366f140;transition:var(--transition);text-decoration:none}.seo-cta-btn:hover{transform:translateY(-2px);box-shadow:0 15px 30px #6366f159}.seo-faq-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:2rem}.seo-faq-item{background:var(--bg-color);border:1px solid #e2e8f0;border-radius:var(--border-radius);padding:1.75rem;box-shadow:0 4px 15px #00000003}.seo-faq-item h3{font-size:1.05rem;font-weight:700;color:#0f172a;margin-bottom:.75rem}.seo-faq-item p{color:var(--text-light);font-size:.9375rem;line-height:1.6}@media(min-width:768px){.seo-hero h1{font-size:3.5rem}.seo-faq-grid{grid-template-columns:1fr 1fr}}.popular-templates-section{padding:8rem 2rem;background:radial-gradient(120% 120% at 50% 10%,#fff 60%,#f5f3ff);position:relative;overflow:hidden}.popular-templates-section .container{max-width:var(--max-width);margin:0 auto}.popular-templates-section .section-header{text-align:center;max-width:700px;margin:0 auto 5rem}.popular-templates-section .badge{display:inline-block;padding:.5rem 1.25rem;background:#6366f114;border:1px solid rgba(99,102,241,.15);color:var(--primary-color);border-radius:9999px;font-size:.85rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;margin-bottom:1.5rem}.popular-templates-section h2{font-size:3rem;font-weight:800;letter-spacing:-.03em;color:#0f172a;margin-bottom:1.25rem}.popular-templates-section p{font-size:1.15rem;color:var(--text-light);line-height:1.6}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.template-card{text-decoration:none;background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(241,245,249,.8);border-radius:20px;padding:2.25rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:0 10px 30px -10px #0f172a0a}.template-card:hover{transform:translateY(-6px);background:#fff;border-color:#6366f140;box-shadow:0 20px 40px -15px #6366f126}.template-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.template-category{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#6366f1;background:#6366f10f;padding:.35rem .85rem;border-radius:9999px}.template-arrow{font-size:1.25rem;color:#cbd5e1;transition:transform .3s ease,color .3s ease}.template-card:hover .template-arrow{transform:translate(4px);color:#6366f1}.template-card h3{font-size:1.25rem;font-weight:700;color:#0f172a;margin-bottom:.75rem;line-height:1.4}.template-card p{font-size:.95rem;color:#64748b;line-height:1.5;margin:0}.use-case-section{padding:6rem 0;width:100%;overflow:hidden;background:#fafbff;position:relative}.use-case-marquee-wrapper{display:flex;width:100%}.use-case-container{display:flex;gap:2rem;padding:1rem 0 3rem}.marquee-content{animation:marquee 40s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - 1rem))}}.use-case-card{width:260px;flex-shrink:0;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 4px 20px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.03);display:flex;flex-direction:column}.use-case-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #0000001a;border-color:#6366f11a}.use-case-image-wrapper{width:100%;height:160px;overflow:hidden}.use-case-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.use-case-card:hover .use-case-image{transform:scale(1.05)}.use-case-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.use-case-content h3{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:.75rem;line-height:1.2}.use-case-content p{font-size:.95rem;color:#6b7280;line-height:1.5}@media(max-width:768px){.use-case-section{padding:3rem 0}.use-case-card{width:240px}.marquee-content{animation-duration:25s}}.analytics-dashboard-theme{display:flex;flex-direction:column;gap:1.5rem;font-family:Inter,system-ui,-apple-system,sans-serif;color:#1f2937}.analytics-dashboard-theme .flex{display:flex}.analytics-dashboard-theme .inline-flex{display:inline-flex}.analytics-dashboard-theme .grid{display:grid}.analytics-dashboard-theme .hidden{display:none}.analytics-dashboard-theme .flex-col{flex-direction:column}.analytics-dashboard-theme .flex-row{flex-direction:row}.analytics-dashboard-theme .flex-wrap{flex-wrap:wrap}.analytics-dashboard-theme .items-center{align-items:center}.analytics-dashboard-theme .items-start{align-items:flex-start}.analytics-dashboard-theme .justify-between{justify-content:space-between}.analytics-dashboard-theme .justify-center{justify-content:center}.analytics-dashboard-theme .flex-1{flex:1}.analytics-dashboard-theme .flex-shrink-0{flex-shrink:0}.analytics-dashboard-theme .text-center{text-align:center}.analytics-dashboard-theme .grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.analytics-dashboard-theme .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-dashboard-theme .grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-dashboard-theme .gap-1\.5{gap:.375rem}.analytics-dashboard-theme .gap-2{gap:.5rem}.analytics-dashboard-theme .gap-3{gap:.75rem}.analytics-dashboard-theme .gap-4{gap:1rem}.analytics-dashboard-theme .gap-6{gap:1.5rem}.analytics-dashboard-theme .gap-8{gap:2rem}@media(min-width:768px){.analytics-dashboard-theme .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-dashboard-theme .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-dashboard-theme .md\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.analytics-dashboard-theme .md\:flex-row{flex-direction:row}.analytics-dashboard-theme .md\:items-center{align-items:center}.analytics-dashboard-theme .md\:items-start{align-items:flex-start}}@media(min-width:1024px){.analytics-dashboard-theme .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-dashboard-theme .lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.analytics-dashboard-theme .p-2{padding:.5rem}.analytics-dashboard-theme .p-3{padding:.75rem}.analytics-dashboard-theme .p-4{padding:1rem}.analytics-dashboard-theme .p-5{padding:1.25rem}.analytics-dashboard-theme .p-6{padding:1.5rem}.analytics-dashboard-theme .p-8{padding:2rem}.analytics-dashboard-theme .px-2\.5{padding-left:.625rem;padding-right:.625rem}.analytics-dashboard-theme .py-1{padding-top:.25rem;padding-bottom:.25rem}.analytics-dashboard-theme .py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.analytics-dashboard-theme .px-3{padding-left:.75rem;padding-right:.75rem}.analytics-dashboard-theme .px-4{padding-left:1rem;padding-right:1rem}.analytics-dashboard-theme .py-2{padding-top:.5rem;padding-bottom:.5rem}.analytics-dashboard-theme .py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.analytics-dashboard-theme .px-5{padding-left:1.25rem;padding-right:1.25rem}.analytics-dashboard-theme .py-3{padding-top:.75rem;padding-bottom:.75rem}.analytics-dashboard-theme .py-4{padding-top:1rem;padding-bottom:1rem}.analytics-dashboard-theme .px-6{padding-left:1.5rem;padding-right:1.5rem}.analytics-dashboard-theme .py-5{padding-top:1.25rem;padding-bottom:1.25rem}.analytics-dashboard-theme .py-16{padding-top:4rem;padding-bottom:4rem}.analytics-dashboard-theme .mb-0\.5{margin-bottom:.125rem}.analytics-dashboard-theme .mb-1{margin-bottom:.25rem}.analytics-dashboard-theme .mb-2{margin-bottom:.5rem}.analytics-dashboard-theme .mb-3{margin-bottom:.75rem}.analytics-dashboard-theme .mb-4{margin-bottom:1rem}.analytics-dashboard-theme .mb-6{margin-bottom:1.5rem}.analytics-dashboard-theme .mb-8{margin-bottom:2rem}.analytics-dashboard-theme .mt-1{margin-top:.25rem}.analytics-dashboard-theme .mt-2{margin-top:.5rem}.analytics-dashboard-theme .mt-3{margin-top:.75rem}.analytics-dashboard-theme .mt-6{margin-top:1.5rem}.analytics-dashboard-theme .mt-8{margin-top:2rem}.analytics-dashboard-theme .ml-2{margin-left:.5rem}.analytics-dashboard-theme .mr-2{margin-right:.5rem}.analytics-dashboard-theme .-top-4{top:-1rem}.analytics-dashboard-theme .-top-6{top:-1.5rem}.analytics-dashboard-theme .-right-6{right:-1.5rem}.analytics-dashboard-theme .-top-10{top:-2.5rem}.analytics-dashboard-theme .-right-10{right:-2.5rem}.analytics-dashboard-theme .w-full{width:100%}.analytics-dashboard-theme .h-full{height:100%}.analytics-dashboard-theme .w-2{width:.5rem}.analytics-dashboard-theme .h-2{height:.5rem}.analytics-dashboard-theme .w-2\.5{width:.625rem}.analytics-dashboard-theme .h-2\.5{height:.625rem}.analytics-dashboard-theme .w-3{width:.75rem}.analytics-dashboard-theme .h-3{height:.75rem}.analytics-dashboard-theme .w-8{width:2rem}.analytics-dashboard-theme .h-8{height:2rem}.analytics-dashboard-theme .w-10{width:2.5rem}.analytics-dashboard-theme .h-10{height:2.5rem}.analytics-dashboard-theme .w-14{width:3.5rem}.analytics-dashboard-theme .h-14{height:3.5rem}.analytics-dashboard-theme .w-20{width:5rem}.analytics-dashboard-theme .h-20{height:5rem}.analytics-dashboard-theme .w-24{width:6rem}.analytics-dashboard-theme .h-24{height:6rem}.analytics-dashboard-theme .w-32{width:8rem}.analytics-dashboard-theme .h-32{height:8rem}.analytics-dashboard-theme .h-\[220px\]{height:220px}.analytics-dashboard-theme .h-\[300px\]{height:300px}.analytics-dashboard-theme .h-\[350px\]{height:350px}.analytics-dashboard-theme .h-\[400px\]{height:400px}.analytics-dashboard-theme .h-\[450px\]{height:450px}.analytics-dashboard-theme .min-h-\[400px\]{min-height:400px}.analytics-dashboard-theme .max-w-md{max-width:28rem}.analytics-dashboard-theme .max-w-sm{max-width:24rem}.analytics-dashboard-theme .w-1\/3{width:33.333333%}.analytics-dashboard-theme .w-2\/3{width:66.666667%}.analytics-dashboard-theme .truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analytics-dashboard-theme .max-w-\[80px\]{max-width:80px}.analytics-dashboard-theme .border{border:1px solid #e5e7eb}.analytics-dashboard-theme .border-b{border-bottom:1px solid #e5e7eb}.analytics-dashboard-theme .border-dashed{border-style:dashed}.analytics-dashboard-theme .border-gray-100{border-color:#f3f4f6}.analytics-dashboard-theme .border-gray-200{border-color:#e5e7eb}.analytics-dashboard-theme .border-emerald-200{border-color:#a7f3d0}.analytics-dashboard-theme .border-indigo-100{border-color:#e0e7ff}.analytics-dashboard-theme .border-orange-100{border-color:#ffedd5}.analytics-dashboard-theme .border-red-100{border-color:#fee2e2}.analytics-dashboard-theme .border-white\/40{border-color:#fff6}.analytics-dashboard-theme .border-indigo-50{border-color:#eef2ff}.analytics-dashboard-theme .rounded-xl{border-radius:.75rem}.analytics-dashboard-theme .rounded-2xl{border-radius:1rem}.analytics-dashboard-theme .rounded-3xl{border-radius:1.5rem}.analytics-dashboard-theme .rounded-full{border-radius:9999px}.analytics-dashboard-theme .rounded-\[2rem\]{border-radius:2rem}.analytics-dashboard-theme .bg-white{background-color:#fff}.analytics-dashboard-theme .bg-white\/10{background-color:#ffffff1a}.analytics-dashboard-theme .bg-white\/20{background-color:#fff3}.analytics-dashboard-theme .bg-white\/50{background-color:#ffffff80}.analytics-dashboard-theme .bg-white\/60{background-color:#fff9}.analytics-dashboard-theme .bg-white\/80{background-color:#fffc}.analytics-dashboard-theme .bg-gray-50{background-color:#f9fafb}.analytics-dashboard-theme .bg-gray-50\/50{background-color:#f9fafb80}.analytics-dashboard-theme .bg-emerald-500{background-color:#10b981}.analytics-dashboard-theme .bg-indigo-50{background-color:#eef2ff}.analytics-dashboard-theme .bg-indigo-500{background-color:#6366f1}.analytics-dashboard-theme .bg-orange-50{background-color:#fff7ed}.analytics-dashboard-theme .bg-orange-500{background-color:#f97316}.analytics-dashboard-theme .bg-red-50{background-color:#fef2f2}.analytics-dashboard-theme .bg-red-50\/50{background-color:#fef2f280}.analytics-dashboard-theme .bg-violet-500{background-color:#8b5cf6}.analytics-dashboard-theme .bg-teal-500{background-color:#14b8a6}.analytics-dashboard-theme .bg-pink-500{background-color:#ec4899}.analytics-dashboard-theme .bg-pink-50\/30{background-color:#fdf2f84d}.analytics-dashboard-theme .bg-rose-50{background-color:#fff1f2}.analytics-dashboard-theme .bg-emerald-50{background-color:#ecfdf5}.analytics-dashboard-theme .bg-gradient-to-br{background-image:linear-gradient(135deg,var(--tw-gradient-stops))}.analytics-dashboard-theme .bg-gradient-to-b{background-image:linear-gradient(180deg,var(--tw-gradient-stops))}.analytics-dashboard-theme .bg-gradient-to-r{background-image:linear-gradient(90deg,var(--tw-gradient-stops))}.analytics-dashboard-theme .from-indigo-500{--tw-gradient-from: #6366f1;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(99, 102, 241, 0))}.analytics-dashboard-theme .to-indigo-600{--tw-gradient-to: #4f46e5}.analytics-dashboard-theme .from-emerald-500{--tw-gradient-from: #10b981;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(16, 185, 129, 0))}.analytics-dashboard-theme .to-emerald-600{--tw-gradient-to: #059669}.analytics-dashboard-theme .from-amber-500{--tw-gradient-from: #f59e0b;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0))}.analytics-dashboard-theme .to-orange-500{--tw-gradient-to: #f97316}.analytics-dashboard-theme .from-violet-500{--tw-gradient-from: #8b5cf6;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(139, 92, 246, 0))}.analytics-dashboard-theme .to-purple-600{--tw-gradient-to: #9333ea}.analytics-dashboard-theme .from-pink-500{--tw-gradient-from: #ec4899;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0))}.analytics-dashboard-theme .to-rose-500{--tw-gradient-to: #f43f5e}.analytics-dashboard-theme .from-emerald-400{--tw-gradient-from: #34d399;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(52, 211, 153, 0))}.analytics-dashboard-theme .to-teal-500{--tw-gradient-to: #14b8a6}.analytics-dashboard-theme .from-purple-500{--tw-gradient-from: #a855f7;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(168, 85, 247, 0))}.analytics-dashboard-theme .from-pink-550{--tw-gradient-from: #ec4899;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(236, 72, 153, 0))}.analytics-dashboard-theme .from-pink-50\/50{--tw-gradient-from: rgba(253, 242, 248, .5);--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 242, 248, 0))}.analytics-dashboard-theme .to-rose-50\/50{--tw-gradient-to: rgba(255, 241, 242, .5)}.analytics-dashboard-theme .from-rose-500{--tw-gradient-from: #f43f5e;--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(244, 63, 94, 0))}.analytics-dashboard-theme .to-rose-600{--tw-gradient-to: #e11d48}.analytics-dashboard-theme .text-xs{font-size:.75rem;line-height:1rem}.analytics-dashboard-theme .text-sm{font-size:.875rem;line-height:1.25rem}.analytics-dashboard-theme .text-lg{font-size:1.125rem;line-height:1.75rem}.analytics-dashboard-theme .text-xl{font-size:1.25rem;line-height:1.75rem}.analytics-dashboard-theme .text-2xl{font-size:1.5rem;line-height:2rem}.analytics-dashboard-theme .text-3xl{font-size:1.875rem;line-height:2.25rem}.analytics-dashboard-theme .text-4xl{font-size:2.25rem;line-height:2.5rem}.analytics-dashboard-theme .font-medium{font-weight:500}.analytics-dashboard-theme .font-bold{font-weight:700}.analytics-dashboard-theme .font-black{font-weight:900}.analytics-dashboard-theme .uppercase{text-transform:uppercase}.analytics-dashboard-theme .capitalize{text-transform:capitalize}.analytics-dashboard-theme .tracking-wide{letter-spacing:.025rem}.analytics-dashboard-theme .tracking-tight{letter-spacing:-.025rem}.analytics-dashboard-theme .tracking-widest{letter-spacing:.1em}.analytics-dashboard-theme .text-gray-400{color:#9ca3af}.analytics-dashboard-theme .text-gray-500{color:#6b7280}.analytics-dashboard-theme .text-gray-600{color:#4b5563}.analytics-dashboard-theme .text-gray-750{color:#374151}.analytics-dashboard-theme .text-gray-800{color:#1f2937}.analytics-dashboard-theme .text-gray-900{color:#111827}.analytics-dashboard-theme .text-white{color:#fff}.analytics-dashboard-theme .text-indigo-100{color:#e0e7ff}.analytics-dashboard-theme .text-indigo-200{color:#c7d2fe}.analytics-dashboard-theme .text-indigo-600{color:#4f46e5}.analytics-dashboard-theme .text-indigo-700{color:#4338ca}.analytics-dashboard-theme .text-indigo-900{color:#1e1b4b}.analytics-dashboard-theme .text-emerald-100{color:#d1fae5}.analytics-dashboard-theme .text-emerald-200{color:#a7f3d0}.analytics-dashboard-theme .text-emerald-500{color:#10b981}.analytics-dashboard-theme .text-emerald-700{color:#047857}.analytics-dashboard-theme .text-orange-100{color:#ffedd5}.analytics-dashboard-theme .text-orange-200{color:#fed7aa}.analytics-dashboard-theme .text-orange-500{color:#f97316}.analytics-dashboard-theme .text-purple-100{color:#f3e8ff}.analytics-dashboard-theme .text-purple-200{color:#e9d5ff}.analytics-dashboard-theme .text-purple-700{color:#7e22ce}.analytics-dashboard-theme .text-pink-100{color:#fce7f3}.analytics-dashboard-theme .text-pink-200{color:#fbcfe8}.analytics-dashboard-theme .text-pink-600{color:#db2777}.analytics-dashboard-theme .text-pink-700{color:#be185d}.analytics-dashboard-theme .text-pink-800{color:#9d174d}.analytics-dashboard-theme .text-blue-500{color:#3b82f6}.analytics-dashboard-theme .text-blue-700{color:#1d4ed8}.analytics-dashboard-theme .text-violet-500{color:#8b5cf6}.analytics-dashboard-theme .text-violet-700{color:#6d28d9}.analytics-dashboard-theme .text-red-500{color:#ef4444}.analytics-dashboard-theme .text-red-600{color:#dc2626}.analytics-dashboard-theme .text-rose-700{color:#be123c}.analytics-dashboard-theme .text-transparent{color:transparent}.analytics-dashboard-theme .bg-clip-text{-webkit-background-clip:text;background-clip:text}.analytics-dashboard-theme .shadow-sm{box-shadow:0 1px 2px #0000000d}.analytics-dashboard-theme .shadow-md{box-shadow:0 4px 6px -1px #00000014,0 2px 4px -1px #0000000a}.analytics-dashboard-theme .shadow-lg{box-shadow:0 10px 15px -3px #00000014,0 4px 6px -2px #0000000a}.analytics-dashboard-theme .shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.analytics-dashboard-theme .shadow-2xl{box-shadow:0 25px 50px -12px #00000040}.analytics-dashboard-theme .shadow-indigo-500\/20{box-shadow:0 10px 15px -3px #6366f133}.analytics-dashboard-theme .shadow-indigo-500\/30{box-shadow:0 10px 15px -3px #6366f14d}.analytics-dashboard-theme .shadow-emerald-500\/20{box-shadow:0 10px 15px -3px #10b98133}.analytics-dashboard-theme .shadow-emerald-500\/30{box-shadow:0 10px 15px -3px #10b9814d}.analytics-dashboard-theme .shadow-emerald-500\/40{box-shadow:0 10px 15px -3px #10b98166}.analytics-dashboard-theme .shadow-orange-500\/20{box-shadow:0 10px 15px -3px #f9731633}.analytics-dashboard-theme .shadow-orange-500\/30{box-shadow:0 10px 15px -3px #f973164d}.analytics-dashboard-theme .shadow-purple-500\/20{box-shadow:0 10px 15px -3px #8b5cf633}.analytics-dashboard-theme .shadow-violet-500\/30{box-shadow:0 10px 15px -3px #8b5cf64d}.analytics-dashboard-theme .shadow-pink-500\/20{box-shadow:0 10px 15px -3px #ec489933}.analytics-dashboard-theme .shadow-pink-500\/30{box-shadow:0 10px 15px -3px #ec48994d}.analytics-dashboard-theme .shadow-blue-500\/30{box-shadow:0 10px 15px -3px #3b82f64d}.analytics-dashboard-theme .shadow-teal-500\/30{box-shadow:0 10px 15px -3px #14b8a64d}.analytics-dashboard-theme .backdrop-blur-sm{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.analytics-dashboard-theme .backdrop-blur-md{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.analytics-dashboard-theme .backdrop-blur-lg{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.analytics-dashboard-theme .backdrop-blur-xl{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.analytics-dashboard-theme .transition-all{transition:all .3s cubic-bezier(.4,0,.2,1)}.analytics-dashboard-theme .transition-colors{transition:background-color .2s,border-color .2s,color .2s}.analytics-dashboard-theme .hover\:scale-105:hover{transform:scale(1.05)}.analytics-dashboard-theme .hover\:scale-110:hover,.analytics-dashboard-theme .group:hover .group-hover\:scale-110{transform:scale(1.1)}.analytics-dashboard-theme .group:hover .group-hover\:scale-105{transform:scale(1.05)}.analytics-dashboard-theme .group:hover .group-hover\:text-indigo-900{color:#1e1b4b}.analytics-dashboard-theme .group:hover .group-hover\:text-gray-900{color:#111827}.analytics-dashboard-theme .group:hover .group-hover\:text-pink-700{color:#be185d}.analytics-dashboard-theme .group:hover .group-hover\:bg-indigo-50{background-color:#eef2ff}.analytics-dashboard-theme .group:hover .group-hover\:bg-orange-50{background-color:#fff7ed}.analytics-dashboard-theme .group:hover .group-hover\:bg-white\/20{background-color:#fff3}.analytics-dashboard-theme .group:hover .group-hover\:opacity-100{opacity:1}.analytics-dashboard-theme button{font-family:inherit;border-radius:1rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);border:none}.analytics-dashboard-theme button:hover{cursor:pointer}.analytics-dashboard-theme select{font-family:inherit;font-weight:700;border-radius:1rem;border:1px solid #e5e7eb;background-color:#fff;padding:.75rem 1.25rem;transition:box-shadow .2s}.analytics-dashboard-theme select:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}@keyframes pulse-emerald{0%,to{transform:scale(1);opacity:1;box-shadow:0 0 #10b981b3}50%{transform:scale(1.1);opacity:.8;box-shadow:0 0 10px 4px #10b9814d}}.analytics-dashboard-theme .animate-pulse{animation:pulse-emerald 2s infinite}.analytics-dashboard-theme .ring-1{ring:1px solid rgba(0,0,0,.1)}.analytics-dashboard-theme .ring-inset{box-shadow:inset 0 0 0 1px #0000000d}.analytics-dashboard-theme .ring-emerald-600\/20{box-shadow:inset 0 0 0 1px #10b98133}.analytics-dashboard-theme .ring-rose-600\/20{box-shadow:inset 0 0 0 1px #e11d4833}.analytics-dashboard-theme .ring-blue-600\/20{box-shadow:inset 0 0 0 1px #2563eb33}.analytics-dashboard-theme .ring-violet-600\/20{box-shadow:inset 0 0 0 1px #7c3aed33}.analytics-dashboard-theme .bg-blue-50{background-color:#eff6ff}.analytics-dashboard-theme .bg-violet-50{background-color:#f5f3ff}.analytics-dashboard-theme .overflow-x-auto{overflow-x:auto}.analytics-dashboard-theme table{width:100%;border-collapse:collapse;text-align:left}.analytics-dashboard-theme th{padding:1.25rem 1.5rem;text-align:left}.analytics-dashboard-theme td{padding:1rem 1.5rem;vertical-align:middle}.analytics-dashboard-theme .divide-y>*+*{border-top:1px solid #f3f4f6}.custom-tooltip-wrapper{background-color:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:.75rem 1rem;border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a;border:1px solid rgba(243,244,246,.5)}.custom-tooltip-title{font-weight:700;color:#111827;margin-bottom:.5rem}.custom-tooltip-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4b5563}.audit-trail-theme{background:#ffffffbf;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:1.5rem;border:1px solid rgba(255,255,255,.6);box-shadow:0 10px 30px -10px #0000000d,0 4px 6px -4px #0000000d;overflow:hidden;font-family:Inter,system-ui,-apple-system,sans-serif;transition:all .3s ease}.audit-header{padding:1.75rem 2rem;background:linear-gradient(180deg,#f9fafbcc,#fff6);border-bottom:1px solid rgba(229,231,235,.5);display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1.5rem}.audit-title{font-size:1.25rem;font-weight:800;color:#111827;display:flex;align-items:center;gap:.75rem;letter-spacing:-.02em}.audit-subtitle{font-size:.875rem;color:#6b7280;margin-top:.375rem;font-weight:500}.audit-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.audit-btn{padding:.625rem 1rem;border-radius:.75rem;font-size:.875rem;font-weight:600;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;cursor:pointer;border:1px solid transparent}.audit-btn-outline{background:#ffffffe6;color:#4b5563;border-color:#e5e7ebcc;box-shadow:0 1px 2px #00000005}.audit-btn-outline:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000000d}.audit-btn-active{background:#4f46e51a;color:#4f46e5;border-color:#4f46e533}.audit-btn-primary{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;box-shadow:0 4px 12px #4f46e540}.audit-btn-primary:hover{box-shadow:0 6px 16px #4f46e559;transform:translateY(-1px)}.audit-btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.audit-btn-icon{padding:.625rem;border-radius:.75rem;color:#6b7280;background:transparent;transition:all .2s ease;border:none;cursor:pointer}.audit-btn-icon:hover{background:#4f46e51a;color:#4f46e5}.audit-filters-panel{background:#fff9;padding:1.25rem 2rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem;border-bottom:1px solid rgba(229,231,235,.5)}.audit-filter-group{display:flex;flex-direction:column;gap:.5rem}.audit-filter-label{font-size:.75rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.audit-input{width:100%;font-size:.875rem;padding:.625rem .875rem;border-radius:.75rem;border:1px solid rgba(209,213,219,.6);background:#ffffffe6;color:#111827;transition:all .2s;outline:none}.audit-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.audit-input-icon{padding-left:2.25rem}.audit-input-wrapper{position:relative}.audit-input-wrapper-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.audit-error{padding:1rem 2rem;background:#fef2f2cc;color:#b91c1c;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid rgba(254,226,226,1)}.audit-table-container{overflow-x:auto;min-height:300px}.audit-table{width:100%;border-collapse:separate;border-spacing:0;text-align:left}.audit-table th{padding:1rem 1.5rem;font-size:.75rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;background:#f9fafbcc;border-bottom:1px solid rgba(229,231,235,.6);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.audit-table td{padding:1.25rem 1.5rem;vertical-align:top;border-bottom:1px solid rgba(243,244,246,.5);transition:background .2s ease}.audit-table-row{transition:all .2s ease}.audit-table-row:hover td{background:#f9fafb99}.audit-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:600;box-shadow:0 1px 2px #00000005}.audit-badge-view{background:linear-gradient(135deg,#3b82f61a,#60a5fa1a);color:#1d4ed8;border:1px solid rgba(59,130,246,.2)}.audit-badge-download{background:linear-gradient(135deg,#10b9811a,#34d3991a);color:#047857;border:1px solid rgba(16,185,129,.2)}.audit-badge-upload{background:linear-gradient(135deg,#8b5cf61a,#a78bfa1a);color:#6d28d9;border:1px solid rgba(139,92,246,.2)}.audit-badge-signature{background:linear-gradient(135deg,#f59e0b1a,#fbbf241a);color:#b45309;border:1px solid rgba(245,158,11,.2)}.audit-badge-security{background:linear-gradient(135deg,#ef44441a,#f871711a);color:#b91c1c;border:1px solid rgba(239,68,68,.2)}.audit-badge-default{background:linear-gradient(135deg,#6b72801a,#9ca3af1a);color:#4b5563;border:1px solid rgba(107,114,128,.2)}.audit-text-primary{font-size:.875rem;font-weight:600;color:#111827}.audit-text-secondary{font-size:.75rem;color:#6b7280;margin-top:.25rem}.audit-flex-col{display:flex;flex-direction:column}.audit-flex-row{display:flex;align-items:center;gap:.375rem}.audit-metadata-box{font-size:.7rem;background:#f3f4f699;padding:.375rem .5rem;border-radius:.375rem;border:1px solid rgba(229,231,235,.8);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#6b7280;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:.375rem}.audit-empty-state{padding:4rem 2rem;text-align:center;color:#6b7280;display:flex;flex-direction:column;align-items:center;justify-content:center}.audit-empty-icon{width:4rem;height:4rem;background:#f3f4f6cc;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:#9ca3af}.audit-footer{padding:1rem 2rem;background:#f9fafbcc;border-top:1px solid rgba(229,231,235,.5);display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:#6b7280}.audit-compliance-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:.5rem;font-weight:600;background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.2)}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}