@import"https://fonts.googleapis.com/css2?family=Rubik:wght@400;700&display=swap";body{margin:0;padding:0;font-family:Sora,sans-serif;font-size:13px}#app{width:100%;margin:0 auto;font-weight:400}.flex{display:flex}a,.green{text-decoration:none;transition:.4s;padding:3px}h1{font-size:2rem!important}:root{--primary: #4f46e5;--primary-hover: #4338ca;--secondary: #f3f4f6;--secondary-hover: #e5e7eb;--correct: #10b981;--correct-bg: #d1fae5;--wrong: #ef4444;--wrong-bg: #fee2e2;--text: #1f2937;--text-light: #6b7280;--border: #e5e7eb;--shadow: 0 1px 3px rgba(0, 0, 0, .1)}.unread{position:fixed;z-index:999;top:20%;left:0;display:none}.unread .unread-label{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 20px #667eeaa2;padding:8px;border-top-right-radius:10px;border-bottom-right-radius:10px;font-size:1.1em}@media (max-width: 600px){.unread{display:block}}.language-selector-overlay[data-v-349df358]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172abf;display:flex;align-items:center;justify-content:center;z-index:1100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn-349df358 .3s ease-out}.language-selector-container[data-v-349df358]{background-color:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000040;width:90%;max-width:800px;overflow:hidden;animation:slideUp-349df358 .4s ease-out;transform-origin:center}.popup-header[data-v-349df358]{position:relative;padding:30px;display:flex;justify-content:center;background-image:linear-gradient(90deg,#3b82f6,#60a5fa)}.popup-icon[data-v-349df358]{width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;background-color:#fff;box-shadow:0 8px 16px #00000026;z-index:1;margin-bottom:-35px}.popup-close[data-v-349df358]{position:absolute;right:20px;top:15px;background:none;border:none;color:#fffc;font-size:24px;cursor:pointer;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s}.popup-close[data-v-349df358]:hover{background-color:#ffffff26;color:#fff}.popup-content[data-v-349df358]{padding:40px 30px 30px;text-align:center}.popup-title[data-v-349df358]{font-size:1.8rem;font-weight:800;color:#1e293b;margin-bottom:15px;background:linear-gradient(90deg,#3b82f6,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.popup-message[data-v-349df358]{font-size:1.1rem;color:#64748b;margin-bottom:25px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.language-options[data-v-349df358]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;max-width:750px;margin:0 auto}.language-option[data-v-349df358]{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;justify-content:center}.language-option[data-v-349df358]:hover{transform:translateY(-3px);box-shadow:0 8px 16px #0000001a;border-color:#bfdbfe;background-color:#f0f9ff}.language-option[data-v-349df358]:active{transform:translateY(0);background-color:#e0f2fe;box-shadow:0 2px 4px #0000001a;transition:all .1s}.flag-container[data-v-349df358]{width:48px;height:36px;margin-bottom:12px;border-radius:4px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.flag-image[data-v-349df358]{width:100%;height:100%;object-fit:cover}.language-name[data-v-349df358]{font-weight:600;color:#1e293b;margin-bottom:4px}.language-native[data-v-349df358]{font-size:.85rem;color:#64748b}@keyframes fadeIn-349df358{0%{opacity:0}to{opacity:1}}@keyframes slideUp-349df358{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.shake-animation[data-v-349df358]{animation:shake-349df358 .6s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake-349df358{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-2px)}40%,60%{transform:translate(2px)}}@media (max-width: 768px){.language-selector-container[data-v-349df358]{width:95%}.popup-header[data-v-349df358]{padding:20px}.popup-icon[data-v-349df358]{width:60px;height:60px;font-size:28px;margin-bottom:-30px}.popup-content[data-v-349df358]{padding:35px 20px 25px}.popup-title[data-v-349df358]{font-size:1.5rem}.popup-message[data-v-349df358]{font-size:1rem}.language-options[data-v-349df358]{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media (max-width: 480px){.language-options[data-v-349df358]{grid-template-columns:repeat(2,1fr)}}.notification-container[data-v-f1d6ad24]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:16px}.notification-wrapper[data-v-f1d6ad24]{display:flex;flex-direction:column;align-items:center;gap:16px}.notification-card[data-v-f1d6ad24]{background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:24px;width:400px;max-width:90vw;display:flex;flex-direction:column;box-shadow:0 25px 50px #0009;color:#fff;border:1px solid rgba(255,255,255,.1);overflow:hidden;pointer-events:all;position:relative}.notification-header[data-v-f1d6ad24]{display:flex;justify-content:space-between;align-items:center;background:#ffffff0d;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-content[data-v-f1d6ad24]{display:flex;align-items:center;gap:12px}.header-icon[data-v-f1d6ad24]{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px}.header-icon--success[data-v-f1d6ad24]{background:linear-gradient(135deg,#10b981,#059669)}.header-icon--error[data-v-f1d6ad24]{background:linear-gradient(135deg,#ef4444,#dc2626)}.header-icon--warning[data-v-f1d6ad24]{background:linear-gradient(135deg,#f59e0b,#d97706)}.header-icon--info[data-v-f1d6ad24],.header-icon--question[data-v-f1d6ad24]{background:linear-gradient(135deg,#667eea,#764ba2)}.notification-title[data-v-f1d6ad24]{margin:0;font-size:1.2rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-btn[data-v-f1d6ad24]{width:36px;height:36px;background:#ffffff1a;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease}.close-btn[data-v-f1d6ad24]:hover{background:#ff5c5c33;color:#ff5c5c;transform:scale(1.05)}.notification-body[data-v-f1d6ad24]{padding:24px;flex:1}.notification-message[data-v-f1d6ad24]{margin:0;font-size:1rem;line-height:1.6;color:#e2e8f0}.notification-footer[data-v-f1d6ad24]{padding:20px 24px;background:#ffffff0d;border-top:1px solid rgba(255,255,255,.1)}.btn-group[data-v-f1d6ad24]{display:flex;justify-content:flex-end;gap:12px}.action-btn[data-v-f1d6ad24]{padding:12px 20px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:.9rem}.action-btn--primary[data-v-f1d6ad24]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.action-btn--secondary[data-v-f1d6ad24]{background:#ffffff1a;color:#fff}.action-btn--success[data-v-f1d6ad24]{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.action-btn--danger[data-v-f1d6ad24]{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.action-btn--default[data-v-f1d6ad24]{background:#ffffff1a;color:#fff}.action-btn[data-v-f1d6ad24]:hover{transform:translateY(-2px);filter:brightness(1.1)}.notification-progress[data-v-f1d6ad24]{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2);animation:progressBar-f1d6ad24 linear forwards}.notification-card--success .notification-progress[data-v-f1d6ad24]{background:linear-gradient(90deg,#10b981,#059669)}.notification-card--error .notification-progress[data-v-f1d6ad24]{background:linear-gradient(90deg,#ef4444,#dc2626)}.notification-card--warning .notification-progress[data-v-f1d6ad24]{background:linear-gradient(90deg,#f59e0b,#d97706)}.notification-enter-active[data-v-f1d6ad24]{transition:all .4s cubic-bezier(.16,1,.3,1)}.notification-leave-active[data-v-f1d6ad24]{transition:all .3s cubic-bezier(.16,1,.3,1)}.notification-enter-from[data-v-f1d6ad24]{opacity:0;transform:translateY(-40px) scale(.9)}.notification-leave-to[data-v-f1d6ad24]{opacity:0;transform:translateY(40px) scale(.9)}.notification-move[data-v-f1d6ad24]{transition:transform .3s ease}@keyframes progressBar-f1d6ad24{0%{width:100%}to{width:0%}}@media (max-width: 480px){.notification-card[data-v-f1d6ad24]{width:350px;margin:0 20px}.notification-header[data-v-f1d6ad24]{padding:16px 20px}.notification-body[data-v-f1d6ad24]{padding:20px}.notification-footer[data-v-f1d6ad24]{padding:16px 20px}.btn-group[data-v-f1d6ad24]{flex-direction:column}.action-btn[data-v-f1d6ad24]{width:100%;justify-content:center}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;color:#fff;background:linear-gradient(264deg,#667eea,#764ba2);line-height:1.6}.main-content{flex:1;padding-top:70px}a{text-decoration:none;color:inherit}button{cursor:pointer}img{max-width:100%}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.section{padding:60px 0}.section-title{font-size:2rem;text-align:center;margin-bottom:40px;color:#333}.btn{display:inline-block;padding:10px 20px;border-radius:6px;font-weight:600;transition:all .3s ease;border:none;font-size:1rem}.btn-primary{background-color:#4f46e5;color:#fff}.btn-primary:hover{background-color:#4338ca}.btn-secondary{background-color:#f3f4f6;color:#4f46e5;border:1px solid #e5e7eb}.btn-secondary:hover{background-color:#e5e7eb}.card{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px #0000000d;overflow:hidden}.language{position:fixed;left:25px;bottom:25px;z-index:999}.language-btn{width:40px;height:40px;border:none;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:18px;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media (max-width: 600px){.language{left:60px;top:10px;z-index:9999}}.not-found[data-v-dc0c4df5]{font-family:Rubik,sans-serif;background:linear-gradient(to right,#fceabb,#f8b500);color:#333;min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem}.error-code[data-v-dc0c4df5]{font-size:8rem;font-weight:700;color:#ff4e50;text-shadow:2px 2px #fff5e1}.message[data-v-dc0c4df5]{font-size:2.5rem;font-weight:700;margin-top:.5rem;color:#2f2f2f}.description[data-v-dc0c4df5]{font-size:1.1rem;max-width:500px;margin:1rem 0 2rem;color:#444}.home-link[data-v-dc0c4df5]{display:inline-flex;align-items:center;gap:.5rem;background:#fff;color:#f08b00;padding:.75rem 1.5rem;font-weight:600;border-radius:8px;box-shadow:0 4px 10px #0000001a;transition:all .3s ease;text-decoration:none}.home-link[data-v-dc0c4df5]:hover{background:#ffe0b3;transform:scale(1.05);box-shadow:0 6px 12px #00000026}.home-link i[data-v-dc0c4df5]{font-size:1.25rem}.login-container[data-v-6e096ab5]{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:20px}.login-form[data-v-6e096ab5]{width:100%;max-width:450px;background:#fff;border:1px solid rgba(128,128,128,.226);border-radius:7px;padding:40px;box-shadow:1px 2px 6px 1px #00365d54}.form-header[data-v-6e096ab5]{text-align:center;margin-bottom:30px}.form-header img[data-v-6e096ab5]{margin-bottom:15px}.form-header h1[data-v-6e096ab5]{font-size:1.8em;margin:0 0 10px;color:#333}.form-header p[data-v-6e096ab5]{color:#666;margin:0}.input-group[data-v-6e096ab5]{margin-bottom:20px}.input-group label[data-v-6e096ab5]{display:block;margin-bottom:8px;font-weight:500;color:#333}.input-group input[data-v-6e096ab5]{width:100%;padding:12px 15px;border:1px solid rgba(128,128,128,.3);border-radius:5px;font-size:16px;transition:all .3s;box-sizing:border-box}.input-group input[data-v-6e096ab5]:focus{outline:none;border-color:#00365d;box-shadow:0 0 0 2px #00365d1a}.input-group input.error[data-v-6e096ab5]{border-color:#e74c3c}.error-message[data-v-6e096ab5]{color:#e74c3c;font-size:.875em;margin-top:5px;display:block}.form-options[data-v-6e096ab5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.checkbox-container[data-v-6e096ab5]{display:flex;align-items:center;cursor:pointer;font-size:.9em}.checkbox-container input[data-v-6e096ab5]{margin-right:8px}.forgot-link[data-v-6e096ab5]{color:#00365d;text-decoration:none;font-size:.9em;cursor:pointer}.forgot-link[data-v-6e096ab5]:hover{text-decoration:underline}.login-button[data-v-6e096ab5]{width:100%;padding:12px 20px;background:none;border:none;box-shadow:1px 2px 6px 1px #00365d54;border-radius:5px;cursor:pointer;font-size:16px;transition:all .5s;display:flex;align-items:center;justify-content:center;gap:8px}.login-button[data-v-6e096ab5]:hover:not(:disabled){background:#00365d;color:#fff}.login-button[data-v-6e096ab5]:disabled{opacity:.6;cursor:not-allowed}.social-login h3[data-v-6e096ab5]{text-align:center;margin-bottom:25px;color:#333;font-size:1.2em}.social-buttons[data-v-6e096ab5]{display:flex;flex-direction:column;gap:15px}.social-btn[data-v-6e096ab5]{width:100%;padding:10px 12px;border:1px solid rgba(128,128,128,.3);border-radius:8px;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;font-size:16px;font-weight:500;transition:all .3s;position:relative}.social-btn[data-v-6e096ab5]:disabled{opacity:.6;cursor:not-allowed}.social-btn.google[data-v-6e096ab5]{border-color:#4285f4}.social-btn.google[data-v-6e096ab5]:hover:not(:disabled){background:#4285f4;color:#fff;box-shadow:0 4px 12px #4285f44d}.social-btn.facebook[data-v-6e096ab5]{border-color:#1877f2}.social-btn.facebook[data-v-6e096ab5]:hover:not(:disabled){background:#1877f2;color:#fff;box-shadow:0 4px 12px #1877f24d}.security-note[data-v-6e096ab5]{text-align:center;margin-top:25px;padding-top:20px;border-top:1px solid rgba(128,128,128,.2)}.security-note p[data-v-6e096ab5]{font-size:.9em;color:#666;display:flex;align-items:center;justify-content:center;gap:8px}.security-note i[data-v-6e096ab5]{color:#28a745;font-size:1.1em}.signup-link[data-v-6e096ab5]{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid rgba(128,128,128,.2)}.signup-link .link[data-v-6e096ab5]{color:#00365d;text-decoration:none;font-weight:500}.signup-link .link[data-v-6e096ab5]:hover{text-decoration:underline}.languages_content[data-v-6e096ab5]{padding:10px}.languages_content ul[data-v-6e096ab5]{margin:0;padding:0;flex-wrap:wrap}.languages_content li[data-v-6e096ab5]{list-style:none;cursor:pointer;margin-bottom:15px}.languages_content li:hover a[data-v-6e096ab5],.languages_content li .hover[data-v-6e096ab5]{color:#00f;text-decoration:underline}.footer_content[data-v-6e096ab5]{padding:40px 0;width:100%;max-width:1080px;margin:auto;text-align:center}.modal[data-v-6e096ab5]{position:fixed;width:100%;height:100%;top:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal_content[data-v-6e096ab5]{padding:20px;width:100%;max-width:500px}.modal_form[data-v-6e096ab5]{background:#fff;border-radius:7px;padding:30px;box-shadow:1px 2px 6px 1px #00365d54}.modal_form .title[data-v-6e096ab5]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.close-btn[data-v-6e096ab5]{background:none;border:none;font-size:24px;cursor:pointer;color:#999}.btn.primary[data-v-6e096ab5]{width:100%;padding:12px 20px;background:#00365d;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:all .3s}.btn.primary[data-v-6e096ab5]:hover{background:#024a6b}.flex[data-v-6e096ab5]{display:flex}@media (max-width: 600px){.login-form[data-v-6e096ab5]{padding:30px 20px}.social-buttons[data-v-6e096ab5]{flex-direction:column}.form-options[data-v-6e096ab5]{flex-direction:column;gap:15px;align-items:flex-start}}.website[data-v-6e096ab5]{font-size:2em}.header-wrapper[data-v-97f4c1cc]{position:fixed;z-index:999;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 10px;background:linear-gradient(135deg,#667eea33,#764ba233);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}.web[data-v-97f4c1cc]{display:flex;margin-right:15px;align-items:center;gap:8px}.web .logo[data-v-97f4c1cc]{cursor:pointer;display:flex;align-items:center;padding:5px;border-radius:8px;background:#ffffff0d;transition:all .3s ease}.web .logo[data-v-97f4c1cc]:hover{background:#ffffff1a;transform:scale(1.05)}.web .about p[data-v-97f4c1cc]{margin:0;font-size:1.05em;color:#ffffffb3;font-weight:500;letter-spacing:.5px}.header-wapper-content[data-v-97f4c1cc]{position:relative;padding:10px 0}.menu-toggle[data-v-97f4c1cc]{display:flex;font-size:28px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:5px;cursor:pointer;border-radius:12px;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.menu-toggle[data-v-97f4c1cc]:hover{background:#ffffff1a;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.menu-toggle[data-v-97f4c1cc]:active{transform:translateY(0)}.sidebar[data-v-97f4c1cc]{position:absolute;top:140px;left:-380px;width:320px;background:linear-gradient(180deg,#16213e,#0f3460);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0006;transition:all .4s cubic-bezier(.4,0,.2,1);padding:20px;z-index:999;border:1px solid rgba(255,255,255,.1)}.sidebar.open[data-v-97f4c1cc]{font-size:1.1em;left:20px;top:50px;border-radius:16px;animation:slideIn-97f4c1cc .4s ease-out}@keyframes slideIn-97f4c1cc{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.close[data-v-97f4c1cc]{position:relative;margin-bottom:10px}.close-btn[data-v-97f4c1cc]{position:absolute;display:flex;top:-5px;right:-5px;text-align:right;font-size:18px;cursor:pointer;color:#fffc;padding:8px;border-radius:50%;background:#ffffff0d;transition:all .3s ease}.close-btn[data-v-97f4c1cc]:hover{color:#fff;background:#ffffff1a;transform:rotate(90deg)}.profile[data-v-97f4c1cc]{display:flex;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:15px}.status[data-v-97f4c1cc]{color:#0dff0d}.avatar[data-v-97f4c1cc]{width:50px;height:50px;border-radius:50%;margin-right:15px;border:2px solid rgba(255,255,255,.2);transition:all .3s ease}.avatar[data-v-97f4c1cc]:hover{border-color:#fff6;transform:scale(1.05)}.name[data-v-97f4c1cc]{font-weight:600;color:#fff;font-size:16px;text-shadow:0 1px 2px rgba(0,0,0,.3)}.license[data-v-97f4c1cc]{font-size:.9em}.menu-list[data-v-97f4c1cc]{list-style:none;padding:0;margin:0}.menu-list li[data-v-97f4c1cc]{padding:12px 15px;border-radius:10px;cursor:pointer;display:flex;align-items:center;gap:12px;transition:all .3s ease;margin-bottom:5px;color:#fffc;font-weight:500;position:relative;overflow:hidden}.menu-list li[data-v-97f4c1cc]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.menu-list li[data-v-97f4c1cc]:hover:before{left:100%}.menu-list li[data-v-97f4c1cc]:hover{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);color:#fff;transform:translate(5px);box-shadow:0 4px 12px #0003}.menu-list li i[data-v-97f4c1cc]{font-size:18px;width:20px;text-align:center;transition:all .3s ease}.menu-list li:hover i[data-v-97f4c1cc]{transform:scale(1.1)}@media (max-width: 768px){.sidebar[data-v-97f4c1cc]{width:calc(100vw - 40px);left:-100vw}.sidebar.open[data-v-97f4c1cc]{left:20px}.header-wrapper[data-v-97f4c1cc]{padding:0 5px}.web[data-v-97f4c1cc]{margin-right:10px}}@media (max-width: 480px){.menu-toggle[data-v-97f4c1cc]{padding:10px;font-size:24px}}.show_content[data-v-51b1d788]{opacity:0;visibility:hidden;width:0;transition:all .5s cubic-bezier(.25,.8,.25,1);overflow:hidden;color:#fff;font-family:Inter,Segoe UI,sans-serif;background:linear-gradient(0deg,#1a1a2e,#16213e,#0f3460);box-shadow:0 25px 50px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);position:relative;height:100%}.show_content[data-v-51b1d788]:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none}.active[data-v-51b1d788]{width:380px;opacity:1;visibility:visible;overflow-y:auto}.close[data-v-51b1d788]{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.edit-btn[data-v-51b1d788],.close-btn[data-v-51b1d788]{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);cursor:pointer}.edit-btn[data-v-51b1d788]:hover{background:#4a90e24d;transform:translateY(-2px);box-shadow:0 8px 25px #4a90e24d}.close-btn[data-v-51b1d788]:hover{background:#ff5c5c4d;transform:translateY(-2px) rotate(90deg);box-shadow:0 8px 25px #ff5c5c4d;cursor:pointer}.edit-btn i[data-v-51b1d788],.close-btn i[data-v-51b1d788]{font-size:16px;color:#fff;transition:all .3s ease;cursor:pointer}.user-card[data-v-51b1d788],.group-card[data-v-51b1d788]{position:relative;overflow:hidden}.banner[data-v-51b1d788]{position:relative;overflow:hidden;height:180px}.banner[data-v-51b1d788]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(transparent,#1a1a2ecc);pointer-events:none}.banner-img[data-v-51b1d788]{width:100%;height:100%;object-fit:cover;filter:brightness(.7) saturate(1.2);transition:transform .6s ease}.banner:hover .banner-img[data-v-51b1d788]{transform:scale(1.05)}.avatar[data-v-51b1d788]{position:absolute;top:0;left:24px;width:90px;height:90px;border-radius:22px;border:4px solid rgba(255,255,255,.2);object-fit:cover;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 15px 35px #0000004d;transition:transform .3s ease}.avatar[data-v-51b1d788]:hover{transform:translateY(-5px) scale(1.05)}.info[data-v-51b1d788]{padding:50px 24px 30px}.info h2[data-v-51b1d788]{margin:0 0 8px;font-size:1.8em;font-weight:700;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.username[data-v-51b1d788]{margin:0 0 15px;color:#8892b0;font-size:1em;font-weight:500;opacity:.9}.bio[data-v-51b1d788]{margin:0 0 25px;font-size:1em;color:#ccd6f6;line-height:1.6;font-weight:400}.bio a[data-v-51b1d788]{color:#64ffda;text-decoration:none;font-weight:500;transition:all .3s ease;position:relative}.bio a[data-v-51b1d788]:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#64ffda;transition:width .3s ease}.bio a[data-v-51b1d788]:hover:after{width:100%}.details[data-v-51b1d788]{list-style:none;padding:0;margin:0;border-radius:16px;overflow:hidden;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.details li[data-v-51b1d788]{margin:0;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);font-size:.95em;transition:all .3s ease}.details li[data-v-51b1d788]:last-child{border-bottom:none}.details li[data-v-51b1d788]:hover{background:#ffffff0d;transform:translate(5px)}.details li strong[data-v-51b1d788]{color:#f0f0f0;font-weight:600;flex:1}.details li span[data-v-51b1d788]{flex:1;text-align:right;color:#ccd6f6;font-weight:500}.closed[data-v-51b1d788]{color:#ff6b6b;font-weight:600;padding:4px 12px;background:#ff6b6b33;font-size:.85em}.edit-form[data-v-51b1d788]{padding:30px 24px;background:#0000001a}.form-group[data-v-51b1d788]{margin-bottom:24px;position:relative}.form-group label[data-v-51b1d788]{display:block;margin-bottom:8px;font-weight:600;color:#f0f0f0;font-size:.95em;letter-spacing:.5px}.form-group input[data-v-51b1d788],.form-group select[data-v-51b1d788]{width:100%;padding:14px 16px;border-radius:12px;border:2px solid rgba(255,255,255,.1);outline:none;background:#ffffff0d;color:#fff;font-size:1em;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-sizing:border-box}.form-group input[data-v-51b1d788]:focus,.form-group select[data-v-51b1d788]:focus{border-color:#64ffda;background:#64ffda1a;box-shadow:0 0 0 3px #64ffda33;transform:translateY(-2px)}.form-group input[data-v-51b1d788]::placeholder{color:#fff6}.save-btn[data-v-51b1d788]{width:100%;margin-top:20px;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-size:1.05em;letter-spacing:.5px;transition:all .3s ease;box-shadow:0 8px 25px #667eea4d;position:relative;overflow:hidden}.save-btn[data-v-51b1d788]:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.save-btn[data-v-51b1d788]:hover{transform:translateY(-3px);box-shadow:0 12px 35px #667eea66}.save-btn[data-v-51b1d788]:hover:before{left:100%}.save-btn[data-v-51b1d788]:active{transform:translateY(-1px)}.active[data-v-51b1d788]::-webkit-scrollbar{width:6px}.active[data-v-51b1d788]::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.active[data-v-51b1d788]::-webkit-scrollbar-thumb{background:#64ffda4d;border-radius:3px;transition:background .3s ease}.active[data-v-51b1d788]::-webkit-scrollbar-thumb:hover{background:#64ffda80}@keyframes slideInUp-51b1d788{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.user-card[data-v-51b1d788]>*,.group-card[data-v-51b1d788]>*,.edit-form[data-v-51b1d788]>*{animation:slideInUp-51b1d788 .6s ease forwards}@media (max-width: 650px){.show_content[data-v-51b1d788]{position:fixed;z-index:999;top:0;left:0;width:100%;height:100%}}@media (max-width: 400px){.active[data-v-51b1d788]{width:95vw;max-width:350px}.info[data-v-51b1d788]{padding:45px 20px 25px}.edit-form[data-v-51b1d788]{padding:25px 20px}}[data-v-c5e8acb1]{box-sizing:border-box}.settings-backdrop[data-v-c5e8acb1]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:999;animation:backdropFadeIn-c5e8acb1 .3s ease}@keyframes backdropFadeIn-c5e8acb1{0%{opacity:0}to{opacity:1}}.settings-modal[data-v-c5e8acb1]{background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:20px;width:900px;max-width:95%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000080;color:#fff;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.settings-header[data-v-c5e8acb1]{display:flex;justify-content:space-between;align-items:center;background:#ffffff0d;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.header-content[data-v-c5e8acb1]{display:flex;align-items:center;gap:12px}.header-icon[data-v-c5e8acb1]{font-size:24px;filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.settings-header h5[data-v-c5e8acb1]{margin:0;font-size:1.4rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-btn[data-v-c5e8acb1]{background:#ffffff1a;border:none;border-radius:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ccc;transition:all .3s ease}.close-btn[data-v-c5e8acb1]:hover{background:#ff5c5c33;color:#ff5c5c;transform:scale(1.05)}.settings-body[data-v-c5e8acb1]{display:flex;flex:1;min-height:500px}.tabs-menu[data-v-c5e8acb1]{width:240px;background:#0003;border-right:1px solid rgba(255,255,255,.1);padding:16px;display:flex;flex-direction:column;gap:8px}.tab-item[data-v-c5e8acb1]{position:relative;padding:16px;display:flex;align-items:center;gap:12px;cursor:pointer;color:#ccc;border-radius:12px;transition:all .3s ease;overflow:hidden}.tab-item[data-v-c5e8acb1]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#667eea1a,#764ba21a);opacity:0;transition:opacity .3s ease}.tab-item[data-v-c5e8acb1]:hover:before{opacity:.5}.tab-item[data-v-c5e8acb1]:hover{color:#fff;transform:translate(4px)}.tab-item.active[data-v-c5e8acb1]{background:linear-gradient(135deg,#667eea33,#764ba233);color:#fff;font-weight:600;box-shadow:0 4px 15px #667eea4d}.tab-icon[data-v-c5e8acb1]{font-size:18px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.tab-indicator[data-v-c5e8acb1]{position:absolute;right:8px;width:4px;height:20px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;box-shadow:0 0 10px #667eea80}.tab-content[data-v-c5e8acb1]{flex:1;padding:24px;overflow-y:auto}.content-section[data-v-c5e8acb1]{animation:slideInRight-c5e8acb1 .4s ease}@keyframes slideInRight-c5e8acb1{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.section-header[data-v-c5e8acb1]{margin-bottom:32px}.section-header h3[data-v-c5e8acb1]{margin:0 0 8px;font-size:1.5rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-desc[data-v-c5e8acb1]{margin:0;color:#aaa;font-size:.9rem}.setting-group[data-v-c5e8acb1]{display:flex;flex-direction:column;gap:24px}.setting-label[data-v-c5e8acb1]{display:block;font-weight:600;margin-bottom:12px;color:#fff;font-size:.95rem}.theme-selector[data-v-c5e8acb1]{display:flex;gap:16px}.theme-option[data-v-c5e8acb1]{flex:1;padding:16px;border:2px solid rgba(255,255,255,.1);border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease;background:#ffffff0d}.theme-option[data-v-c5e8acb1]:hover{border-color:#667eea80;transform:translateY(-2px)}.theme-option.active[data-v-c5e8acb1]{border-color:#667eea;background:#667eea1a;box-shadow:0 8px 25px #667eea4d}.theme-preview[data-v-c5e8acb1]{width:40px;height:40px;border-radius:50%;box-shadow:0 4px 15px #0000004d}.toggle-setting[data-v-c5e8acb1]{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.toggle-setting[data-v-c5e8acb1]:hover{background:#ffffff14;border-color:#667eea4d}.toggle-info .setting-label[data-v-c5e8acb1]{margin-bottom:4px}.setting-desc[data-v-c5e8acb1]{color:#aaa;font-size:.85rem;margin:0}.toggle-switch[data-v-c5e8acb1]{width:50px;height:26px;background:#fff3;border-radius:13px;position:relative;cursor:pointer;transition:all .3s ease}.toggle-switch.active[data-v-c5e8acb1]{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 0 20px #667eea66}.toggle-slider[data-v-c5e8acb1]{width:22px;height:22px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:all .3s ease;box-shadow:0 2px 8px #0000004d}.toggle-switch.active .toggle-slider[data-v-c5e8acb1]{transform:translate(24px)}.security-item[data-v-c5e8acb1],.storage-info[data-v-c5e8acb1]{padding:20px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.security-item[data-v-c5e8acb1]{display:flex;align-items:center;gap:16px}.security-item[data-v-c5e8acb1]:hover{background:#ffffff14;border-color:#667eea4d}.security-icon[data-v-c5e8acb1]{font-size:24px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.security-info[data-v-c5e8acb1]{flex:1}.security-info h4[data-v-c5e8acb1]{margin:0 0 4px;font-size:1rem;font-weight:600}.security-info p[data-v-c5e8acb1]{margin:0;color:#aaa;font-size:.85rem}.storage-usage[data-v-c5e8acb1]{margin-bottom:20px}.usage-header[data-v-c5e8acb1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.usage-text[data-v-c5e8acb1]{color:#aaa;font-size:.9rem}.progress-bar[data-v-c5e8acb1]{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.progress-fill[data-v-c5e8acb1]{height:100%;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px;transition:width .3s ease;box-shadow:0 0 10px #667eea4d}.storage-actions[data-v-c5e8acb1]{display:flex;gap:12px}.action-btn[data-v-c5e8acb1]{padding:12px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:.9rem;transition:all .3s ease;display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.action-btn[data-v-c5e8acb1]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.action-btn.outline[data-v-c5e8acb1]{background:transparent;border:1px solid rgba(255,255,255,.3);color:#ccc;box-shadow:none}.action-btn.outline[data-v-c5e8acb1]:hover{background:#ffffff1a;border-color:#667eea80;color:#fff}.action-btn.small[data-v-c5e8acb1]{padding:8px 14px;font-size:.8rem}.action-btn.danger[data-v-c5e8acb1]{border-color:#ff5c5c80;color:#ff5c5c}.action-btn.danger[data-v-c5e8acb1]:hover{background:#ff5c5c1a;border-color:#ff5c5c}.bot-view-toggle[data-v-c5e8acb1]{display:flex;gap:12px;margin-bottom:24px;background:#ffffff0d;padding:6px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.view-btn[data-v-c5e8acb1]{flex:1;padding:12px 16px;border:none;border-radius:8px;background:transparent;color:#ccc;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500}.view-btn[data-v-c5e8acb1]:hover{color:#fff;background:#ffffff1a}.view-btn.active[data-v-c5e8acb1]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.bot-form-container[data-v-c5e8acb1]{animation:slideInUp-c5e8acb1 .4s ease}@keyframes slideInUp-c5e8acb1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bot-form[data-v-c5e8acb1]{background:#ffffff0d;padding:24px;border-radius:12px;border:1px solid rgba(255,255,255,.1);margin-bottom:24px}.form-group[data-v-c5e8acb1]{margin-bottom:20px}.form-label[data-v-c5e8acb1]{display:block;margin-bottom:8px;font-weight:600;color:#fff;font-size:.9rem}.form-input[data-v-c5e8acb1]{width:100%;padding:12px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.9rem;transition:all .3s ease}.form-input[data-v-c5e8acb1]:focus{outline:none;border-color:#667eea;background:#ffffff26;box-shadow:0 0 0 3px #667eea33}.form-input[data-v-c5e8acb1]::placeholder{color:#888}.create-bot-btn[data-v-c5e8acb1]{width:100%;padding:14px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;font-size:1rem;box-shadow:0 4px 15px #667eea4d}.create-bot-btn[data-v-c5e8acb1]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.bot-success[data-v-c5e8acb1]{background:#4caf501a;border:1px solid rgba(76,175,80,.3);border-radius:12px;padding:24px;animation:successFadeIn-c5e8acb1 .5s ease}@keyframes successFadeIn-c5e8acb1{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.success-header[data-v-c5e8acb1]{display:flex;align-items:center;gap:12px;margin-bottom:20px;color:#4caf50}.success-header i[data-v-c5e8acb1]{font-size:24px}.success-header h4[data-v-c5e8acb1]{margin:0;font-size:1.1rem;font-weight:600}.bot-info[data-v-c5e8acb1]{margin-bottom:20px}.info-item[data-v-c5e8acb1]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.info-label[data-v-c5e8acb1]{font-weight:600;color:#ccc;min-width:100px}.info-value[data-v-c5e8acb1]{color:#fff}.api-key-container[data-v-c5e8acb1]{display:flex;align-items:center;gap:8px;flex:1}.api-key-input[data-v-c5e8acb1]{flex:1;padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;font-size:.8rem;font-family:Courier New,monospace}.api-key-input.small[data-v-c5e8acb1]{font-size:.75rem;padding:6px 10px}.toggle-key-btn[data-v-c5e8acb1],.copy-key-btn[data-v-c5e8acb1]{padding:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#ccc;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.toggle-key-btn.small[data-v-c5e8acb1],.copy-key-btn.small[data-v-c5e8acb1]{padding:6px;font-size:.8rem}.toggle-key-btn[data-v-c5e8acb1]:hover,.copy-key-btn[data-v-c5e8acb1]:hover{background:#fff3;color:#fff}.copy-key-btn[data-v-c5e8acb1]:hover{background:#4caf5033;border-color:#4caf5080;color:#4caf50}.success-actions[data-v-c5e8acb1]{display:flex;gap:12px}.bot-list-container[data-v-c5e8acb1]{animation:slideInLeft-c5e8acb1 .4s ease}@keyframes slideInLeft-c5e8acb1{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.bot-list-header[data-v-c5e8acb1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.bot-list-header h4[data-v-c5e8acb1]{margin:0;font-size:1.2rem;font-weight:600;color:#fff}.add-bot-btn[data-v-c5e8acb1]{padding:10px 16px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:.9rem;box-shadow:0 4px 15px #667eea4d}.add-bot-btn[data-v-c5e8acb1]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.empty-state[data-v-c5e8acb1]{text-align:center;padding:60px 20px;color:#aaa}.empty-state i[data-v-c5e8acb1]{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state h4[data-v-c5e8acb1]{margin:0 0 8px;font-size:1.2rem;color:#ccc}.empty-state p[data-v-c5e8acb1]{margin:0 0 24px;font-size:.9rem}.bot-grid[data-v-c5e8acb1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.bot-card[data-v-c5e8acb1]{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;transition:all .3s ease;animation:cardFadeIn-c5e8acb1 .5s ease}@keyframes cardFadeIn-c5e8acb1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.bot-card[data-v-c5e8acb1]:hover{background:#ffffff14;border-color:#667eea4d;transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}.bot-card-header[data-v-c5e8acb1]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.bot-avatar[data-v-c5e8acb1]{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff;box-shadow:0 4px 15px #667eea4d}.bot-info[data-v-c5e8acb1]{flex:1}.bot-info h4[data-v-c5e8acb1]{margin:0 0 4px;font-size:1rem;font-weight:600;color:#fff}.bot-info p[data-v-c5e8acb1]{margin:0;color:#aaa;font-size:.8rem}.bot-status[data-v-c5e8acb1]{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.bot-status.active[data-v-c5e8acb1]{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.bot-status.inactive[data-v-c5e8acb1]{background:#ff980033;color:#ff9800;border:1px solid rgba(255,152,0,.3)}.status-dot[data-v-c5e8acb1]{width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse-c5e8acb1 2s infinite}@keyframes pulse-c5e8acb1{0%,to{opacity:1}50%{opacity:.5}}.bot-details[data-v-c5e8acb1]{margin-bottom:16px}.detail-item[data-v-c5e8acb1]{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.85rem}.detail-label[data-v-c5e8acb1]{color:#aaa;min-width:80px;font-weight:500}.detail-value[data-v-c5e8acb1]{color:#fff}.bot-actions[data-v-c5e8acb1]{display:flex;gap:8px;justify-content:flex-end}.settings-footer[data-v-c5e8acb1]{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;background:#ffffff0d;border-top:1px solid rgba(255,255,255,.1)}.cancel-btn[data-v-c5e8acb1]{padding:12px 20px;background:transparent;border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#ccc;cursor:pointer;font-weight:600;transition:all .3s ease}.cancel-btn[data-v-c5e8acb1]:hover{background:#ffffff1a;color:#fff;border-color:#ffffff80}.save-btn[data-v-c5e8acb1]{padding:12px 20px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px #667eea4d}.save-btn[data-v-c5e8acb1]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.fade-in-up[data-v-c5e8acb1]{animation:fadeInUp-c5e8acb1 .4s ease}.fade-out-down[data-v-c5e8acb1]{animation:fadeOutDown-c5e8acb1 .3s ease}@keyframes fadeInUp-c5e8acb1{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutDown-c5e8acb1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(30px)}}@media (max-width: 768px){.settings-modal[data-v-c5e8acb1]{width:95%;max-height:95vh;margin:20px}.settings-body[data-v-c5e8acb1]{flex-direction:column}.tabs-menu[data-v-c5e8acb1]{width:100%;flex-direction:row;overflow-x:auto;padding:12px;gap:4px}.tab-item[data-v-c5e8acb1]{min-width:120px;flex-shrink:0;padding:12px;justify-content:center}.tab-label[data-v-c5e8acb1]{display:none}.bot-grid[data-v-c5e8acb1]{grid-template-columns:1fr}.theme-selector[data-v-c5e8acb1]{flex-direction:column}.bot-view-toggle[data-v-c5e8acb1]{flex-direction:column;gap:8px}.success-actions[data-v-c5e8acb1],.storage-actions[data-v-c5e8acb1]{flex-direction:column}.settings-footer[data-v-c5e8acb1]{flex-direction:column-reverse}.cancel-btn[data-v-c5e8acb1],.save-btn[data-v-c5e8acb1]{width:100%;justify-content:center}}@media (max-width: 480px){.settings-header[data-v-c5e8acb1],.tab-content[data-v-c5e8acb1],.bot-card[data-v-c5e8acb1]{padding:16px}.api-key-container[data-v-c5e8acb1]{flex-direction:column;align-items:stretch;gap:8px}.toggle-key-btn[data-v-c5e8acb1],.copy-key-btn[data-v-c5e8acb1]{align-self:flex-end;width:auto}}.popup-backdrop[data-v-7f6faf10]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:999}.popup-modal[data-v-7f6faf10]{background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:24px;width:520px;max-width:95%;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 25px 50px #0009;color:#fff;border:1px solid rgba(255,255,255,.1);overflow:hidden}.popup-header[data-v-7f6faf10]{display:flex;justify-content:space-between;align-items:center;background:#ffffff0d;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-content[data-v-7f6faf10]{display:flex;align-items:center;gap:12px}.header-icon[data-v-7f6faf10]{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px}.popup-header h5[data-v-7f6faf10]{margin:0;font-size:1.3rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-btn[data-v-7f6faf10]{width:36px;height:36px;background:#ffffff1a;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .2s ease}.close-btn[data-v-7f6faf10]:hover{background:#ff5c5c33;color:#ff5c5c;transform:scale(1.05)}.popup-body[data-v-7f6faf10]{padding:24px;flex:1;overflow:hidden;display:flex;flex-direction:column;gap:20px}.search-container[data-v-7f6faf10]{position:relative}.search-input-wrapper[data-v-7f6faf10]{position:relative;display:flex;align-items:center}.search-icon[data-v-7f6faf10]{position:absolute;left:16px;color:#8b8baa;font-size:18px;z-index:1}.search-input[data-v-7f6faf10]{width:100%;padding:16px 16px 16px 50px;background:#ffffff14;border:2px solid rgba(255,255,255,.1);border-radius:16px;font-size:1rem;color:#fff;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-input[data-v-7f6faf10]::placeholder{color:#8b8baa}.search-input[data-v-7f6faf10]:focus{outline:none;border-color:#667eea80;background:#ffffff1f;box-shadow:0 0 0 4px #667eea1a}.clear-btn[data-v-7f6faf10]{position:absolute;right:16px;width:24px;height:24px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .2s ease}.clear-btn[data-v-7f6faf10]:hover{background:#ffffff4d;transform:scale(1.1)}.results-container[data-v-7f6faf10]{flex:1;min-height:200px;display:flex;flex-direction:column}.user-list[data-v-7f6faf10]{flex:1;display:flex;flex-direction:column}.results-header[data-v-7f6faf10]{margin-bottom:12px}.results-count[data-v-7f6faf10]{color:#8b8baa;font-size:.85rem;font-weight:500}.user-items[data-v-7f6faf10]{flex:1;max-height:300px;overflow-y:auto;border-radius:12px;background:#ffffff08}.user-item[data-v-7f6faf10]{display:flex;align-items:center;padding:16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.05)}.user-item[data-v-7f6faf10]:hover{background:#667eea1a}.user-item[data-v-7f6faf10]:last-child{border-bottom:none}.user-avatar[data-v-7f6faf10]{width:48px;height:48px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-right:16px;flex-shrink:0}.user-info[data-v-7f6faf10]{flex:1}.user-username[data-v-7f6faf10]{font-weight:600;font-size:1rem;color:#fff;margin-bottom:4px}.user-fullname[data-v-7f6faf10]{color:#8b8baa;font-size:.8rem}.select-icon[data-v-7f6faf10]{color:#8b8baa;font-size:18px;transition:all .2s ease;border:1px solid #8b8baa4b;padding:5px;display:flex;border-radius:6px}.select-icon[data-v-7f6faf10]:hover{color:#434a66;background:#d3dbff;transform:translate(4px)}.no-results[data-v-7f6faf10],.search-hint[data-v-7f6faf10]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center;height:200px}.no-results-icon[data-v-7f6faf10],.hint-icon[data-v-7f6faf10]{width:64px;height:64px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#8b8baa;margin-bottom:16px}.no-results-text h6[data-v-7f6faf10]{margin:0 0 8px;font-size:1.1rem;color:#fff}.no-results-text p[data-v-7f6faf10],.search-hint p[data-v-7f6faf10]{margin:0;color:#8b8baa;font-size:.9rem}.popup-footer[data-v-7f6faf10]{padding:20px 24px;background:#ffffff0d;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.btn-group[data-v-7f6faf10]{display:flex;justify-content:flex-end}.cancel-btn[data-v-7f6faf10]{background:#ffffff1a;border:none;padding:12px 20px;border-radius:12px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.create-btn[data-v-7f6faf10]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;padding:12px 20px;border-radius:12px;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.cancel-btn[data-v-7f6faf10]:hover{background:#fff3;transform:translateY(-2px)}.create-btn[data-v-7f6faf10]:hover{background:linear-gradient(135deg,#788ff5,#885bb6);transform:translateY(-2px)}.message-container[data-v-7f6faf10]{margin-top:24px;padding:24px;background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:20px;border:1px solid rgba(255,255,255,.1)}.selected-user-info[data-v-7f6faf10]{display:flex;align-items:center;margin-bottom:16px;gap:12px}.selected-avatar[data-v-7f6faf10]{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;color:#fff}.selected-details[data-v-7f6faf10]{display:flex;flex-direction:column;gap:2px}.selected-label[data-v-7f6faf10]{color:#8b8baa;font-size:.9rem;font-weight:500}.selected-username[data-v-7f6faf10]{color:#fff;font-weight:600;font-size:1rem}.message-input-wrapper[data-v-7f6faf10]{display:flex;gap:12px;align-items:center}.message-input[data-v-7f6faf10]{flex:1;padding:16px 20px;background:#ffffff14;border:2px solid rgba(255,255,255,.1);border-radius:16px;font-size:1rem;color:#fff;transition:all .3s ease}.message-input[data-v-7f6faf10]::placeholder{color:#8b8baa}.message-input[data-v-7f6faf10]:focus{outline:none;border-color:#667eea80;background:#ffffff1f;box-shadow:0 0 0 4px #667eea1a}.send-btn[data-v-7f6faf10]{width:52px;height:52px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:14px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s ease}.send-btn[data-v-7f6faf10]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.send-btn[data-v-7f6faf10]:disabled{opacity:.5;cursor:not-allowed}.fade-in-up[data-v-7f6faf10]{animation:fadeInUp-7f6faf10 .4s cubic-bezier(.16,1,.3,1) forwards}.fade-out-down[data-v-7f6faf10]{animation:fadeOutDown-7f6faf10 .3s cubic-bezier(.16,1,.3,1) forwards}@keyframes fadeInUp-7f6faf10{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeOutDown-7f6faf10{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(40px) scale(.95)}}.user-items[data-v-7f6faf10]::-webkit-scrollbar{width:6px}.user-items[data-v-7f6faf10]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.user-items[data-v-7f6faf10]::-webkit-scrollbar-thumb{background:#667eea4d;border-radius:3px}.user-items[data-v-7f6faf10]::-webkit-scrollbar-thumb:hover{background:#667eea80}.create-btn[data-v-7f6faf10]:disabled{opacity:.5;cursor:not-allowed}.create-btn[data-v-7f6faf10]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.media-picker[data-v-5b166b39]{background:#fffffffa;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);border:1px solid rgba(255,255,255,.3);width:420px;min-height:480px;border-radius:24px;box-shadow:0 32px 64px #0000001f;overflow:hidden;position:absolute;bottom:120%;left:0}.picker-header[data-v-5b166b39]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.picker-header h5[data-v-5b166b39]{margin:0;font-size:18px;font-weight:700}.close-btn[data-v-5b166b39]{cursor:pointer;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff1a;transition:all .2s ease}.close-btn[data-v-5b166b39]:hover{background:#fff3;transform:scale(1.1)}.picker-tabs[data-v-5b166b39]{display:flex;background:#f8fafccc;padding:8px;gap:4px;overflow-x:auto}.tab[data-v-5b166b39]{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;border-radius:16px;cursor:pointer;transition:all .3s ease;background:transparent;min-width:60px}.tab[data-v-5b166b39]:hover{background:#667eea1a;transform:translateY(-2px)}.tab.active[data-v-5b166b39]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 8px 20px #667eea4d}.tab-icon[data-v-5b166b39]{font-size:20px}.tab-label[data-v-5b166b39]{font-size:12px;font-weight:600}.picker-content[data-v-5b166b39]{padding:20px;height:320px;overflow-y:auto}.emoji-grid[data-v-5b166b39]{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.emoji-item[data-v-5b166b39]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;cursor:pointer;font-size:20px;transition:all .3s ease;background:#f8fafc80}.emoji-item[data-v-5b166b39]:hover{background:linear-gradient(135deg,#667eea,#764ba2);transform:scale(1.15)}.upload-area[data-v-5b166b39]{display:flex;flex-direction:column;gap:20px}.upload-zone[data-v-5b166b39]{border:2px dashed #e2e8f0;border-radius:20px;padding:40px 20px;text-align:center;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#f8fafccc,#f1f5f999)}.upload-zone[data-v-5b166b39]:hover{border-color:#667eea;background:linear-gradient(135deg,#667eea0d,#764ba20d);transform:translateY(-2px)}.upload-icon[data-v-5b166b39]{font-size:48px;margin-bottom:12px}.upload-zone p[data-v-5b166b39]{margin:8px 0;font-size:16px;font-weight:600;color:#334155}.upload-hint[data-v-5b166b39]{font-size:12px;color:#64748b}.sticker-grid[data-v-5b166b39]{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.sticker-item[data-v-5b166b39]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border-radius:20px;cursor:pointer;transition:all .3s ease;background:#f8fafc99;border:1px solid rgba(226,232,240,.8)}.sticker-item[data-v-5b166b39]:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a);transform:translateY(-4px)}.sticker-preview[data-v-5b166b39]{font-size:32px;width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.sticker-name[data-v-5b166b39]{font-size:12px;font-weight:600;color:#475569;text-align:center}.gif-search[data-v-5b166b39]{display:flex;flex-direction:column;gap:20px}.search-box[data-v-5b166b39]{position:relative}.gif-search-input[data-v-5b166b39]{width:100%;padding:16px 48px 16px 20px;border:2px solid #e2e8f0;border-radius:16px;font-size:14px;background:#f8fafccc;transition:all .3s ease}.gif-search-input[data-v-5b166b39]:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 4px #667eea1a}.search-icon[data-v-5b166b39]{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:18px;color:#64748b}.gif-grid[data-v-5b166b39]{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.gif-item[data-v-5b166b39]{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;border-radius:16px;cursor:pointer;transition:all .3s ease;background:#f8fafc99;border:1px solid rgba(226,232,240,.8)}.gif-item[data-v-5b166b39]:hover{background:linear-gradient(135deg,#667eea1a,#764ba21a);transform:scale(1.05)}.gif-placeholder[data-v-5b166b39]{font-size:24px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.gif-label[data-v-5b166b39]{font-size:11px;font-weight:600;color:#475569;text-align:center}@media (max-width: 768px){.media-picker[data-v-5b166b39]{width:95vw;max-width:380px}.emoji-grid[data-v-5b166b39]{grid-template-columns:repeat(6,1fr)}.sticker-grid[data-v-5b166b39]{grid-template-columns:repeat(3,1fr)}.gif-grid[data-v-5b166b39]{grid-template-columns:repeat(2,1fr)}}.chat-container[data-v-c45f6347]{display:flex;height:100vh;padding-top:60px;border:1px solid rgba(255,255,255,.1);overflow:hidden;max-width:100%;background:linear-gradient(145deg,#0f0f23,#1a1a2e);box-shadow:0 20px 40px #0000004d}.chat-content[data-v-c45f6347]{flex:1;display:flex;flex-direction:column;background:linear-gradient(180deg,#16213e,#0f3460);position:relative}.chat-header[data-v-c45f6347]{padding:8px 25px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.edit-chat-line[data-v-c45f6347]{color:gray}.edit-chat-line[data-v-c45f6347]:hover{color:#fff}.sub-edit-line[data-v-c45f6347]{position:absolute;visibility:hidden;opacity:0;top:50%}.sub-edit-line[data-v-c45f6347]:hover{z-index:999;background:#0f3460;visibility:visible;opacity:1;top:0}.user-info[data-v-c45f6347]{display:flex;align-items:center;cursor:pointer;gap:16px;transition:all .3s ease;padding:8px 25px;border-radius:12px}.user-info[data-v-c45f6347]:hover{background:#ffffff0d}.avatar-container[data-v-c45f6347]{position:relative}.avatar[data-v-c45f6347]{width:52px;height:52px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,#667eea,#764ba2);border:3px solid rgba(255,255,255,.2);transition:all .3s ease}.avatar[data-v-c45f6347]:hover{transform:scale(1.05);border-color:#667eea80}.online-status[data-v-c45f6347]{position:absolute;bottom:2px;right:2px;width:16px;height:16px;border-radius:50%;background:#6c757d;border:3px solid #16213e;transition:all .3s ease}.online-status.online[data-v-c45f6347]{background:linear-gradient(135deg,#28a745,#20c997);box-shadow:0 0 10px #28a74580}.user-details h3[data-v-c45f6347]{margin:0 0 4px;color:#fff;font-weight:600;display:flex;align-items:center;gap:8px}.user-details .status[data-v-c45f6347]{margin:0;color:#8b8baa;font-size:.85rem;font-weight:500}.icon_confirm[data-v-c45f6347]{filter:drop-shadow(0 2px 4px rgba(102,126,234,.3))}.chat-actions[data-v-c45f6347]{display:flex;gap:12px}.action-btn[data-v-c45f6347]{width:40px;height:40px;border:none;border-radius:12px;background:#ffffff0c;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:18px;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.action-btn[data-v-c45f6347]:hover{background:linear-gradient(135deg,#667eea,#764ba2);transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.chat-messages[data-v-c45f6347]{flex:1;padding:24px 15%;overflow-y:auto;display:flex;flex-direction:column;background:linear-gradient(180deg,#16213e4d,#0f34604d)}.chat-messages .ai .victim[data-v-c45f6347]{display:flex;align-items:center}.chat-messages .ai .victim-img[data-v-c45f6347]{margin-right:3px;border-radius:50%;cursor:pointer}.chat-messages .ai .victim-send[data-v-c45f6347]{font-size:10px;margin-left:20px;font-style:italic}.chat-messages .ai .message-bubble[data-v-c45f6347]{margin-left:15px;margin-bottom:0}.chat-messages[data-v-c45f6347]::-webkit-scrollbar{width:6px}.chat-messages[data-v-c45f6347]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.chat-messages[data-v-c45f6347]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px}.chat-messages[data-v-c45f6347]::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}.message[data-v-c45f6347]{display:flex}.message.user[data-v-c45f6347]{justify-content:flex-end}.message.ai[data-v-c45f6347]{justify-content:flex-start}.message-content[data-v-c45f6347]{max-width:75%;display:flex;flex-direction:column}.message-bubble[data-v-c45f6347]{padding:12px 20px;border-radius:15px;margin-bottom:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;position:relative;white-space:pre-line;word-break:break-all;box-shadow:0 4px 20px #0000001a}.message.user .message-bubble[data-v-c45f6347]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-bottom-right-radius:6px;box-shadow:0 4px 20px #667eea33}.message.user .message-bubble[data-v-c45f6347]:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea4d}.message.ai .message-bubble[data-v-c45f6347]{background:#ffffff1a;color:#fff;border-bottom-left-radius:6px;border:1px solid rgba(255,255,255,.1)}.message.ai .message-bubble[data-v-c45f6347]:hover{background:#ffffff26;transform:translateY(-2px)}.message-bubble p[data-v-c45f6347]{margin:0;line-height:1.6;font-size:.95rem}.message-time[data-v-c45f6347]{font-size:.75rem;color:#8b8baa;margin-left:12px;opacity:.7}.message-more[data-v-c45f6347]{text-align:end;margin-top:4px}.message.user .message-time[data-v-c45f6347]{text-align:right;margin-left:0;margin-right:12px}.typing-dots[data-v-c45f6347]{display:flex;gap:6px;align-items:center;padding:8px 0}.typing-dots span[data-v-c45f6347]{width:8px;height:8px;border-radius:50%;background:#8b8baa;animation:typing-c45f6347 1.4s infinite ease-in-out}.typing-dots span[data-v-c45f6347]:nth-child(2){animation-delay:.2s}.typing-dots span[data-v-c45f6347]:nth-child(3){animation-delay:.4s}@keyframes typing-c45f6347{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-12px);opacity:1}}.empty-chat[data-v-c45f6347]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8b8baa;padding:40px}.empty-chat img[data-v-c45f6347]{filter:drop-shadow(0 4px 20px rgba(102,126,234,.3));margin-bottom:24px}.empty-chat h2[data-v-c45f6347]{margin:20px 0 12px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.8rem;font-weight:600}.empty-chat p[data-v-c45f6347]{font-size:1.1rem;opacity:.8}.message-input[data-v-c45f6347]{padding:24px;border-top:1px solid rgba(255,255,255,.068);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.input-container[data-v-c45f6347]{display:flex;align-items:flex-end;gap:12px;background:#ffffff1a;border-radius:24px;padding:8px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;max-width:600px;margin:auto;position:relative}.input-container[data-v-c45f6347]:focus-within{border-color:#667eea80;box-shadow:0 0 0 4px #667eea1a}.attach-btn[data-v-c45f6347],.send-btn[data-v-c45f6347]{width:44px;height:44px;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:18px}.attach-btn[data-v-c45f6347]{background:#ffffff1a;color:#8b8baa}.attach-btn[data-v-c45f6347]:active{background:#fff3;color:#fff;transform:scale(1.05)}.send-btn[data-v-c45f6347]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.send-btn[data-v-c45f6347]:hover:not(:disabled){transform:scale(1.05);box-shadow:0 6px 20px #667eea66}.send-btn[data-v-c45f6347]:disabled{opacity:.5;cursor:not-allowed;transform:none}.editable-div[data-v-c45f6347]{background:transparent;flex:1;border:none;outline:none;padding:12px 16px;font-family:inherit;font-size:15px;line-height:1.5;max-height:120px;overflow-y:auto;color:#fff;border-radius:16px;width:100%;resize:none;min-height:24px;white-space:pre-wrap;word-break:break-word}.editable-div[data-v-c45f6347]:empty:before{content:attr(data-placeholder);color:#8b8baa;pointer-events:none;display:block}.suggestion-box[data-v-c45f6347]{position:absolute;bottom:100%;left:0;right:0;background:#2a2d36;border:1px solid #404549;border-radius:8px;box-shadow:0 4px 12px #0006;max-height:160px;overflow-y:auto;z-index:1000;padding:4px;list-style:none;margin:0 0 4px}.suggestion-box li[data-v-c45f6347]{padding:8px 12px;color:#e6e7eb;cursor:pointer;transition:background .15s;font-size:13px;border-radius:4px;margin:1px 0}.suggestion-box li[data-v-c45f6347]:hover{background:#404549}.suggestion-box[data-v-c45f6347]::-webkit-scrollbar{width:3px}.suggestion-box[data-v-c45f6347]::-webkit-scrollbar-thumb{background:#555;border-radius:2px}.user-list[data-v-c45f6347]{width:380px;border-right:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#1a1a2e,#16213e);display:flex;flex-direction:column;position:relative}.search-container[data-v-c45f6347]{padding:24px;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0d}.search-box[data-v-c45f6347]{position:relative;display:flex;align-items:center}.search-box i[data-v-c45f6347]{position:absolute;left:16px;color:#8b8baa;z-index:1;font-size:18px}.search-box input[data-v-c45f6347]{width:100%;padding:16px 16px 16px 48px;border:2px solid rgba(255,255,255,.1);border-radius:16px;outline:none;font-size:14px;transition:all .3s ease;background:#ffffff14;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-box input[data-v-c45f6347]::placeholder{color:#8b8baa}.search-box input[data-v-c45f6347]:focus{border-color:#667eea80;background:#ffffff1f;box-shadow:0 0 0 4px #667eea1a}.list-header[data-v-c45f6347]{padding:8px 24px;border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff0d}.list-header h3[data-v-c45f6347]{margin:0;color:#fff;display:flex;align-items:center;gap:12px;font-size:1.1rem;font-weight:600}.unread-badge[data-v-c45f6347]{background:linear-gradient(135deg,#dc3545,#e74c3c);color:#fff;border-radius:12px;padding:4px 8px;font-size:.75rem;font-weight:600;box-shadow:0 2px 8px #dc35454d}.users[data-v-c45f6347]{flex:1;overflow-y:auto;padding:15px;background:linear-gradient(30deg,#260637,#16213e,#371d61)}.users[data-v-c45f6347]::-webkit-scrollbar{width:6px}.users[data-v-c45f6347]::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.users[data-v-c45f6347]::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:3px}.user-item[data-v-c45f6347]{display:flex;align-items:center;padding:12px 15px;cursor:pointer;transition:all .3s ease;border-radius:16px;margin-bottom:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.user-item[data-v-c45f6347]:hover{background:#ffffff14;transform:translate(4px)}.user-item.active[data-v-c45f6347]{background:linear-gradient(135deg,#667eea33,#764ba233);border-left:4px solid #667eea;box-shadow:0 4px 3px #667eea33}.user-avatar[data-v-c45f6347]{position:relative;margin-right:16px}.user-avatar img[data-v-c45f6347]{width:48px;height:48px;border-radius:50%;object-fit:cover;background:linear-gradient(135deg,#667eea,#764ba2);border:2px solid rgba(255,255,255,.2);transition:all .3s ease}.user-item:hover .user-avatar img[data-v-c45f6347]{transform:scale(1.05);border-color:#667eea80}.online-dot[data-v-c45f6347]{position:absolute;bottom:2px;right:2px;width:14px;height:14px;border-radius:50%;background:#6c757d;border:3px solid #1a1a2e;transition:all .3s ease}.online-dot.online[data-v-c45f6347]{background:linear-gradient(135deg,#00ff3a,#00ffb4);box-shadow:0 0 8px #28a74580}.user-details[data-v-c45f6347]{flex:1;min-width:0;position:relative}.user-header[data-v-c45f6347]{display:flex;justify-content:space-between;align-items:center}.user-header h4[data-v-c45f6347]{margin:0;color:#fff;font-size:1rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.time[data-v-c45f6347]{font-size:.75rem;color:#8b8baa;white-space:nowrap;opacity:.8}.user-footer[data-v-c45f6347]{display:flex;justify-content:space-between;align-items:center;gap:8px}.last-message[data-v-c45f6347]{margin:0;color:#8b8baa;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;opacity:.9;font-style:italic;font-weight:300}.unread-count[data-v-c45f6347]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;padding:4px 8px;font-size:.75rem;min-width:20px;text-align:center;font-weight:600;box-shadow:0 2px 8px #667eea4d}.user-action[data-v-c45f6347]{position:absolute;bottom:24px;right:24px;cursor:pointer;z-index:10}.user-action-content[data-v-c45f6347]{position:relative}.btn-popup[data-v-c45f6347]{border:2px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;width:50px;height:50px;transition:all .4s ease;background:#ffffff1a;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.btn-popup i[data-v-c45f6347]{font-size:1.4rem;color:#fffc;transition:all .4s ease}.user-action-content:hover .btn-popup[data-v-c45f6347]{transform:scale(1.1) rotate(45deg);background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea80;box-shadow:0 8px 25px #667eea66}.user-action-content:hover .btn-popup i[data-v-c45f6347]{color:#fff;transform:rotate(-45deg)}.popup-action[data-v-c45f6347]{visibility:hidden;opacity:0;position:absolute;top:-130px;right:-8px;width:180px;color:#fff;transform:translateY(20px);transition:all .4s ease;z-index:100}.user-action-content:hover .popup-action[data-v-c45f6347]{visibility:visible;opacity:1;transform:translateY(0)}.popup-action[data-v-c45f6347]{list-style:none;padding:12px;background:#1a1a2ef2;border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #0000004d}.popup-action li[data-v-c45f6347]{border-radius:12px;padding:10px 16px;list-style:none;margin-bottom:4px;transition:all .3s ease;cursor:pointer}.popup-action li[data-v-c45f6347]:hover{background:linear-gradient(135deg,#667eea,#764ba2);transform:translate(4px)}.popup-action li a[data-v-c45f6347]{color:#fff;text-decoration:none;display:flex;align-items:center;gap:8px;font-size:.9rem;font-weight:500}.popup-action li[data-v-c45f6347]:last-child{margin-bottom:0}.languages_content[data-v-c45f6347]{padding:16px;background:#ffffff0d;border-radius:12px;margin:12px}.languages_content ul[data-v-c45f6347]{margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.languages_content li[data-v-c45f6347]{list-style:none;cursor:pointer;padding:8px 12px;background:#ffffff1a;border-radius:8px;transition:all .3s ease}.languages_content li[data-v-c45f6347]:hover,.languages_content li.hover[data-v-c45f6347]{background:linear-gradient(135deg,#667eea,#764ba2);transform:translateY(-2px)}.languages_content li:hover a[data-v-c45f6347],.languages_content li.hover a[data-v-c45f6347]{color:#fff;text-decoration:none}.footer_content[data-v-c45f6347]{padding:40px 24px;width:100%;max-width:1080px;margin:auto;text-align:center;background:#ffffff0d;border-radius:16px}.footer_title h2[data-v-c45f6347]{margin:0 0 20px;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.8rem;font-weight:600}.flex[data-v-c45f6347]{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.back-btn[data-v-c45f6347]{display:none}@media (max-width: 1268px){.chat-messages[data-v-c45f6347]{padding:16px 20px}}@media (max-width: 768px){.chat-container[data-v-c45f6347]{height:100vh;max-height:none;margin:0;border-radius:0;border:none}.user-list[data-v-c45f6347]{width:320px}.user-header h4[data-v-c45f6347]{max-width:140px}.last-message[data-v-c45f6347]{max-width:160px}.chat-header[data-v-c45f6347]{padding:16px 12px}.chat-messages[data-v-c45f6347],.message-input[data-v-c45f6347]{padding:16px 20px}}@media (max-width: 600px){.user-list[data-v-c45f6347]{width:100%;height:100%;border-right:none;border-top:1px solid rgba(255,255,255,.1)}.user-selected[data-v-c45f6347]{width:0;display:none}.chat-content[data-v-c45f6347]{height:calc(100vh - 65px);width:0;display:none}.user-info[data-v-c45f6347]{padding:10px 0 0}.chat-selected[data-v-c45f6347]{width:100%;display:flex}.chat-actions[data-v-c45f6347]{gap:4px}.action-btn[data-v-c45f6347]{width:35px;height:35px}.back-btn[data-v-c45f6347]{display:block;background:#ffffff05}.user-action-content:hover .popup-action[data-v-c45f6347]{top:-200px;right:0;width:200px}.user-action[data-v-c45f6347]{bottom:16px;right:16px}.btn-popup[data-v-c45f6347]{width:48px;height:48px}.empty-chat[data-v-c45f6347]{display:none}.popup-action[data-v-c45f6347]{right:-20px;width:140px}}@media (max-width: 480px){.search-container[data-v-c45f6347]{padding:16px}.list-header[data-v-c45f6347]{padding:8px 24px}.users[data-v-c45f6347]{padding:8px}.user-item[data-v-c45f6347]{padding:12px 16px}.message-content[data-v-c45f6347]{max-width:85%}.input-container[data-v-c45f6347]{padding:8px;gap:8px}.attach-btn[data-v-c45f6347],.send-btn[data-v-c45f6347]{width:40px;height:40px;font-size:16px}}[data-v-2da4dc13]{box-sizing:border-box}.pin-backdrop[data-v-2da4dc13]{position:fixed;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:999;animation:backdropFadeIn-2da4dc13 .3s ease}@keyframes backdropFadeIn-2da4dc13{0%{opacity:0}to{opacity:1}}.pin-modal[data-v-2da4dc13]{background:linear-gradient(145deg,#1a1a2e,#16213e);border-radius:20px;width:500px;max-width:95%;display:flex;flex-direction:column;box-shadow:0 25px 50px #00000080;color:#fff;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.pin-header[data-v-2da4dc13]{display:flex;justify-content:space-between;align-items:center;background:#ffffff0d;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.1)}.header-content[data-v-2da4dc13]{display:flex;align-items:center;gap:12px}.header-icon[data-v-2da4dc13]{font-size:24px;filter:drop-shadow(0 0 10px rgba(255,255,255,.3))}.pin-header h5[data-v-2da4dc13]{margin:0;font-size:1.4rem;font-weight:600;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-btn[data-v-2da4dc13]{background:#ffffff1a;border:none;border-radius:12px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ccc;transition:all .3s ease;font-size:18px}.close-btn[data-v-2da4dc13]:hover{background:#ff5c5c33;color:#ff5c5c;transform:scale(1.05)}.pin-body[data-v-2da4dc13]{padding:32px 24px;display:flex;flex-direction:column;align-items:center;gap:24px}.pin-description[data-v-2da4dc13]{text-align:center}.pin-description p[data-v-2da4dc13]{margin:0;color:#aaa;font-size:1rem;line-height:1.5}.pin-inputs[data-v-2da4dc13]{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.pin-input[data-v-2da4dc13]{width:50px;height:60px;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:1.5rem;font-weight:600;text-align:center;transition:all .3s ease;outline:none}.pin-input[data-v-2da4dc13]:focus{border-color:#667eea;background:#ffffff26;box-shadow:0 0 0 3px #667eea33;transform:scale(1.05)}.pin-input[data-v-2da4dc13]:not(:placeholder-shown){border-color:#667eea80;background:#667eea1a}.pin-input.error[data-v-2da4dc13]{border-color:#ff5c5c;background:#ff5c5c1a;animation:shake-2da4dc13 .5s ease-in-out}@keyframes shake-2da4dc13{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.error-message[data-v-2da4dc13]{display:flex;align-items:center;gap:8px;color:#ff5c5c;font-size:.9rem;animation:slideInUp-2da4dc13 .3s ease}.success-message[data-v-2da4dc13]{display:flex;align-items:center;gap:8px;color:#15c405;font-size:.9rem;animation:slideInUp-2da4dc13 .3s ease}@keyframes slideInUp-2da4dc13{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pin-actions[data-v-2da4dc13]{width:100%;display:flex;justify-content:center}.confirm-btn[data-v-2da4dc13]{padding:14px 32px;border:none;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-size:1rem;min-width:140px;justify-content:center;box-shadow:0 4px 15px #667eea4d}.confirm-btn[data-v-2da4dc13]:hover:not(.disabled):not(.loading){transform:translateY(-2px);box-shadow:0 8px 25px #667eea66}.confirm-btn.disabled[data-v-2da4dc13]{opacity:.5;cursor:not-allowed;background:#fff3}.confirm-btn.loading[data-v-2da4dc13]{cursor:not-allowed}.loading-text[data-v-2da4dc13]{display:flex;align-items:center;gap:8px}.spinner[data-v-2da4dc13]{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid #fff;border-radius:50%;animation:spin-2da4dc13 1s linear infinite}@keyframes spin-2da4dc13{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in-up[data-v-2da4dc13]{animation:fadeInUp-2da4dc13 .4s cubic-bezier(.175,.885,.32,1.275) forwards}.fade-out-down[data-v-2da4dc13]{animation:fadeOutDown-2da4dc13 .3s ease forwards}@keyframes fadeInUp-2da4dc13{0%{opacity:0;transform:translateY(50px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeOutDown-2da4dc13{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(50px) scale(.9)}}@media (max-width: 600px){.pin-modal[data-v-2da4dc13]{width:95%;margin:20px}.pin-inputs[data-v-2da4dc13]{gap:8px}.pin-input[data-v-2da4dc13]{width:45px;height:55px;font-size:1.3rem}.pin-body[data-v-2da4dc13]{padding:24px 16px}.confirm-btn[data-v-2da4dc13]{width:100%;padding:16px}}@media (max-width: 400px){.pin-inputs[data-v-2da4dc13]{gap:6px}.pin-input[data-v-2da4dc13]{width:35px;height:45px;font-size:1.1rem}}.body-main[data-v-717505cd]{background:linear-gradient(135deg,#667eea,#764ba2);height:100vh;width:100vw}[data-v-5c131250]{margin:0;padding:0;box-sizing:border-box}body[data-v-5c131250]{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.login-container[data-v-5c131250]{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);position:relative;overflow:hidden}.tech-background[data-v-5c131250]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.circuit-pattern[data-v-5c131250]{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.1) 1px,transparent 1px),radial-gradient(circle at 25% 25%,rgba(255,0,255,.1) 2px,transparent 2px),radial-gradient(circle at 75% 75%,rgba(0,255,255,.1) 2px,transparent 2px);background-size:50px 50px,50px 50px,100px 100px,100px 100px;animation:circuitMove-5c131250 20s linear infinite}@keyframes circuitMove-5c131250{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.floating-orbs[data-v-5c131250]{position:absolute;width:100%;height:100%;overflow:hidden}.orb[data-v-5c131250]{position:absolute;width:4px;height:4px;background:radial-gradient(circle,#00ffff 0%,transparent 70%);border-radius:50%;animation:orbFloat-5c131250 15s infinite linear}.orb[data-v-5c131250]:nth-child(1){left:10%;animation-duration:12s;animation-delay:0s}.orb[data-v-5c131250]:nth-child(2){left:20%;animation-duration:18s;animation-delay:-2s}.orb[data-v-5c131250]:nth-child(3){left:30%;animation-duration:15s;animation-delay:-4s}.orb[data-v-5c131250]:nth-child(4){left:40%;animation-duration:20s;animation-delay:-6s}.orb[data-v-5c131250]:nth-child(5){left:60%;animation-duration:14s;animation-delay:-8s}.orb[data-v-5c131250]:nth-child(6){left:70%;animation-duration:16s;animation-delay:-10s}.orb[data-v-5c131250]:nth-child(7){left:80%;animation-duration:19s;animation-delay:-12s}.orb[data-v-5c131250]:nth-child(8){left:90%;animation-duration:13s;animation-delay:-14s}@keyframes orbFloat-5c131250{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:1;transform:translateY(90vh) scale(1)}90%{opacity:1;transform:translateY(10vh) scale(1)}to{transform:translateY(-10vh) scale(0);opacity:0}}.login-card[data-v-5c131250]{background:#ffffff0d;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(0,255,255,.2);border-radius:20px;padding:40px;width:100%;max-width:420px;position:relative;z-index:1;overflow:hidden;box-shadow:0 25px 50px #00000080}.card-glow[data-v-5c131250]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00ffff1a,#ff00ff1a);opacity:0;transition:opacity .3s ease;border-radius:20px;animation:cardPulse-5c131250 4s infinite}@keyframes cardPulse-5c131250{0%,to{opacity:0}50%{opacity:1}}.login-header[data-v-5c131250]{text-align:center;margin-bottom:40px;position:relative}.tech-logo[data-v-5c131250]{position:relative;width:80px;height:80px;margin:0 auto 24px}.logo-ring[data-v-5c131250]{width:80px;height:80px;border:2px solid rgba(0,255,255,.5);border-top:2px solid #00ffff;border-radius:50%;animation:logoSpin-5c131250 3s linear infinite}@keyframes logoSpin-5c131250{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo-core[data-v-5c131250]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:linear-gradient(135deg,#0ff,#f0f);border-radius:50%;animation:coreGlow-5c131250 2s ease-in-out infinite}@keyframes coreGlow-5c131250{0%,to{box-shadow:0 0 20px #00ffff80}50%{box-shadow:0 0 40px #0ffc}}.login-header h1[data-v-5c131250]{margin:0 0 8px;color:#fff;font-size:32px;font-weight:700;background:linear-gradient(135deg,#fff,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-header p[data-v-5c131250]{margin:0 0 20px;color:#ffffffb3;font-size:16px;font-weight:300}.header-line[data-v-5c131250]{width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,#00ffff 50%,transparent 100%);margin-top:20px}.login-form[data-v-5c131250]{display:flex;flex-direction:column;gap:32px}.auth-section[data-v-5c131250]{display:flex;flex-direction:column;gap:24px}.google-login-btn[data-v-5c131250]{background:#fffffff2;color:#333;border:1px solid rgba(0,255,255,.3);padding:18px 24px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .4s ease;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-decoration:none;display:block}.google-login-btn[data-v-5c131250]:hover{transform:translateY(-3px);box-shadow:0 15px 35px #00ffff4d;background:#fff}.btn-content[data-v-5c131250]{display:flex;align-items:center;justify-content:center;gap:12px;position:relative;z-index:1}.google-icon[data-v-5c131250]{display:flex;align-items:center;justify-content:center}.btn-content[data-v-5c131250] *{color:#184f4f}.btn-scanner[data-v-5c131250]{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(0,255,255,.2) 50%,transparent 100%);border-radius:12px;animation:scannerMove-5c131250 3s infinite;pointer-events:none}@keyframes scannerMove-5c131250{0%{left:-100%}to{left:100%}}.btn-trail[data-v-5c131250]{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:trailMove-5c131250 4s infinite;border-radius:12px;pointer-events:none}@keyframes trailMove-5c131250{0%{left:-100%}to{left:100%}}.btn-glow[data-v-5c131250]{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00ffff1a,#ff00ff1a);opacity:0;transition:opacity .3s ease;border-radius:12px;pointer-events:none}.google-login-btn:hover .btn-glow[data-v-5c131250]{opacity:1}.login-footer[data-v-5c131250]{text-align:center;margin-top:8px}.footer-line[data-v-5c131250]{width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);margin-bottom:16px}.status-indicator[data-v-5c131250]{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px}.status-dot[data-v-5c131250]{width:8px;height:8px;background:#0f0;border-radius:50%;animation:statusPulse-5c131250 2s infinite}@keyframes statusPulse-5c131250{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.status-indicator span[data-v-5c131250]{color:#fff9;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.loading-overlay[data-v-5c131250]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.loading-spinner[data-v-5c131250]{width:50px;height:50px;border:3px solid rgba(0,255,255,.3);border-top:3px solid #00ffff;border-radius:50%;animation:spin-5c131250 1s linear infinite}@keyframes spin-5c131250{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.connection-status[data-v-5c131250]{position:fixed;top:20px;right:20px;background:#000000b3;color:#fff;padding:10px 15px;border-radius:8px;font-size:12px;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,255,255,.3)}.connection-status.connected[data-v-5c131250]{border-color:#00ff0080}.connection-status.disconnected[data-v-5c131250]{border-color:#ff000080}.logs-container[data-v-5c131250]{position:fixed;bottom:20px;left:20px;width:300px;height:200px;background:#000c;border:1px solid rgba(0,255,255,.3);border-radius:8px;padding:10px;font-family:Courier New,monospace;font-size:11px;color:#0ff;overflow-y:auto;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:none}.logs-container.show[data-v-5c131250]{display:block}.debug-toggle[data-v-5c131250]{position:fixed;bottom:20px;right:20px;background:#000000b3;color:#fff;border:1px solid rgba(0,255,255,.3);padding:8px 12px;border-radius:6px;cursor:pointer;font-size:12px;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.debug-toggle[data-v-5c131250]:hover{background:#00ffff1a}.success-container[data-v-5c131250]{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);position:relative;overflow:hidden}.success-card[data-v-5c131250]{background:#ffffff0d;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid rgba(0,255,255,.2);border-radius:20px;padding:40px;width:100%;max-width:450px;position:relative;z-index:1;overflow:hidden;box-shadow:0 25px 50px #00000080}.success-header[data-v-5c131250]{text-align:center;margin-bottom:40px}.success-icon[data-v-5c131250]{margin:0 auto 24px;animation:successPulse-5c131250 2s ease-in-out infinite}@keyframes successPulse-5c131250{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.success-header h1[data-v-5c131250]{margin:0 0 8px;color:#fff;font-size:32px;font-weight:700;background:linear-gradient(135deg,#0f0,#0ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}