@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);#app{font-family:Avenir,Helvetica,Arial,sans-serif;text-align:center;color:#2c3e50}body,html{margin:0;padding:0;width:100%;height:100%;font-family:Roboto,sans-serif}[data-v-639ca5a8]{margin:0;padding:0;box-sizing:border-box}.landing-page[data-v-639ca5a8]{font-family:Inter,sans-serif;background:#fff;overflow-x:hidden}.container[data-v-639ca5a8]{max-width:1200px;margin:0 auto;padding:0 2rem}.navbar[data-v-639ca5a8]{position:fixed;top:0;left:0;right:0;z-index:1000;background:transparent;transition:all .3s ease}.navbar.scrolled[data-v-639ca5a8]{background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px rgba(0,0,0,.1)}.nav-content[data-v-639ca5a8]{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 0}.logo[data-v-639ca5a8]{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:900;color:#5b4fff}.logo i[data-v-639ca5a8]{font-size:2rem}.nav-links[data-v-639ca5a8]{display:flex;gap:2rem}.nav-links a[data-v-639ca5a8]{color:#374151;text-decoration:none;font-weight:600;transition:color .3s}.nav-links a[data-v-639ca5a8]:hover{color:#5b4fff}.btn-login[data-v-639ca5a8]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#5b4fff,#4a3fd9);color:#fff;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s}.btn-login[data-v-639ca5a8]:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(91,79,255,.4)}.hero[data-v-639ca5a8]{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:100px;overflow:hidden}.hero-background[data-v-639ca5a8]{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#5b4fff,#764ba2);overflow:hidden}.wave[data-v-639ca5a8]{position:absolute;width:200%;height:200%;background:linear-gradient(45deg,hsla(0,0%,100%,.1),transparent);top:-30%;left:-50%;border-radius:40%;animation:wave-639ca5a8 20s linear infinite}.wave[data-v-639ca5a8]:nth-child(2){animation-duration:25s;opacity:.7}.wave[data-v-639ca5a8]:nth-child(3){animation-duration:30s;opacity:.5}@keyframes wave-639ca5a8{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hero .container[data-v-639ca5a8]{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-title[data-v-639ca5a8]{font-size:3.5rem;font-weight:900;color:#fff;line-height:1.2;margin-bottom:1.5rem}.highlight[data-v-639ca5a8]{background:linear-gradient(90deg,#fff,#e0e7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle[data-v-639ca5a8]{font-size:1.25rem;color:hsla(0,0%,100%,.9);margin-bottom:2rem;line-height:1.6}.hero-actions[data-v-639ca5a8]{display:flex;gap:1rem;margin-bottom:3rem}.btn-primary[data-v-639ca5a8],.btn-secondary[data-v-639ca5a8]{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:12px;font-weight:700;font-size:1.125rem;cursor:pointer;transition:all .3s;border:none}.btn-primary[data-v-639ca5a8]{background:#fff;color:#5b4fff}.btn-primary[data-v-639ca5a8]:hover{transform:translateY(-4px);box-shadow:0 12px 32px hsla(0,0%,100%,.3)}.btn-secondary[data-v-639ca5a8]{background:transparent;color:#fff;border:2px solid #fff}.btn-secondary[data-v-639ca5a8]:hover{background:#fff;color:#5b4fff}.hero-stats[data-v-639ca5a8]{display:flex;gap:3rem}.stat-item[data-v-639ca5a8]{text-align:center}.stat-number[data-v-639ca5a8]{font-size:2.5rem;font-weight:900;color:#fff}.stat-label[data-v-639ca5a8]{font-size:.875rem;color:hsla(0,0%,100%,.8);margin-top:.5rem}.mockup-container[data-v-639ca5a8]{display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:4rem;border:2px solid hsla(0,0%,100%,.2)}.mockup-icon[data-v-639ca5a8]{font-size:15rem;color:hsla(0,0%,100%,.9)}.contact[data-v-639ca5a8],.features[data-v-639ca5a8],.how-it-works[data-v-639ca5a8],.pricing[data-v-639ca5a8]{padding:6rem 0}.section-header[data-v-639ca5a8]{text-align:center;margin-bottom:4rem}.section-header h2[data-v-639ca5a8]{font-size:2.5rem;font-weight:900;color:#1f2937;margin-bottom:1rem}.section-header p[data-v-639ca5a8]{font-size:1.25rem;color:#6b7280}.features-grid[data-v-639ca5a8]{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature-card[data-v-639ca5a8]{padding:2rem;background:#fff;border-radius:16px;border:2px solid #e5e7eb;transition:all .3s}.feature-card[data-v-639ca5a8]:hover{border-color:#5b4fff;transform:translateY(-8px);box-shadow:0 12px 40px rgba(91,79,255,.15)}.feature-icon[data-v-639ca5a8]{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5b4fff,#4a3fd9);border-radius:16px;color:#fff;font-size:1.75rem;margin-bottom:1.5rem}.feature-card h3[data-v-639ca5a8]{font-size:1.25rem;font-weight:700;color:#1f2937;margin-bottom:.75rem}.feature-card p[data-v-639ca5a8]{color:#6b7280;line-height:1.6}.how-it-works[data-v-639ca5a8]{background:#f9fafb}.steps[data-v-639ca5a8]{display:flex;gap:2rem;justify-content:center}.step[data-v-639ca5a8]{flex:1;max-width:350px;display:flex;flex-direction:column;align-items:center;text-align:center}.step-number[data-v-639ca5a8]{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5b4fff,#4a3fd9);color:#fff;border-radius:50%;font-size:2rem;font-weight:900;margin-bottom:1.5rem}.step-content h3[data-v-639ca5a8]{font-size:1.5rem;font-weight:700;color:#1f2937;margin-bottom:.75rem}.step-content p[data-v-639ca5a8]{color:#6b7280;line-height:1.6}.testimonials[data-v-639ca5a8]{padding:8rem 0;background:linear-gradient(180deg,#fff,#f9fafb)}.testimonials-grid[data-v-639ca5a8]{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.testimonial-card[data-v-639ca5a8]{padding:2rem;background:#fff;border-radius:20px;border:2px solid #e5e7eb;transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.testimonial-card[data-v-639ca5a8]:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#5b4fff,#764ba2);transform:scaleX(0);transition:transform .4s}.testimonial-card[data-v-639ca5a8]:hover:before{transform:scaleX(1)}.testimonial-card[data-v-639ca5a8]:hover{border-color:#5b4fff;transform:translateY(-8px);box-shadow:0 20px 60px rgba(91,79,255,.15)}.testimonial-header[data-v-639ca5a8]{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.testimonial-avatar[data-v-639ca5a8]{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5b4fff,#764ba2);border-radius:50%;color:#fff;font-size:1.5rem}.testimonial-info h4[data-v-639ca5a8]{font-size:1.125rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.testimonial-info p[data-v-639ca5a8]{font-size:.875rem;color:#6b7280}.testimonial-rating[data-v-639ca5a8]{display:flex;gap:.25rem;margin-bottom:1rem}.testimonial-rating i[data-v-639ca5a8]{color:#ffc107;font-size:1rem}.testimonial-text[data-v-639ca5a8]{color:#374151;line-height:1.7;font-size:.9375rem}.cta-section[data-v-639ca5a8]{position:relative;padding:8rem 0;overflow:hidden}.cta-background[data-v-639ca5a8]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb)}.cta-gradient[data-v-639ca5a8]{position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h100v100H0z' fill='none'/%3E%3Cpath d='m50 0 50 50-50 50L0 50z' fill='%23fff' opacity='.05'/%3E%3C/svg%3E");animation:patternMove-639ca5a8 20s linear infinite}@keyframes patternMove-639ca5a8{0%{background-position:0 0}to{background-position:100px 100px}}.cta-content[data-v-639ca5a8]{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.cta-content h2[data-v-639ca5a8]{font-size:3rem;font-weight:900;color:#fff;margin-bottom:1.5rem;line-height:1.2}.cta-content p[data-v-639ca5a8]{font-size:1.25rem;color:hsla(0,0%,100%,.95);margin-bottom:3rem;line-height:1.6}.cta-actions[data-v-639ca5a8]{display:flex;gap:1.5rem;justify-content:center;margin-bottom:3rem}.btn-cta-primary[data-v-639ca5a8],.btn-cta-secondary[data-v-639ca5a8]{display:flex;align-items:center;gap:.75rem;padding:1.25rem 2.5rem;border-radius:16px;font-weight:700;font-size:1.125rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:none}.btn-cta-primary[data-v-639ca5a8]{background:#fff;color:#5b4fff;box-shadow:0 10px 30px rgba(0,0,0,.2)}.btn-cta-primary[data-v-639ca5a8]:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 20px 40px rgba(0,0,0,.3)}.btn-cta-secondary[data-v-639ca5a8]{background:hsla(0,0%,100%,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border:2px solid hsla(0,0%,100%,.3)}.btn-cta-secondary[data-v-639ca5a8]:hover{background:hsla(0,0%,100%,.25);border-color:hsla(0,0%,100%,.5);transform:translateY(-2px)}.cta-features[data-v-639ca5a8]{display:flex;gap:2.5rem;justify-content:center;flex-wrap:wrap}.cta-feature[data-v-639ca5a8]{display:flex;align-items:center;gap:.75rem;color:#fff;font-size:1rem;font-weight:600}.cta-feature i[data-v-639ca5a8]{font-size:1.25rem;color:#10b981}.footer[data-v-639ca5a8]{background:#1f2937;color:#fff;padding:4rem 0 2rem}.footer-content[data-v-639ca5a8]{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-section h4[data-v-639ca5a8]{margin-bottom:1rem;font-size:1.125rem}.footer-section a[data-v-639ca5a8]{display:block;color:hsla(0,0%,100%,.7);text-decoration:none;margin-bottom:.75rem;transition:color .3s}.footer-section a[data-v-639ca5a8]:hover{color:#fff}.social-links[data-v-639ca5a8]{display:flex;gap:1rem}.social-links a[data-v-639ca5a8]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.1);border-radius:50%;transition:all .3s}.social-links a[data-v-639ca5a8]:hover{background:#5b4fff;transform:translateY(-4px)}.footer-bottom[data-v-639ca5a8]{padding-top:2rem;border-top:1px solid hsla(0,0%,100%,.1);text-align:center;color:hsla(0,0%,100%,.7)}.modal-overlay[data-v-639ca5a8]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:2rem}.modal-container[data-v-639ca5a8]{position:relative;background:#fff;border-radius:24px;max-width:450px;width:100%;box-shadow:0 25px 50px rgba(0,0,0,.3);animation:modalSlide-639ca5a8 .3s ease}@keyframes modalSlide-639ca5a8{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.modal-close[data-v-639ca5a8]{position:absolute;top:1.5rem;right:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;transition:all .3s;z-index:10}.modal-close[data-v-639ca5a8]:hover{background:#e5e7eb;transform:rotate(90deg)}.modal-content[data-v-639ca5a8]{padding:3rem}.modal-header[data-v-639ca5a8]{text-align:center;margin-bottom:2rem}.modal-header .logo[data-v-639ca5a8]{justify-content:center;margin-bottom:1.5rem}.modal-header h2[data-v-639ca5a8]{font-size:1.75rem;font-weight:800;color:#1f2937;margin-bottom:.5rem}.modal-header p[data-v-639ca5a8]{color:#6b7280}.login-form[data-v-639ca5a8]{display:flex;flex-direction:column;gap:1.5rem}.form-group[data-v-639ca5a8]{position:relative}.form-group label[data-v-639ca5a8]{display:block;margin-bottom:.5rem;color:#374151;font-weight:600;font-size:.875rem}.input-wrapper[data-v-639ca5a8]{position:relative;display:flex;align-items:center}.input-icon[data-v-639ca5a8]{position:absolute;left:1rem;color:#9ca3af;transition:color .3s}.form-group.focused .input-icon[data-v-639ca5a8]{color:#5b4fff}.login-form input[data-v-639ca5a8]{width:100%;padding:.875rem 1rem .875rem 3rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .3s}.login-form input[data-v-639ca5a8]:focus{outline:none;border-color:#5b4fff;background:#fff;box-shadow:0 0 0 4px rgba(91,79,255,.1)}.login-form input.error[data-v-639ca5a8]{border-color:#ef4444}.toggle-password[data-v-639ca5a8]{position:absolute;right:1rem;background:none;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;transition:color .3s}.toggle-password[data-v-639ca5a8]:hover{color:#5b4fff}.error-message[data-v-639ca5a8]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#fee2e2;color:#ef4444;border-radius:8px;font-size:.875rem}.btn-submit-login[data-v-639ca5a8]{width:100%;padding:1rem;background:linear-gradient(135deg,#5b4fff,#4a3fd9);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-submit-login[data-v-639ca5a8]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(91,79,255,.4)}.btn-submit-login[data-v-639ca5a8]:disabled{opacity:.7;cursor:not-allowed}.loader[data-v-639ca5a8]{display:inline-block;width:20px;height:20px;border:3px solid hsla(0,0%,100%,.3);border-radius:50%;border-top-color:#fff;animation:spin-639ca5a8 1s linear infinite}@keyframes spin-639ca5a8{to{transform:rotate(1turn)}}.form-footer[data-v-639ca5a8]{text-align:center;margin-top:1rem}.link[data-v-639ca5a8]{color:#5b4fff;text-decoration:none;font-weight:600;transition:color .3s}.link[data-v-639ca5a8]:hover{color:#4a3fd9;text-decoration:underline}.modal-fade-enter-active[data-v-639ca5a8],.modal-fade-leave-active[data-v-639ca5a8]{transition:opacity .3s}.modal-fade-enter-from[data-v-639ca5a8],.modal-fade-leave-to[data-v-639ca5a8]{opacity:0}@media (max-width:1024px){.hero .container[data-v-639ca5a8]{grid-template-columns:1fr;text-align:center}.hero-image[data-v-639ca5a8]{display:none}.hero-actions[data-v-639ca5a8],.hero-stats[data-v-639ca5a8]{justify-content:center}.features-grid[data-v-639ca5a8],.testimonials-grid[data-v-639ca5a8]{grid-template-columns:1fr}.cta-actions[data-v-639ca5a8],.steps[data-v-639ca5a8]{flex-direction:column}.btn-cta-primary[data-v-639ca5a8],.btn-cta-secondary[data-v-639ca5a8]{width:100%;justify-content:center}.footer-content[data-v-639ca5a8]{grid-template-columns:1fr}}@media (max-width:768px){.nav-links[data-v-639ca5a8]{display:none}.hero-title[data-v-639ca5a8]{font-size:2.5rem}.cta-content h2[data-v-639ca5a8]{font-size:2rem}.cta-content p[data-v-639ca5a8]{font-size:1rem}.hero-actions[data-v-639ca5a8]{flex-direction:column}.btn-primary[data-v-639ca5a8],.btn-secondary[data-v-639ca5a8]{width:100%;justify-content:center}}[data-v-263bf8f3]{margin:0;padding:0;box-sizing:border-box}.sidebar-wrapper[data-v-263bf8f3]{position:relative}.hamburger-btn[data-v-263bf8f3]{display:none;position:fixed;top:20px;left:20px;z-index:10001;width:48px;height:48px;background:linear-gradient(135deg,#5b4fff,#4a3fd9);border:none;border-radius:12px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;box-shadow:0 4px 16px rgba(91,79,255,.4);transition:all .3s cubic-bezier(.4,0,.2,1)}.hamburger-btn span[data-v-263bf8f3]{width:24px;height:3px;background:#fff;border-radius:2px;transition:all .3s}.hamburger-btn[data-v-263bf8f3]:hover{transform:scale(1.05);box-shadow:0 6px 20px rgba(91,79,255,.5)}.hamburger-btn[data-v-263bf8f3]:active{transform:scale(.95)}.sidebar-overlay[data-v-263bf8f3]{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.overlay-fade-enter-active[data-v-263bf8f3],.overlay-fade-leave-active[data-v-263bf8f3]{transition:opacity .3s ease}.overlay-fade-enter-from[data-v-263bf8f3],.overlay-fade-leave-to[data-v-263bf8f3]{opacity:0}.sidebar[data-v-263bf8f3]{position:fixed;top:0;left:0;width:290px;height:100vh;background:linear-gradient(180deg,#1f2937,#111827);display:flex;flex-direction:column;box-shadow:4px 0 24px rgba(0,0,0,.2);font-family:Inter,sans-serif;transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:10000;overflow:hidden}.animated-background[data-v-263bf8f3]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none;z-index:0}.gradient-orb[data-v-263bf8f3]{position:absolute;border-radius:50%;filter:blur(80px);opacity:.15;animation:float-263bf8f3 20s ease-in-out infinite}.orb-1[data-v-263bf8f3]{width:300px;height:300px;background:linear-gradient(135deg,#5b4fff,#4a3fd9);top:-100px;left:-100px;animation-delay:0s}.orb-2[data-v-263bf8f3]{width:250px;height:250px;background:linear-gradient(135deg,#10b981,#059669);bottom:-80px;right:-80px;animation-delay:7s}.orb-3[data-v-263bf8f3]{width:200px;height:200px;background:linear-gradient(135deg,#f59e0b,#d97706);top:50%;left:-50px;animation-delay:14s}@keyframes float-263bf8f3{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.sidebar-content[data-v-263bf8f3]{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;padding:24px 0;overflow-y:auto}.sidebar-content[data-v-263bf8f3]::-webkit-scrollbar{width:6px}.sidebar-content[data-v-263bf8f3]::-webkit-scrollbar-track{background:transparent}.sidebar-content[data-v-263bf8f3]::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:3px}.close-btn[data-v-263bf8f3]{display:none;position:absolute;top:20px;right:20px;width:40px;height:40px;background:hsla(0,0%,100%,.1);border:none;border-radius:10px;color:#fff;font-size:1.5rem;cursor:pointer;transition:all .2s;z-index:10}.close-btn[data-v-263bf8f3]:hover{background:hsla(0,0%,100%,.2);transform:rotate(90deg)}.user-info[data-v-263bf8f3]{text-align:center;padding:0 24px 24px;border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:24px}.user-photo-wrapper[data-v-263bf8f3]{position:relative;display:inline-block;margin-bottom:16px}.user-photo[data-v-263bf8f3]{width:80px;height:80px;border-radius:20px;border:3px solid rgba(91,79,255,.5);-o-object-fit:cover;object-fit:cover;box-shadow:0 8px 24px rgba(0,0,0,.2);transition:all .3s}.user-photo[data-v-263bf8f3]:hover{transform:scale(1.05);border-color:#5b4fff}.status-indicator[data-v-263bf8f3]{position:absolute;bottom:4px;right:4px;width:16px;height:16px;background:#10b981;border:3px solid #1f2937;border-radius:50%;box-shadow:0 0 0 2px rgba(16,185,129,.3)}.user-name[data-v-263bf8f3]{font-size:1.125rem;font-weight:700;color:#fff;margin:0 0 6px;letter-spacing:-.01em}.user-role[data-v-263bf8f3]{font-size:.875rem;color:#9ca3af;margin:0;font-weight:500}.menu[data-v-263bf8f3]{flex:1;padding:0 16px;overflow-y:auto}.menu[data-v-263bf8f3]::-webkit-scrollbar{width:4px}.menu[data-v-263bf8f3]::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:2px}.menu-list[data-v-263bf8f3]{list-style:none;padding:0;margin:0}.menu-item[data-v-263bf8f3]{margin-bottom:4px}.menu-link[data-v-263bf8f3]{position:relative;display:flex;align-items:center;gap:12px;padding:12px 16px;color:#d1d5db;text-decoration:none;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600;font-size:.9375rem;overflow:hidden;background:transparent;border:none;width:100%;cursor:pointer;text-align:left}.menu-link[data-v-263bf8f3]:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(90deg,rgba(91,79,255,.1),transparent);transition:width .3s ease}.menu-link[data-v-263bf8f3]:hover:before{width:100%}.menu-link[data-v-263bf8f3]:hover{background:hsla(0,0%,100%,.05);color:#fff;transform:translateX(4px)}.menu-link.active[data-v-263bf8f3]{background:linear-gradient(90deg,rgba(91,79,255,.15),rgba(91,79,255,.05));color:#fff;font-weight:700}.menu-link.active .link-indicator[data-v-263bf8f3]{opacity:1;transform:scaleY(1)}.link-icon[data-v-263bf8f3]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.08);border-radius:10px;font-size:1.125rem;flex-shrink:0;transition:all .3s}.menu-link.active .link-icon[data-v-263bf8f3]{background:linear-gradient(135deg,#5b4fff,#4a3fd9);color:#fff;box-shadow:0 4px 12px rgba(91,79,255,.3)}.menu-link:hover .link-icon[data-v-263bf8f3]{background:hsla(0,0%,100%,.12);transform:scale(1.05)}.link-text[data-v-263bf8f3]{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-indicator[data-v-263bf8f3]{position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);width:4px;height:20px;background:linear-gradient(180deg,#5b4fff,#4a3fd9);border-radius:0 2px 2px 0;opacity:0;transition:all .3s}.has-submenu .parent-link[data-v-263bf8f3]{justify-content:space-between}.submenu-arrow[data-v-263bf8f3]{font-size:.75rem;transition:transform .3s;margin-left:auto}.parent-link.expanded .submenu-arrow[data-v-263bf8f3]{transform:rotate(180deg)}.submenu[data-v-263bf8f3]{list-style:none;padding:8px 0 8px 52px;margin:0;overflow:hidden}.submenu-link[data-v-263bf8f3]{display:flex;align-items:center;gap:10px;padding:10px 16px;color:#9ca3af;text-decoration:none;border-radius:10px;transition:all .2s;font-size:.875rem;font-weight:500}.submenu-link[data-v-263bf8f3]:hover{background:hsla(0,0%,100%,.05);color:#d1d5db;transform:translateX(4px)}.submenu-link.active[data-v-263bf8f3]{background:rgba(91,79,255,.1);color:#5b4fff;font-weight:600}.submenu-dot[data-v-263bf8f3]{font-size:.375rem;color:#6b7280}.submenu-link.active .submenu-dot[data-v-263bf8f3]{color:#5b4fff}.submenu-slide-enter-active[data-v-263bf8f3],.submenu-slide-leave-active[data-v-263bf8f3]{transition:all .3s ease}.submenu-slide-enter-from[data-v-263bf8f3],.submenu-slide-leave-to[data-v-263bf8f3]{opacity:0;max-height:0}.submenu-slide-enter-to[data-v-263bf8f3],.submenu-slide-leave-from[data-v-263bf8f3]{opacity:1;max-height:300px}.menu-divider[data-v-263bf8f3]{//margin:362px 0;padding:0 16px}.divider-text[data-v-263bf8f3]{display:block;font-size:.75rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.1em;padding-bottom:8px;border-bottom:1px solid hsla(0,0%,100%,.1)}.bottom-section[data-v-263bf8f3]{padding:16px;border-top:1px solid hsla(0,0%,100%,.1);display:flex;flex-direction:column;gap:8px;margin-top:auto}.bottom-btn[data-v-263bf8f3]{display:flex;align-items:center;gap:12px;padding:12px 16px;background:hsla(0,0%,100%,.05);border:none;border-radius:12px;color:#d1d5db;font-weight:600;font-size:.9375rem;cursor:pointer;transition:all .3s;font-family:Inter,sans-serif;width:100%;text-align:left}.bottom-btn[data-v-263bf8f3]:hover{background:hsla(0,0%,100%,.1);color:#fff;transform:translateY(-2px)}.btn-icon[data-v-263bf8f3]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.08);border-radius:10px;font-size:1.125rem;flex-shrink:0;transition:all .3s}.logout-btn[data-v-263bf8f3]:hover{background:rgba(239,68,68,.15);color:#fca5a5}.logout-btn:hover .btn-icon[data-v-263bf8f3]{background:rgba(239,68,68,.2);color:#ef4444}.account-btn:hover .btn-icon[data-v-263bf8f3]{background:linear-gradient(135deg,#5b4fff,#4a3fd9);color:#fff;box-shadow:0 4px 12px rgba(91,79,255,.3)}@media (max-width:768px){.hamburger-btn[data-v-263bf8f3]{display:flex}.sidebar-overlay[data-v-263bf8f3]{display:block}.sidebar[data-v-263bf8f3]{width:85%;max-width:320px;transform:translateX(-100%)}.sidebar.open[data-v-263bf8f3]{transform:translateX(0)}.close-btn[data-v-263bf8f3]{display:flex;align-items:center;justify-content:center}.user-photo[data-v-263bf8f3]{width:70px;height:70px}.user-name[data-v-263bf8f3]{font-size:1rem}.menu-link[data-v-263bf8f3]{padding:10px 14px;font-size:.875rem}.link-icon[data-v-263bf8f3]{width:32px;height:32px;font-size:1rem}.bottom-btn[data-v-263bf8f3]{padding:10px 14px;font-size:.875rem}.btn-icon[data-v-263bf8f3]{width:32px;height:32px;font-size:1rem}}@media (max-width:480px){.sidebar[data-v-263bf8f3]{width:90%}.user-info[data-v-263bf8f3]{padding:0 16px 20px}.menu[data-v-263bf8f3]{padding:0 12px}.bottom-section[data-v-263bf8f3]{padding:12px}}[data-v-5e538c77]{margin:0;padding:0;box-sizing:border-box}.video-thumbnail[data-v-5e538c77]{position:relative;width:100%;height:100%;background:#1a1a2e;display:flex;align-items:center;justify-content:center;overflow:hidden}.video-thumbnail video[data-v-5e538c77]{-o-object-fit:cover;object-fit:cover;filter:brightness(.7)}.card-image-wrapper:hover .video-thumbnail video[data-v-5e538c77]{filter:brightness(.5)}.video-thumbnail video[data-v-5e538c77]::-webkit-media-controls{display:none!important}.video-thumbnail video[data-v-5e538c77]{pointer-events:none}.video-thumbnail[data-v-5e538c77]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle,rgba(0,0,0,.3) 0,rgba(0,0,0,.6) 100%);z-index:1;pointer-events:none}.video-icon[data-v-5e538c77]{z-index:3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:3rem;color:#fff;opacity:.9;z-index:2;pointer-events:none;text-shadow:0 2px 8px rgba(0,0,0,.3)}.video-icon-small[data-v-5e538c77]{font-size:1.5rem}.card-image-wrapper .video-thumbnail:hover .video-icon[data-v-5e538c77]{opacity:1;transform:translate(-50%,-50%) scale(1.1);transition:all .3s ease}.card-badges[data-v-5e538c77]{margin-bottom:.75rem}.media-badge[data-v-5e538c77]{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .75rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.media-badge.video[data-v-5e538c77]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px rgba(239,68,68,.3)}.media-badge.image[data-v-5e538c77]{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px rgba(16,185,129,.3)}.media-badge i[data-v-5e538c77]{font-size:.875rem}.list-image-wrapper[data-v-5e538c77]{position:relative;width:120px;height:80px;flex-shrink:0;border-radius:8px;overflow:hidden}.list-image-wrapper .video-thumbnail[data-v-5e538c77],.list-image[data-v-5e538c77]{width:100%;height:100%}.screens-list-page[data-v-5e538c77]{font-family:Inter,sans-serif;background:#f5f5f7;min-height:100vh;display:flex}.toast-container[data-v-5e538c77]{position:fixed;top:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:12px;max-width:380px}.toast-notification[data-v-5e538c77]{display:flex;align-items:center;gap:14px;padding:14px 18px;background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.12);border-left:4px solid;min-width:350px;animation:slideInRight-5e538c77 .4s cubic-bezier(.16,1,.3,1)}@keyframes slideInRight-5e538c77{0%{transform:translateX(450px);opacity:0}to{transform:translateX(0);opacity:1}}.toast-notification.success[data-v-5e538c77]{border-left-color:#10b981}.toast-notification.error[data-v-5e538c77]{border-left-color:#ef4444}.toast-notification.warning[data-v-5e538c77]{border-left-color:#f59e0b}.toast-notification.info[data-v-5e538c77]{border-left-color:#5b4fff}.toast-icon[data-v-5e538c77]{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0}.toast-notification.success .toast-icon[data-v-5e538c77]{background:rgba(16,185,129,.1);color:#10b981}.toast-notification.error .toast-icon[data-v-5e538c77]{background:rgba(239,68,68,.1);color:#ef4444}.toast-content[data-v-5e538c77]{flex:1;display:flex;flex-direction:column;gap:3px}.toast-title[data-v-5e538c77]{font-weight:700;font-size:.9375rem;color:#1f2937}.toast-message[data-v-5e538c77]{font-size:.8125rem;color:#6b7280}.toast-close[data-v-5e538c77]{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;transition:all .2s}.toast-close[data-v-5e538c77]:hover{background:#e5e7eb;color:#374151}.loading-overlay[data-v-5e538c77]{position:fixed;top:0;left:290px;right:0;bottom:0;background:hsla(0,0%,100%,.98);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading-spinner[data-v-5e538c77]{text-align:center}.spinner-ring[data-v-5e538c77]{width:64px;height:64px;border:5px solid rgba(91,79,255,.1);border-top-color:#5b4fff;border-radius:50%;animation:spin-5e538c77 1s linear infinite;margin:0 auto 20px}@keyframes spin-5e538c77{to{transform:rotate(1turn)}}.loading-spinner i[data-v-5e538c77]{font-size:2.25rem;color:#5b4fff;margin-bottom:14px;display:block}.loading-spinner p[data-v-5e538c77]{font-size:1rem;color:#6b7280;font-weight:600}.main-content[data-v-5e538c77]{flex:1;margin-left:290px;padding:30px;overflow-y:auto}.page-header[data-v-5e538c77]{margin-bottom:30px}.header-top[data-v-5e538c77]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:20px}.title-section[data-v-5e538c77]{display:flex;align-items:center;gap:14px}.title-icon[data-v-5e538c77]{width:52px;height:52px;background:linear-gradient(135deg,#5b4fff,#4a3fd9);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;box-shadow:0 6px 20px rgba(91,79,255,.3)}.page-title[data-v-5e538c77]{font-size:2rem;font-weight:800;color:#1f2937;margin:0 0 6px;letter-spacing:-.03em}.page-subtitle[data-v-5e538c77]{font-size:1rem;color:#6b7280;margin:0;font-weight:500}.btn-primary[data-v-5e538c77]{display:flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#5b4fff,#4a3fd9);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px rgba(91,79,255,.35)}.btn-primary[data-v-5e538c77]:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(91,79,255,.45)}.header-filters[data-v-5e538c77]{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.search-box[data-v-5e538c77]{flex:1;max-width:500px;position:relative;display:flex;align-items:center}.search-box i.fa-search[data-v-5e538c77]{position:absolute;left:16px;color:#9ca3af;font-size:1rem;pointer-events:none}.search-input[data-v-5e538c77]{width:100%;padding:14px 48px 14px 50px;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .2s;font-family:Inter,sans-serif}.search-input[data-v-5e538c77]::-moz-placeholder{color:#9ca3af}.search-input[data-v-5e538c77]::placeholder{color:#9ca3af}.search-input[data-v-5e538c77]:focus{outline:none;border-color:#5b4fff;box-shadow:0 0 0 4px rgba(91,79,255,.1)}.clear-search[data-v-5e538c77]{position:absolute;right:14px;background:none;border:none;color:#9ca3af;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.clear-search[data-v-5e538c77]:hover{color:#6b7280;background:#f3f4f6}.view-toggle[data-v-5e538c77]{display:flex;gap:4px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:4px}.toggle-btn[data-v-5e538c77]{width:42px;height:42px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;transition:all .2s;font-size:1.125rem}.toggle-btn[data-v-5e538c77]:hover{background:#f3f4f6;color:#6b7280}.toggle-btn.active[data-v-5e538c77]{background:linear-gradient(135deg,#5b4fff,#4a3fd9);color:#fff;box-shadow:0 4px 12px rgba(91,79,255,.3)}.screens-container[data-v-5e538c77]{min-height:400px}.empty-state[data-v-5e538c77]{text-align:center;padding:100px 24px;background:#fff;border-radius:20px;border:2px solid #e5e7eb;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:500px}.empty-icon[data-v-5e538c77]{width:100px;height:100px;margin:0 auto 24px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:24px;display:flex;align-items:center;justify-content:center}.empty-icon i[data-v-5e538c77]{font-size:3rem;color:#9ca3af}.empty-state h3[data-v-5e538c77]{font-size:1.75rem;font-weight:800;color:#1f2937;margin:0 0 12px}.empty-state p[data-v-5e538c77]{font-size:1.125rem;color:#6b7280;margin:0 0 32px;max-width:400px}.empty-state strong[data-v-5e538c77]{color:#5b4fff;font-weight:800}.empty-state .btn-primary[data-v-5e538c77]{margin:0 auto}.screens-grid[data-v-5e538c77]{background:#fff;border-radius:20px;padding:24px;border:2px solid #e5e7eb}.grid-wrapper[data-v-5e538c77]{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}.screen-card[data-v-5e538c77]{background:#fff;border-radius:16px;border:2px solid #e5e7eb;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.screen-card[data-v-5e538c77]:hover{transform:translateY(-6px);box-shadow:0 12px 32px rgba(0,0,0,.1);border-color:#5b4fff}.card-image-wrapper[data-v-5e538c77]{position:relative;width:100%;height:180px;overflow:hidden;background:#f3f4f6}.card-image[data-v-5e538c77]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s}.screen-card:hover .card-image[data-v-5e538c77]{transform:scale(1.05)}.card-overlay[data-v-5e538c77]{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.screen-card:hover .card-overlay[data-v-5e538c77]{opacity:1}.overlay-btn[data-v-5e538c77]{width:48px;height:48px;background:#fff;border:none;border-radius:50%;color:#5b4fff;cursor:pointer;transition:all .2s;font-size:1.25rem;display:flex;align-items:center;justify-content:center}.overlay-btn[data-v-5e538c77]:hover{background:#5b4fff;color:#fff;transform:scale(1.1)}.card-content[data-v-5e538c77]{padding:20px;flex:1;display:flex;flex-direction:column;gap:12px}.card-title[data-v-5e538c77]{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0;letter-spacing:-.01em}.card-description[data-v-5e538c77]{font-size:.875rem;color:#6b7280;margin:0;line-height:1.5}.card-meta[data-v-5e538c77]{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto}.meta-item[data-v-5e538c77]{display:flex;align-items:center;gap:6px;font-size:.8125rem;color:#9ca3af;font-weight:600}.meta-item i[data-v-5e538c77]{font-size:.875rem}.status-badge[data-v-5e538c77]{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.status-badge i[data-v-5e538c77]{font-size:.5rem}.status-badge.active[data-v-5e538c77]{background:rgba(16,185,129,.12);color:#059669}.status-badge.inactive[data-v-5e538c77]{background:hsla(220,9%,46%,.12);color:#6b7280}.card-actions[data-v-5e538c77]{display:flex;gap:8px;padding:0 20px 20px;border-top:2px solid #f3f4f6;padding-top:16px}.action-btn[data-v-5e538c77]{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border:2px solid #e5e7eb;border-radius:10px;background:#fff;cursor:pointer;transition:all .2s;font-weight:600;font-size:.875rem}.action-btn.edit-btn[data-v-5e538c77]{color:#5b4fff}.action-btn.edit-btn[data-v-5e538c77]:hover{background:rgba(91,79,255,.08);border-color:#5b4fff}.action-btn.delete-btn[data-v-5e538c77]{color:#ef4444}.action-btn.delete-btn[data-v-5e538c77]:hover{background:rgba(239,68,68,.08);border-color:#ef4444}.screens-list-view[data-v-5e538c77]{background:#fff;border-radius:20px;border:2px solid #e5e7eb;overflow:hidden}.list-wrapper[data-v-5e538c77]{display:flex;flex-direction:column}.list-item[data-v-5e538c77]{display:flex;align-items:center;gap:20px;padding:20px;border-bottom:2px solid #f3f4f6;transition:all .2s}.list-item[data-v-5e538c77]:last-child{border-bottom:none}.list-item[data-v-5e538c77]:hover{background:rgba(91,79,255,.02)}.list-image[data-v-5e538c77]{width:120px;height:80px;-o-object-fit:cover;object-fit:cover;border-radius:12px;border:2px solid #e5e7eb;flex-shrink:0}.list-content[data-v-5e538c77]{flex:1;min-width:0}.list-title[data-v-5e538c77]{font-size:1.125rem;font-weight:700;color:#1f2937;margin:0 0 8px}.list-description[data-v-5e538c77]{font-size:.875rem;color:#6b7280;margin:0 0 12px;line-height:1.5}.list-meta[data-v-5e538c77]{display:flex;align-items:center;gap:16px}.list-actions[data-v-5e538c77]{display:flex;gap:8px;flex-shrink:0}.list-actions .action-btn[data-v-5e538c77]{width:40px;height:40px;padding:0;border-radius:10px;justify-content:center}.list-actions .action-btn span[data-v-5e538c77]{display:none}.action-btn.view-btn[data-v-5e538c77]{color:#6b7280}.action-btn.view-btn[data-v-5e538c77]:hover{background:hsla(220,9%,46%,.08);border-color:#6b7280}.pagination[data-v-5e538c77]{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:32px}.pagination-btn[data-v-5e538c77]{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#374151;font-weight:600;cursor:pointer;transition:all .2s}.pagination-btn[data-v-5e538c77]:hover:not(:disabled){background:#f9fafb;border-color:#5b4fff;color:#5b4fff}.pagination-btn[data-v-5e538c77]:disabled{opacity:.4;cursor:not-allowed}.pagination-pages[data-v-5e538c77]{display:flex;gap:6px}.page-number[data-v-5e538c77]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;font-weight:700;cursor:pointer;transition:all .2s}.page-number[data-v-5e538c77]:hover{background:#f9fafb;border-color:#5b4fff;color:#5b4fff}.page-number.active[data-v-5e538c77]{background:linear-gradient(135deg,#5b4fff,#4a3fd9);border-color:#5b4fff;color:#fff;box-shadow:0 4px 12px rgba(91,79,255,.3)}.modal-overlay[data-v-5e538c77]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:24px}.modal-container[data-v-5e538c77]{background:#fff;border-radius:20px;box-shadow:0 25px 75px rgba(0,0,0,.3);width:100%;max-width:500px;overflow:hidden}.modal-header[data-v-5e538c77]{padding:28px;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;align-items:center}.modal-header-danger[data-v-5e538c77]{background:linear-gradient(135deg,rgba(239,68,68,.08),#fff)}.modal-title-section[data-v-5e538c77]{display:flex;align-items:center;gap:14px}.modal-icon[data-v-5e538c77]{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;color:#fff;flex-shrink:0}.modal-icon.danger[data-v-5e538c77]{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 16px rgba(239,68,68,.3)}.modal-header h3[data-v-5e538c77]{font-size:1.375rem;font-weight:800;color:#1f2937;margin:0}.modal-subtitle[data-v-5e538c77]{font-size:.9375rem;color:#6b7280;margin:6px 0 0}.modal-close[data-v-5e538c77]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:10px;color:#6b7280;cursor:pointer;transition:all .2s}.modal-close[data-v-5e538c77]:hover{background:#e5e7eb;color:#374151;transform:rotate(90deg)}.modal-body[data-v-5e538c77]{padding:32px 28px}.delete-message[data-v-5e538c77]{font-size:1rem;color:#374151;line-height:1.6;margin:0}.delete-message strong[data-v-5e538c77]{color:#5b4fff;font-weight:800}.modal-footer[data-v-5e538c77]{padding:20px 28px;border-top:2px solid #f3f4f6;display:flex;justify-content:flex-end;gap:12px}.btn-secondary[data-v-5e538c77]{display:flex;align-items:center;gap:8px;padding:12px 24px;background:#fff;color:#6b7280;border:2px solid #e5e7eb;border-radius:12px;font-weight:700;font-size:.9375rem;cursor:pointer;transition:all .2s}.btn-secondary[data-v-5e538c77]:hover{background:#f9fafb;border-color:#d1d5db}.btn-danger[data-v-5e538c77]{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:.9375rem;cursor:pointer;transition:all .3s;box-shadow:0 4px 14px rgba(239,68,68,.35)}.btn-danger[data-v-5e538c77]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px rgba(239,68,68,.45)}.btn-danger[data-v-5e538c77]:disabled{opacity:.6;cursor:not-allowed}.card-fade-enter-active[data-v-5e538c77],.card-fade-leave-active[data-v-5e538c77],.list-fade-enter-active[data-v-5e538c77],.list-fade-leave-active[data-v-5e538c77]{transition:all .3s ease}.card-fade-enter-from[data-v-5e538c77],.list-fade-enter-from[data-v-5e538c77]{opacity:0;transform:translateY(20px)}.card-fade-leave-to[data-v-5e538c77],.list-fade-leave-to[data-v-5e538c77]{opacity:0;transform:scale(.95)}.modal-fade-enter-active[data-v-5e538c77],.modal-fade-leave-active[data-v-5e538c77]{transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-fade-enter-from[data-v-5e538c77],.modal-fade-leave-to[data-v-5e538c77]{opacity:0}.modal-fade-enter-from .modal-container[data-v-5e538c77],.modal-fade-leave-to .modal-container[data-v-5e538c77]{transform:scale(.95) translateY(30px)}@media (max-width:1200px){.grid-wrapper[data-v-5e538c77]{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media (max-width:768px){.main-content[data-v-5e538c77]{margin-left:0;padding:20px 16px}.loading-overlay[data-v-5e538c77]{left:0}.header-top[data-v-5e538c77]{flex-direction:column;align-items:stretch}.btn-primary[data-v-5e538c77]{width:100%;justify-content:center}.header-filters[data-v-5e538c77]{flex-direction:column}.search-box[data-v-5e538c77]{max-width:100%}.grid-wrapper[data-v-5e538c77]{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.list-item[data-v-5e538c77]{flex-direction:column;align-items:flex-start}.list-image[data-v-5e538c77]{width:100%;height:140px}.list-actions[data-v-5e538c77]{width:100%;justify-content:stretch}.list-actions .action-btn[data-v-5e538c77]{flex:1}.list-actions .action-btn span[data-v-5e538c77]{display:inline}.pagination[data-v-5e538c77]{flex-wrap:wrap}.pagination-btn span[data-v-5e538c77]{display:none}}@media (max-width:480px){.page-title[data-v-5e538c77]{font-size:1.5rem}.grid-wrapper[data-v-5e538c77]{grid-template-columns:1fr}.pagination-pages[data-v-5e538c77]{order:3;width:100%;justify-content:center}}[data-v-7639e44a]{margin:0;padding:0;box-sizing:border-box}.playlist-list-page[data-v-7639e44a]{font-family:Inter,sans-serif;background:#f5f5f7;min-height:100vh;display:flex}.toast-container[data-v-7639e44a]{position:fixed;top:24px;right:24px;z-index:10000;display:flex;flex-direction:column;gap:12px}.toast-notification[data-v-7639e44a]{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#fff;border-radius:14px;box-shadow:0 10px 40px rgba(0,0,0,.15);border-left:5px solid;min-width:360px;animation:slideIn-7639e44a .4s cubic-bezier(.34,1.56,.64,1)}@keyframes slideIn-7639e44a{0%{transform:translateX(500px);opacity:0}}.toast-notification.success[data-v-7639e44a]{border-left-color:#10b981}.toast-notification.error[data-v-7639e44a]{border-left-color:#ef4444}.toast-notification.warning[data-v-7639e44a]{border-left-color:#f59e0b}.toast-notification.info[data-v-7639e44a]{border-left-color:#5b4fff}.toast-icon[data-v-7639e44a]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.toast-notification.success .toast-icon[data-v-7639e44a]{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(16,185,129,.05));color:#10b981}.toast-notification.error .toast-icon[data-v-7639e44a]{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(239,68,68,.05));color:#ef4444}.toast-notification.warning .toast-icon[data-v-7639e44a]{background:linear-gradient(135deg,rgba(245,158,11,.15),rgba(245,158,11,.05));color:#f59e0b}.toast-notification.info .toast-icon[data-v-7639e44a]{background:linear-gradient(135deg,rgba(91,79,255,.15),rgba(91,79,255,.05));color:#5b4fff}.toast-content[data-v-7639e44a]{flex:1}.toast-title[data-v-7639e44a]{font-weight:700;font-size:1rem;color:#1f2937;display:block;margin-bottom:4px}.toast-message[data-v-7639e44a]{font-size:.875rem;color:#6b7280;display:block}.toast-close[data-v-7639e44a]{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:8px;color:#9ca3af;cursor:pointer;transition:all .2s}.toast-close[data-v-7639e44a]:hover{background:#e5e7eb;color:#374151}.main-content[data-v-7639e44a]{flex:1;margin-left:290px;padding:32px;overflow-y:auto}.page-header[data-v-7639e44a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:20px}.header-left[data-v-7639e44a]{flex:1}.title-section[data-v-7639e44a]{display:flex;flex-direction:column;gap:8px}.page-title[data-v-7639e44a]{font-size:2rem;font-weight:800;color:#1f2937;margin:0;display:flex;align-items:center;gap:16px;letter-spacing:-.02em}.page-title i[data-v-7639e44a]{color:#5b4fff;font-size:1.75rem}.page-subtitle[data-v-7639e44a]{font-size:1rem;color:#6b7280;font-weight:500}.header-actions[data-v-7639e44a]{display:flex;gap:12px}.btn-primary[data-v-7639e44a]{display:flex;align-items:center;gap:10px;padding:12px 24px;background:linear-gradient(135deg,#5b4fff,#4a3fd9);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:Inter,sans-serif;box-shadow:0 4px 16px rgba(91,79,255,.4)}.btn-primary[data-v-7639e44a]:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(91,79,255,.5)}.btn-secondary[data-v-7639e44a]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;color:#6b7280;border:2px solid #e5e7eb;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.btn-secondary[data-v-7639e44a]:hover{border-color:#5b4fff;color:#5b4fff}.filters-bar[data-v-7639e44a]{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;flex-wrap:wrap}.search-wrapper[data-v-7639e44a]{position:relative;flex:1;max-width:500px}.search-icon[data-v-7639e44a]{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#9ca3af;font-size:1rem}.search-input[data-v-7639e44a]{width:100%;padding:14px 50px 14px 48px;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;font-family:Inter,sans-serif;transition:all .2s;background:#fff}.search-input[data-v-7639e44a]:focus{outline:none;border-color:#5b4fff;box-shadow:0 0 0 4px rgba(91,79,255,.1)}.clear-search[data-v-7639e44a]{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s}.clear-search[data-v-7639e44a]:hover{background:#e5e7eb;color:#374151}.filters-right[data-v-7639e44a]{display:flex;gap:16px;align-items:center}.results-count[data-v-7639e44a]{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;font-weight:700;color:#374151}.results-count i[data-v-7639e44a]{color:#5b4fff}.content-area[data-v-7639e44a]{background:#fff;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,.08);overflow:hidden}.loading-state[data-v-7639e44a]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;gap:20px}.spinner[data-v-7639e44a]{width:50px;height:50px;border:4px solid #e5e7eb;border-top-color:#5b4fff;border-radius:50%;animation:spin-7639e44a .8s linear infinite}@keyframes spin-7639e44a{to{transform:rotate(1turn)}}.loading-state p[data-v-7639e44a]{font-size:1.125rem;color:#6b7280;font-weight:600}.empty-state[data-v-7639e44a]{text-align:center;padding:80px 40px}.empty-icon[data-v-7639e44a]{width:120px;height:120px;margin:0 auto 28px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:28px;color:#9ca3af;font-size:4rem}.empty-state h3[data-v-7639e44a]{font-size:1.75rem;font-weight:800;color:#1f2937;margin:0 0 12px}.empty-state p[data-v-7639e44a]{font-size:1.125rem;color:#6b7280;margin:0 0 32px}.btn-create-empty[data-v-7639e44a]{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,#5b4fff,#4a3fd9);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:1.0625rem;cursor:pointer;transition:all .3s;font-family:Inter,sans-serif;box-shadow:0 4px 16px rgba(91,79,255,.4)}.btn-create-empty[data-v-7639e44a]:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(91,79,255,.5)}.table-wrapper[data-v-7639e44a]{overflow-x:auto}.data-table[data-v-7639e44a]{width:100%;border-collapse:collapse}.data-table thead[data-v-7639e44a]{background:#f9fafb;border-bottom:2px solid #e5e7eb}.data-table th[data-v-7639e44a]{padding:16px 20px;text-align:left;font-weight:800;font-size:.875rem;color:#374151;text-transform:uppercase;letter-spacing:.05em}.data-table th i[data-v-7639e44a]{margin-right:8px;color:#5b4fff}.table-row[data-v-7639e44a]{border-bottom:1px solid #e5e7eb;transition:all .2s}.table-row[data-v-7639e44a]:hover{background:#f9fafb}.data-table td[data-v-7639e44a]{padding:20px}.name-cell[data-v-7639e44a]{display:flex;align-items:center;gap:14px}.playlist-icon[data-v-7639e44a]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#5b4fff,#4a3fd9);color:#fff;border-radius:12px;font-size:1.25rem;flex-shrink:0}.name-content[data-v-7639e44a]{display:flex;flex-direction:column;gap:4px}.playlist-name[data-v-7639e44a]{font-weight:700;font-size:1rem;color:#1f2937}.playlist-id[data-v-7639e44a]{font-size:.8125rem;color:#9ca3af;font-family:Courier New,monospace}.url-cell[data-v-7639e44a]{display:flex;align-items:center;gap:10px}.url-code[data-v-7639e44a]{flex:1;padding:8px 12px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;font-family:Courier New,monospace;font-size:.875rem;color:#374151}.btn-copy[data-v-7639e44a],.btn-open[data-v-7639e44a]{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s;text-decoration:none}.btn-copy[data-v-7639e44a]:hover{border-color:#5b4fff;color:#5b4fff;background:rgba(91,79,255,.05)}.btn-open[data-v-7639e44a]:hover{border-color:#10b981;color:#10b981;background:rgba(16,185,129,.05)}.screens-badge[data-v-7639e44a]{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,rgba(91,79,255,.1),rgba(91,79,255,.05));border:2px solid rgba(91,79,255,.2);border-radius:10px;font-weight:700;color:#5b4fff}.action-buttons[data-v-7639e44a]{display:flex;gap:8px;justify-content:flex-end}.action-btn[data-v-7639e44a]{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s;font-size:1rem}.btn-edit[data-v-7639e44a]{color:#5b4fff}.btn-edit[data-v-7639e44a]:hover{border-color:#5b4fff;background:rgba(91,79,255,.05);transform:translateY(-2px)}.btn-delete[data-v-7639e44a]{color:#ef4444}.btn-delete[data-v-7639e44a]:hover{border-color:#ef4444;background:rgba(239,68,68,.05);transform:translateY(-2px)}.pagination[data-v-7639e44a]{display:flex;justify-content:space-between;align-items:center;padding:24px;border-top:2px solid #e5e7eb;gap:20px}.page-btn[data-v-7639e44a]{display:flex;align-items:center;gap:8px;padding:10px 20px;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;font-weight:700;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.page-btn[data-v-7639e44a]:hover:not(:disabled){border-color:#5b4fff;color:#5b4fff;background:rgba(91,79,255,.03)}.page-btn[data-v-7639e44a]:disabled{opacity:.4;cursor:not-allowed}.page-numbers[data-v-7639e44a]{display:flex;gap:8px}.page-number[data-v-7639e44a]{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#374151;font-weight:700;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.page-number[data-v-7639e44a]:hover{border-color:#5b4fff;color:#5b4fff}.page-number.active[data-v-7639e44a]{background:linear-gradient(135deg,#5b4fff,#4a3fd9);border-color:#5b4fff;color:#fff;box-shadow:0 4px 12px rgba(91,79,255,.3)}.modal-overlay[data-v-7639e44a]{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-content[data-v-7639e44a]{background:#fff;border-radius:20px;max-width:480px;width:100%;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:modalSlideIn-7639e44a .3s ease}@keyframes modalSlideIn-7639e44a{0%{opacity:0;transform:translateY(-50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header[data-v-7639e44a]{display:flex;align-items:center;gap:16px;padding:28px 28px 20px;border-bottom:2px solid #e5e7eb}.modal-header i[data-v-7639e44a]{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(239,68,68,.05));color:#ef4444;border-radius:14px;font-size:1.75rem}.modal-header h3[data-v-7639e44a]{font-size:1.5rem;font-weight:800;color:#1f2937;margin:0}.modal-body[data-v-7639e44a]{padding:28px}.modal-body p[data-v-7639e44a]{font-size:1.0625rem;color:#374151;line-height:1.6;margin:0 0 12px}.warning-text[data-v-7639e44a]{color:#ef4444;font-weight:700}.modal-footer[data-v-7639e44a]{display:flex;gap:12px;padding:20px 28px 28px}.btn-cancel[data-v-7639e44a]{flex:1;padding:14px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;color:#6b7280;font-weight:700;font-size:1rem;cursor:pointer;transition:all .2s;font-family:Inter,sans-serif}.btn-cancel[data-v-7639e44a]:hover{border-color:#d1d5db;background:#f9fafb}.btn-confirm-delete[data-v-7639e44a]{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:14px;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:12px;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s;font-family:Inter,sans-serif;box-shadow:0 4px 16px rgba(239,68,68,.4)}.btn-confirm-delete[data-v-7639e44a]:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(239,68,68,.5)}.modal-fade-enter-active[data-v-7639e44a],.modal-fade-leave-active[data-v-7639e44a]{transition:opacity .3s ease}.modal-fade-enter-from[data-v-7639e44a],.modal-fade-leave-to[data-v-7639e44a]{opacity:0}.toast-slide-enter-active[data-v-7639e44a],.toast-slide-leave-active[data-v-7639e44a]{transition:all .3s ease}.toast-slide-enter-from[data-v-7639e44a],.toast-slide-leave-to[data-v-7639e44a]{transform:translateX(400px);opacity:0}@media (max-width:768px){.main-content[data-v-7639e44a]{margin-left:0;padding:20px}.page-header[data-v-7639e44a]{flex-direction:column;align-items:stretch}.header-actions[data-v-7639e44a]{width:100%}.btn-primary[data-v-7639e44a]{width:100%;justify-content:center}.filters-bar[data-v-7639e44a]{flex-direction:column}.search-wrapper[data-v-7639e44a]{max-width:100%}.data-table[data-v-7639e44a]{font-size:.875rem}.data-table td[data-v-7639e44a],.data-table th[data-v-7639e44a]{padding:12px}.name-cell[data-v-7639e44a]{flex-direction:column;align-items:flex-start}.url-cell[data-v-7639e44a]{flex-direction:column;align-items:stretch}.action-buttons[data-v-7639e44a]{justify-content:flex-start}.pagination[data-v-7639e44a]{flex-direction:column}.page-numbers[data-v-7639e44a]{order:-1}.page-btn[data-v-7639e44a]{width:100%;justify-content:center}}@media (max-width:480px){.page-title[data-v-7639e44a]{font-size:1.5rem}.page-title i[data-v-7639e44a]{font-size:1.375rem}.data-table th[data-v-7639e44a]{font-size:.75rem}.col-screens[data-v-7639e44a],.col-url[data-v-7639e44a]{display:none}.modal-content[data-v-7639e44a]{margin:0}.modal-body[data-v-7639e44a],.modal-footer[data-v-7639e44a],.modal-header[data-v-7639e44a]{padding:20px}}