body,html{margin:0;padding:0;box-sizing:border-box;width:100%;height:100%}#app,.app-root{min-height:100vh;width:100%}.welcome-container[data-v-ec908452]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#f8f9fa;color:#333;padding:20px}.content[data-v-ec908452]{text-align:center;max-width:500px;width:100%}h1[data-v-ec908452]{font-size:2.5rem;margin:0;background:linear-gradient(45deg,#ff69b4,#9b59b6);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}p[data-v-ec908452]{margin-bottom:30px;color:#666;font-size:1.1rem}.grid-groups[data-v-ec908452]{display:grid;grid-template-columns:1fr 1fr;gap:15px}.btn-group[data-v-ec908452]{border:3px solid;border-radius:20px;padding:25px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;transition:transform .2s,box-shadow .2s}.btn-group[data-v-ec908452]:hover{transform:translateY(-5px);box-shadow:0 10px 25px #00000026}.emoji[data-v-ec908452]{font-size:3rem}.name[data-v-ec908452]{font-weight:700;letter-spacing:1px}.mascot-logo[data-v-ec908452]{width:150px;height:auto;margin-bottom:20px;filter:drop-shadow(0 0 10px rgba(0,0,0,.2));animation:float-ec908452 3s ease-in-out infinite}@keyframes float-ec908452{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.modal-mask[data-v-4f05e86b]{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-wrapper[data-v-4f05e86b]{width:90%;max-width:500px}.modal-container[data-v-4f05e86b]{background:#1a1a1a;border:2px solid;border-radius:20px;box-shadow:0 0 20px #00000080;padding:20px;color:#fff;position:relative;overflow:hidden}.modal-header[data-v-4f05e86b]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.modal-header h3[data-v-4f05e86b]{margin:0;color:var(--v257ebbe3);text-transform:uppercase;letter-spacing:1px}.close-btn[data-v-4f05e86b]{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;line-height:1}.modal-body[data-v-4f05e86b]{text-align:center}.loading[data-v-4f05e86b],.error-state[data-v-4f05e86b]{padding:40px;font-size:1.2rem;opacity:.8}.played-state .icon[data-v-4f05e86b]{font-size:4rem;margin-bottom:10px}.played-state h4[data-v-4f05e86b]{font-size:1.5rem;margin-bottom:10px;color:var(--v257ebbe3)}.btn-primary[data-v-4f05e86b]{background:var(--v257ebbe3);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-weight:700;cursor:pointer;margin-top:20px}.question-text[data-v-4f05e86b]{font-size:1.2rem;margin-bottom:25px;line-height:1.4}.options-grid[data-v-4f05e86b]{display:grid;grid-template-columns:1fr;gap:10px}.option-btn[data-v-4f05e86b]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);padding:15px;border-radius:12px;color:#fff;font-size:1rem;cursor:pointer;transition:all .2s;text-align:left}.option-btn[data-v-4f05e86b]:hover:not(.disabled){background:#fff3;transform:translateY(-2px)}.option-btn.correct[data-v-4f05e86b]{background:#4caf50!important;border-color:#4caf50;color:#fff}.option-btn.wrong[data-v-4f05e86b]{background:#f44336!important;border-color:#f44336;color:#fff}.option-btn.disabled[data-v-4f05e86b]{cursor:not-allowed;opacity:.7}.result-message[data-v-4f05e86b]{margin-top:20px;padding:15px;border-radius:10px;font-weight:700;animation:popIn-4f05e86b .5s cubic-bezier(.175,.885,.32,1.275)}.result-message.success[data-v-4f05e86b]{background:#4caf5033;border:1px solid #4caf50;color:#4caf50}.result-message.failure[data-v-4f05e86b]{background:#f4433633;border:1px solid #f44336;color:#f44336}@keyframes popIn-4f05e86b{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.modal-enter-active[data-v-4f05e86b],.modal-leave-active[data-v-4f05e86b]{transition:opacity .3s ease}.modal-enter-from[data-v-4f05e86b],.modal-leave-to[data-v-4f05e86b]{opacity:0}.desktop-bar[data-v-8dd3a81d]{position:fixed;bottom:0;left:0;width:100%;height:80px;background-color:var(--accent-color);display:flex;align-items:center;z-index:1000;box-shadow:0 -4px 20px #0003;overflow:hidden}.marquee-container[data-v-8dd3a81d]{flex:1;overflow:hidden;white-space:nowrap;position:relative;-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.marquee-content[data-v-8dd3a81d]{display:inline-block;white-space:nowrap;animation:scroll-8dd3a81d 20s linear infinite;color:var(--bg-color);font-weight:700;font-size:1.5rem;text-transform:uppercase}.spotify-box[data-v-8dd3a81d]{width:350px;background:#000;position:relative;z-index:2;border-left:4px solid rgba(0,0,0,.2)}@keyframes scroll-8dd3a81d{0%{transform:translate(0)}to{transform:translate(-50%)}}.mobile-fab[data-v-8dd3a81d]{display:none}@media(max-width:768px){.desktop-bar[data-v-8dd3a81d]{display:none}.mobile-fab[data-v-8dd3a81d]{display:block}.fab-btn[data-v-8dd3a81d]{position:fixed;bottom:20px;right:20px;width:50px;height:50px;border-radius:50%;border:none;font-size:1.5rem;box-shadow:0 4px 15px #0000004d;z-index:2000;cursor:pointer;display:flex;align-items:center;justify-content:center}.mobile-player[data-v-8dd3a81d]{position:fixed;bottom:80px;right:20px;left:20px;background:var(--panel-color);border:2px solid var(--accent-color);border-radius:12px;padding:10px;z-index:1999;box-shadow:0 10px 30px #00000080}.mobile-header[data-v-8dd3a81d]{display:flex;justify-content:space-between;margin-bottom:5px;color:var(--text-color)}.slide-up-enter-active[data-v-8dd3a81d],.slide-up-leave-active[data-v-8dd3a81d]{transition:all .3s ease}.slide-up-enter-from[data-v-8dd3a81d],.slide-up-leave-to[data-v-8dd3a81d]{transform:translateY(20px);opacity:0}}.tour-overlay[data-v-a7eaffca]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:9999;display:flex;justify-content:center;align-items:center}.tour-card[data-v-a7eaffca]{background:var(--panel-color);border:2px solid var(--accent-color);color:var(--text-color);padding:30px;border-radius:16px;width:90%;max-width:400px;box-shadow:0 0 30px #00000080;animation:popIn-a7eaffca .3s ease-out}.tour-header[data-v-a7eaffca]{display:flex;justify-content:space-between;margin-bottom:20px}.step-indicator[data-v-a7eaffca]{font-size:.8rem;opacity:.6;text-transform:uppercase;letter-spacing:1px}.btn-skip[data-v-a7eaffca]{background:none;border:none;color:var(--text-color);opacity:.5;cursor:pointer;text-decoration:underline}.tour-content h3[data-v-a7eaffca]{margin:0 0 10px;color:var(--accent-color);font-size:1.5rem}.tour-content p[data-v-a7eaffca]{line-height:1.6;opacity:.9}.tour-footer[data-v-a7eaffca]{display:flex;justify-content:space-between;align-items:center;margin-top:30px}.btn-next[data-v-a7eaffca]{background:var(--accent-color);color:var(--bg-color);border:none;padding:10px 25px;border-radius:25px;font-weight:700;cursor:pointer;font-size:1rem;transition:transform .2s}.btn-next[data-v-a7eaffca]:hover{transform:scale(1.05)}.dots[data-v-a7eaffca]{display:flex;gap:5px}.dot[data-v-a7eaffca]{width:8px;height:8px;border-radius:50%;background:var(--text-color);opacity:.2}.dot.active[data-v-a7eaffca]{opacity:1;background:var(--accent-color);transform:scale(1.2)}@keyframes popIn-a7eaffca{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.fade-enter-active[data-v-a7eaffca],.fade-leave-active[data-v-a7eaffca]{transition:opacity .3s}.fade-enter-from[data-v-a7eaffca],.fade-leave-to[data-v-a7eaffca]{opacity:0}.panic-overlay[data-v-6024cecf]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;justify-content:center;align-items:center;animation:flash-6024cecf .5s}.panic-card[data-v-6024cecf]{background:#1a1a1a;border:3px solid var(--accent-color);color:#fff;padding:30px;border-radius:20px;width:90%;max-width:500px;text-align:center;box-shadow:0 0 50px var(--accent-color);animation:shake-6024cecf .5s}.panic-header h2[data-v-6024cecf]{color:var(--accent-color);margin:0 0 20px;font-size:1.5rem;text-transform:uppercase;letter-spacing:2px;animation:pulse-6024cecf 1s infinite}.gif-container[data-v-6024cecf]{width:100%;height:300px;background:#000;border-radius:12px;overflow:hidden;display:flex;justify-content:center;align-items:center;margin-bottom:20px;border:1px solid #333}.gif-container img[data-v-6024cecf]{max-width:100%;max-height:100%;object-fit:contain}.panic-text[data-v-6024cecf]{font-size:1.1rem;margin-bottom:30px;opacity:.9}.panic-actions[data-v-6024cecf]{display:flex;gap:15px;justify-content:center}button[data-v-6024cecf]{padding:12px 25px;border-radius:30px;font-weight:700;cursor:pointer;font-size:1rem;border:none;transition:transform .1s}button[data-v-6024cecf]:active{transform:scale(.95)}.btn-shuffle[data-v-6024cecf]{background:#333;color:#fff;border:1px solid #555}.btn-calm[data-v-6024cecf]{background:var(--accent-color);color:var(--bg-color)}@keyframes flash-6024cecf{0%{background:#ff000080}to{background:#000000d9}}@keyframes shake-6024cecf{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes pulse-6024cecf{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.fade-enter-active[data-v-6024cecf],.fade-leave-active[data-v-6024cecf]{transition:opacity .3s}.fade-enter-from[data-v-6024cecf],.fade-leave-to[data-v-6024cecf]{opacity:0}.install-container[data-v-e6b7f350]{position:fixed;top:20px;right:20px;z-index:3000;display:flex;flex-direction:column;align-items:center}.arrow-hint[data-v-e6b7f350]{font-size:2rem;margin-bottom:5px;animation:bounce-e6b7f350 2s infinite}.install-card[data-v-e6b7f350]{background:#000;border:2px solid cyan;border-radius:12px;padding:10px 15px;display:flex;align-items:center;gap:15px;box-shadow:0 0 15px #0ff;cursor:pointer;position:relative;transition:transform .2s}.install-card[data-v-e6b7f350]:active{transform:scale(.95)}.logo-box img[data-v-e6b7f350]{width:40px;height:40px;object-fit:contain}.text-box h3[data-v-e6b7f350]{margin:0;color:#0ff;font-size:1rem;font-weight:700}.text-box p[data-v-e6b7f350]{margin:0;color:#aaa;font-size:.8rem}.btn-install[data-v-e6b7f350]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.btn-dismiss[data-v-e6b7f350]{background:none;border:none;color:#666;text-decoration:underline;margin-top:5px;cursor:pointer;font-size:.8rem}@keyframes bounce-e6b7f350{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.fade-enter-active[data-v-e6b7f350],.fade-leave-active[data-v-e6b7f350]{transition:opacity .5s}.fade-enter-from[data-v-e6b7f350],.fade-leave-to[data-v-e6b7f350]{opacity:0}.modal-mask[data-v-ba73a3bb]{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-wrapper[data-v-ba73a3bb]{width:90%;max-width:500px}.modal-container[data-v-ba73a3bb]{background:#1a1a1a;border:2px solid;border-radius:20px;padding:20px;color:#fff;min-height:350px}.modal-header[data-v-ba73a3bb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-header h3[data-v-ba73a3bb]{margin:0;color:var(--v100ae61a)}.close-btn[data-v-ba73a3bb]{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer}.intro[data-v-ba73a3bb]{margin-bottom:15px;opacity:.8;text-align:center}.rating-group[data-v-ba73a3bb]{display:flex;justify-content:center;margin-bottom:20px;font-size:1.5rem}.stars span[data-v-ba73a3bb]{cursor:pointer;opacity:.3;transition:transform .2s;margin:0 2px}.stars span.active[data-v-ba73a3bb]{opacity:1;transform:scale(1.1)}.email-input[data-v-ba73a3bb],textarea[data-v-ba73a3bb]{width:100%;padding:12px;border-radius:10px;border:1px solid #444;background:#ffffff0d;color:#fff;font-family:inherit;margin-bottom:10px;box-sizing:border-box}.email-input[data-v-ba73a3bb]:focus,textarea[data-v-ba73a3bb]:focus{outline:2px solid var(--v100ae61a);border-color:transparent}textarea[data-v-ba73a3bb]{resize:none}.btn-send[data-v-ba73a3bb]{width:100%;padding:12px;border:none;border-radius:10px;background:var(--v100ae61a);color:#fff;font-weight:700;font-size:1rem;cursor:pointer;margin-top:10px}.btn-send[data-v-ba73a3bb]:disabled{opacity:.7;cursor:wait}.success-state[data-v-ba73a3bb]{text-align:center;padding:40px 20px;animation:popIn-ba73a3bb .3s ease}.success-state .icon[data-v-ba73a3bb]{font-size:4rem;margin-bottom:15px}.success-state h4[data-v-ba73a3bb]{color:var(--v100ae61a);margin-bottom:10px}@keyframes popIn-ba73a3bb{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.modal-enter-active[data-v-ba73a3bb],.modal-leave-active[data-v-ba73a3bb]{transition:opacity .3s ease}.modal-enter-from[data-v-ba73a3bb],.modal-leave-to[data-v-ba73a3bb]{opacity:0}.modal-mask[data-v-eb5817eb]{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-wrapper[data-v-eb5817eb]{width:90%;max-width:500px}.modal-container[data-v-eb5817eb]{background:#1a1a1a;border:2px solid;border-radius:20px;padding:20px;color:#fff;max-height:80vh;overflow-y:auto}.modal-header[data-v-eb5817eb]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:10px}.modal-header h3[data-v-eb5817eb]{margin:0;color:var(--v04ef51d0)}.close-btn[data-v-eb5817eb]{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer}.faq-item[data-v-eb5817eb]{border-bottom:1px solid rgba(255,255,255,.1)}.faq-question[data-v-eb5817eb]{width:100%;background:none;border:none;color:#fff;padding:15px 0;text-align:left;font-size:1rem;font-weight:700;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.faq-answer[data-v-eb5817eb]{padding-bottom:15px;color:#ccc;font-size:.95rem;line-height:1.5}.arrow[data-v-eb5817eb]{transition:transform .3s;color:var(--v04ef51d0)}.arrow.rotated[data-v-eb5817eb]{transform:rotate(180deg)}.modal-enter-active[data-v-eb5817eb],.modal-leave-active[data-v-eb5817eb]{transition:opacity .3s ease}.modal-enter-from[data-v-eb5817eb],.modal-leave-to[data-v-eb5817eb]{opacity:0}.faq-answer[data-v-eb5817eb] strong{color:var(--v04ef51d0);font-weight:800}.faq-answer[data-v-eb5817eb] em{font-style:italic;color:#fff}.app-footer[data-v-554c00ef]{text-align:center;padding:30px 20px;margin-top:40px;border-top:1px solid rgba(255,255,255,.1);color:#ffffff80;font-size:.9rem}.footer-links[data-v-554c00ef]{margin-bottom:15px;display:flex;justify-content:center;gap:10px;align-items:center}.footer-links button[data-v-554c00ef]{background:none;border:none;color:#ffffffb3;cursor:pointer;text-decoration:underline;font-size:.9rem;transition:color .2s}.footer-links button[data-v-554c00ef]:hover{color:var(--accent-color)}.separator[data-v-554c00ef]{opacity:.3}.brand[data-v-554c00ef]{font-weight:700;color:var(--accent-color)}.dashboard-wrapper[data-v-a6b7b689]{min-height:100vh;background-color:var(--bg-color);color:var(--text-color);transition:background .5s ease,color .5s ease;padding-bottom:100px}header[data-v-a6b7b689]{padding:20px;border-bottom:2px solid var(--accent-color);background:#ffffff0d}.header-content[data-v-a6b7b689]{display:flex;justify-content:space-between;align-items:center;max-width:800px;margin:0 auto}.mascot-container[data-v-a6b7b689]{flex-shrink:0}.mascot-img[data-v-a6b7b689]{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(0,0,0,.3))}.header-text[data-v-a6b7b689]{flex:1;text-align:right}.header-text h1[data-v-a6b7b689]{margin:0 0 10px;font-size:1.8rem}.top-row[data-v-a6b7b689]{display:flex;justify-content:flex-end;align-items:center;gap:10px;margin-bottom:10px}.btn-trivia[data-v-a6b7b689]{background:linear-gradient(45deg,gold,orange);color:#000;border:none;padding:5px 12px;border-radius:15px;font-weight:700;font-size:.8rem;cursor:pointer;box-shadow:0 0 10px #ffd70080;animation:float-a6b7b689 3s ease-in-out infinite}@keyframes float-a6b7b689{0%{transform:translateY(0)}50%{transform:translateY(-3px)}to{transform:translateY(0)}}main[data-v-a6b7b689]{max-width:800px;margin:20px auto;padding:0 20px}.card[data-v-a6b7b689]{background-color:var(--panel-color);border:1px solid var(--border-color);border-radius:16px;padding:25px;box-shadow:0 4px 15px #0000000d;margin-bottom:20px}.btn-change[data-v-a6b7b689]{background:transparent;border:1px solid var(--text-color);color:var(--text-color);padding:8px 15px;border-radius:20px;cursor:pointer;opacity:.7}.btn-change[data-v-a6b7b689]:hover{opacity:1;background:#ffffff1a}.input-group[data-v-a6b7b689]{display:flex;gap:10px;margin-bottom:20px}.task-input[data-v-a6b7b689]{flex:1;padding:12px;border-radius:8px;border:1px solid var(--border-color);background:#ffffff1a;color:var(--text-color)}.time-input[data-v-a6b7b689]{padding:12px;border-radius:8px;border:1px solid var(--border-color);background:#ffffff1a;color:var(--text-color)}.btn-add[data-v-a6b7b689]{padding:0 20px;border-radius:8px;border:none;background:var(--accent-color);color:#fff;font-size:1.5rem;cursor:pointer}.task-list[data-v-a6b7b689]{list-style:none;padding:0}.task-item[data-v-a6b7b689]{display:flex;align-items:center;gap:15px;padding:15px;border-bottom:1px solid var(--border-color);transition:all .3s}.task-item[data-v-a6b7b689]:last-child{border-bottom:none}.task-item.completed .task-text[data-v-a6b7b689]{text-decoration:line-through;opacity:.6}.checkbox-container[data-v-a6b7b689]{position:relative;width:25px;height:25px;cursor:pointer}.checkbox-container input[data-v-a6b7b689]{opacity:0;cursor:pointer;height:0;width:0}.checkmark[data-v-a6b7b689]{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#ffffff1a;border-radius:50%;border:2px solid var(--accent-color)}.checkbox-container input:checked~.checkmark[data-v-a6b7b689]{background-color:var(--accent-color)}.checkmark[data-v-a6b7b689]:after{content:"";position:absolute;display:none;left:9px;top:5px;width:5px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-container input:checked~.checkmark[data-v-a6b7b689]:after{display:block}.task-content[data-v-a6b7b689]{flex:1;display:flex;flex-direction:column;cursor:pointer}.task-time[data-v-a6b7b689]{font-size:.8rem;opacity:.8;color:var(--accent-color)}.btn-delete[data-v-a6b7b689]{background:transparent;border:none;color:#ff6b6b;font-size:1.5rem;cursor:pointer;opacity:0;transition:opacity .2s}.task-item:hover .btn-delete[data-v-a6b7b689]{opacity:1}.empty-state[data-v-a6b7b689]{text-align:center;padding:40px;opacity:.6;font-style:italic}.btn-panic[data-v-a6b7b689]{width:100%;padding:15px;background:#ff4757;color:#fff;border:none;border-radius:12px;font-weight:700;letter-spacing:1px;cursor:pointer;animation:pulse-a6b7b689 2s infinite}@keyframes pulse-a6b7b689{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.btn-info[data-v-a6b7b689]{background:none;border:none;cursor:pointer;font-size:1.2rem}@media(max-width:600px){.mascot-img[data-v-a6b7b689]{width:60px;height:60px}.header-text h1[data-v-a6b7b689]{font-size:1.4rem}.input-group[data-v-a6b7b689]{flex-wrap:wrap}.time-input[data-v-a6b7b689]{width:100%}}.admin-page[data-v-1c2a6510]{min-height:100vh;background:#0a0a0a;color:#e0e0e0;font-family:sans-serif}.login-container[data-v-1c2a6510]{height:100vh;display:flex;justify-content:center;align-items:center}.login-box[data-v-1c2a6510]{background:#151515;padding:3rem;border-radius:20px;border:1px solid #333;text-align:center;width:300px}.login-box input[data-v-1c2a6510]{width:100%;padding:12px;margin:10px 0;background:#222;border:1px solid #444;color:#fff;border-radius:5px;box-sizing:border-box}.error-text[data-v-1c2a6510]{color:#ff4757;font-size:.9rem}.btn-login[data-v-1c2a6510]{width:100%;padding:12px;background:#ff4d4d;color:#fff;border:none;border-radius:5px;font-weight:700;cursor:pointer;margin-bottom:10px}.btn-back[data-v-1c2a6510]{background:transparent;color:#888;border:none;cursor:pointer;text-decoration:underline}.dashboard[data-v-1c2a6510]{padding:20px;max-width:800px;margin:0 auto}.dash-header[data-v-1c2a6510]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;border-bottom:1px solid #333;padding-bottom:15px}.controls[data-v-1c2a6510]{display:flex;gap:10px}.btn-logout[data-v-1c2a6510],.btn-home[data-v-1c2a6510],.btn-refresh[data-v-1c2a6510]{padding:8px 12px;border-radius:5px;cursor:pointer;border:none;font-weight:700}.btn-logout[data-v-1c2a6510]{background:#333;color:#fff}.btn-home[data-v-1c2a6510]{background:#ff4d4d;color:#fff}.btn-refresh[data-v-1c2a6510]{background:transparent;font-size:1.2rem}.metrics[data-v-1c2a6510]{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:30px}.card-metric[data-v-1c2a6510]{background:#151515;padding:20px;border-radius:10px;text-align:center;border:1px solid #333}.card-metric .num[data-v-1c2a6510]{display:block;font-size:2rem;font-weight:700;color:gold;margin-top:10px}.feed-list[data-v-1c2a6510]{display:flex;flex-direction:column;gap:15px}.feed-item[data-v-1c2a6510]{background:#151515;padding:20px;border-radius:10px;border-left:4px solid #FF4D4D}.item-header[data-v-1c2a6510]{display:flex;justify-content:space-between;margin-bottom:10px}.tag[data-v-1c2a6510]{background:#333;padding:2px 8px;border-radius:4px;font-size:.8rem;text-transform:uppercase}.msg[data-v-1c2a6510]{font-style:italic;color:#fff;line-height:1.5}.email[data-v-1c2a6510]{color:#4caf50;font-size:.9rem;margin-top:5px}.date[data-v-1c2a6510]{display:block;text-align:right;color:#666;margin-top:10px}body{margin:0;font-family:Quicksand,sans-serif}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter-from,.fade-leave-to{opacity:0}