:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--safe-area-inset-top: env(safe-area-inset-top);--safe-area-inset-bottom: env(safe-area-inset-bottom);--safe-area-inset-left: env(safe-area-inset-left);--safe-area-inset-right: env(safe-area-inset-right)}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;min-height:100dvh;padding-top:var(--safe-area-inset-top);padding-bottom:var(--safe-area-inset-bottom);padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right);-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;min-height:44px;touch-action:manipulation}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center;width:100%;box-sizing:border-box}@media (display-mode: standalone){body{background-color:#1a1a1a}:root{--pwa-header-height: 60px}#app{padding-top:calc(var(--safe-area-inset-top) + 1rem);min-height:calc(100vh - var(--safe-area-inset-top) - var(--safe-area-inset-bottom))}}@media (display-mode: standalone) and (-webkit-touch-callout: none){body{background-color:#000}:root{color:#fff;background-color:#000}}@media (max-width: 768px){#app{padding:1rem}h1{font-size:2.5em}}@media (max-width: 480px){#app{padding:.5rem}h1{font-size:2em}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}@media (display-mode: standalone){body{background-color:#fff}}}.user-navbar[data-v-6e7be7d1]{background:#fff;border-bottom:1px solid #e1e5e9;padding:0 20px;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:100}.navbar-content[data-v-6e7be7d1]{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;height:64px}.logo h1[data-v-6e7be7d1]{margin:0;font-size:24px;color:#333;font-weight:700}.user-menu[data-v-6e7be7d1]{display:flex;align-items:center;gap:16px}.user-info[data-v-6e7be7d1]{display:flex;align-items:center;gap:8px}.user-name[data-v-6e7be7d1]{font-weight:600;color:#333;font-size:16px}.admin-badge[data-v-6e7be7d1]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:4px 8px;border-radius:12px;font-size:12px;font-weight:600}.user-actions[data-v-6e7be7d1]{position:relative}.user-button[data-v-6e7be7d1]{display:flex;align-items:center;gap:8px;background:none;border:none;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s ease}.user-button[data-v-6e7be7d1]:hover{background-color:#f5f5f5}.user-avatar[data-v-6e7be7d1]{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:16px}.chevron[data-v-6e7be7d1]{font-size:12px;color:#666;transition:transform .2s ease}.chevron.open[data-v-6e7be7d1]{transform:rotate(180deg)}.dropdown-menu[data-v-6e7be7d1]{position:absolute;top:100%;right:0;background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 8px 32px #0000001a;padding:16px;min-width:200px;margin-top:8px}.user-email[data-v-6e7be7d1]{color:#666;font-size:14px;margin-bottom:12px;word-break:break-word}.dropdown-divider[data-v-6e7be7d1]{height:1px;background-color:#e1e5e9;margin:12px 0}.logout-button[data-v-6e7be7d1]{width:100%;background:#fee;color:#c53030;border:1px solid #fed7d7;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.logout-button[data-v-6e7be7d1]:hover:not(:disabled){background:#fed7d7}.logout-button[data-v-6e7be7d1]:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.navbar-content[data-v-6e7be7d1]{padding:0 16px}.logo h1[data-v-6e7be7d1]{font-size:20px}.user-info[data-v-6e7be7d1]{display:none}.dropdown-menu[data-v-6e7be7d1]{right:-16px;min-width:180px}}.floating-login-btn[data-v-86fe7545]{position:fixed;bottom:24px;right:24px;width:60px;height:60px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 32px #667eea4d,0 4px 16px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.floating-login-btn[data-v-86fe7545]:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 12px 40px #667eea66,0 6px 20px #00000026;background:linear-gradient(135deg,#5a67d8,#6b46c1)}.floating-login-btn[data-v-86fe7545]:active{transform:translateY(-1px) scale(1.02);transition:all .1s ease}.login-icon[data-v-86fe7545]{width:24px;height:24px;stroke-width:2.5}.fade-enter-active[data-v-86fe7545],.fade-leave-active[data-v-86fe7545]{transition:all .4s cubic-bezier(.4,0,.2,1)}.fade-enter-from[data-v-86fe7545],.fade-leave-to[data-v-86fe7545]{opacity:0;transform:translateY(20px) scale(.8)}@keyframes subtle-pulse-86fe7545{0%,to{box-shadow:0 8px 32px #667eea4d,0 4px 16px #0000001a}50%{box-shadow:0 8px 32px #667eea80,0 4px 16px #0000001a}}.floating-login-btn[data-v-86fe7545]{animation:subtle-pulse-86fe7545 3s ease-in-out infinite}.floating-login-btn[data-v-86fe7545]:hover{animation:none}.update-notification[data-v-124c7a54]{position:fixed;top:20px;right:20px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:10000;max-width:350px;border-left:4px solid #4F46E5}.update-content[data-v-124c7a54]{padding:20px}.update-text h4[data-v-124c7a54]{margin:0 0 8px;color:#1f2937;font-size:16px;font-weight:600}.update-text p[data-v-124c7a54]{margin:0 0 16px;color:#6b7280;font-size:14px;line-height:1.5}.update-actions[data-v-124c7a54]{display:flex;gap:12px}.btn-update[data-v-124c7a54]{background:#4f46e5;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .2s}.btn-update[data-v-124c7a54]:hover{background:#4338ca}.btn-dismiss[data-v-124c7a54]{background:transparent;color:#6b7280;border:1px solid #d1d5db;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-dismiss[data-v-124c7a54]:hover{background:#f9fafb;border-color:#9ca3af}@media (max-width: 768px){.update-notification[data-v-124c7a54]{top:10px;right:10px;left:10px;max-width:none}.update-actions[data-v-124c7a54]{flex-direction:column}}.modal-overlay[data-v-e53c97a3]{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem}.modal-content[data-v-e53c97a3]{background-color:#fff;border-radius:12px;width:100%;max-width:400px;box-shadow:0 20px 60px #0000004d;animation:slideUp-e53c97a3 .3s ease-out}@keyframes slideUp-e53c97a3{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header[data-v-e53c97a3]{padding:1.25rem 1.5rem;border-bottom:1px solid #e5e7eb;background-color:#f8f9fa;border-radius:12px 12px 0 0}.modal-header h3[data-v-e53c97a3]{margin:0;font-size:1.25rem;color:#1f2937}.modal-body[data-v-e53c97a3]{padding:1.5rem}.modal-description[data-v-e53c97a3]{color:#6b7280;font-size:.9rem;margin:0 0 1.25rem}.form-group[data-v-e53c97a3]{display:flex;flex-direction:column;gap:.5rem}.form-group label[data-v-e53c97a3]{font-weight:600;color:#374151;font-size:.9rem}.form-group input[data-v-e53c97a3]{width:100%;padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-group input[data-v-e53c97a3]:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 3px #3498db26}.form-group input[data-v-e53c97a3]::placeholder{color:#9ca3af}.modal-footer[data-v-e53c97a3]{padding:1rem 1.5rem;border-top:1px solid #e5e7eb;display:flex;justify-content:flex-end;gap:.75rem;background-color:#f9fafb;border-radius:0 0 12px 12px}.btn-primary[data-v-e53c97a3],.btn-secondary[data-v-e53c97a3]{padding:.625rem 1.25rem;border:none;border-radius:6px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-primary[data-v-e53c97a3]{background-color:#3498db;color:#fff}.btn-primary[data-v-e53c97a3]:hover:not(:disabled){background-color:#2980b9}.btn-primary[data-v-e53c97a3]:disabled{background-color:#9ca3af;cursor:not-allowed}.btn-secondary[data-v-e53c97a3]{background-color:#e5e7eb;color:#374151}.btn-secondary[data-v-e53c97a3]:hover{background-color:#d1d5db}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:#f8f9fa;color:#2c3e50;line-height:1.6}h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:600;line-height:1.2}.app{min-height:100vh}main{min-height:100vh}main.with-navbar{min-height:calc(100vh - 64px)}.in-app-notification{position:fixed;top:20px;right:20px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #00000026;z-index:10000;max-width:350px;border-left:4px solid #4F46E5;transform:translate(400px);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.in-app-notification.show{transform:translate(0);opacity:1}.in-app-notification.hide{transform:translate(400px);opacity:0}.notification-content{padding:16px;display:flex;align-items:flex-start;gap:12px}.notification-icon{font-size:24px;flex-shrink:0}.notification-text{flex:1;min-width:0}.notification-title{font-weight:600;color:#1f2937;font-size:16px;margin-bottom:4px}.notification-body{color:#6b7280;font-size:14px;line-height:1.4}.close-notification{background:none;border:none;font-size:20px;color:#9ca3af;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s;flex-shrink:0}.close-notification:hover{background:#f3f4f6;color:#6b7280}@media (max-width: 768px){.in-app-notification{top:10px;right:10px;left:10px;max-width:none;transform:translateY(-100px)}.in-app-notification.show{transform:translateY(0)}.in-app-notification.hide{transform:translateY(-100px)}}@supports (top: env(safe-area-inset-top)){.in-app-notification{top:calc(20px + env(safe-area-inset-top));right:calc(20px + env(safe-area-inset-right))}@media (max-width: 768px){.in-app-notification{top:calc(10px + env(safe-area-inset-top));right:calc(10px + env(safe-area-inset-right));left:calc(10px + env(safe-area-inset-left))}}}