.home[data-v-53e987ba]{margin:-20px}.hero[data-v-53e987ba]{display:flex;align-items:center;min-height:500px;padding:4rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.hero-content[data-v-53e987ba]{flex:1;max-width:600px}.hero h1[data-v-53e987ba]{font-size:3rem;margin-bottom:1rem;font-weight:700}.hero p[data-v-53e987ba]{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.hero-actions[data-v-53e987ba]{display:flex;gap:1rem;flex-wrap:wrap}.hero-image[data-v-53e987ba]{flex:1;display:flex;justify-content:center;align-items:center;padding-left:2rem}.placeholder-image[data-v-53e987ba]{width:400px;height:300px;background:#ffffff1a;border:2px dashed rgba(255,255,255,.3);display:flex;align-items:center;justify-content:center;border-radius:8px}.features[data-v-53e987ba]{padding:4rem 2rem;background:#f8f9fa}.container[data-v-53e987ba]{max-width:1200px;margin:0 auto}.features h2[data-v-53e987ba]{text-align:center;margin-bottom:3rem;font-size:2.5rem;color:#2c3e50}.features-grid[data-v-53e987ba]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.feature-card[data-v-53e987ba]{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 10px #0000001a;text-align:center;transition:transform .3s}.feature-card[data-v-53e987ba]:hover{transform:translateY(-5px)}.feature-icon[data-v-53e987ba]{font-size:3rem;margin-bottom:1rem}.feature-card h3[data-v-53e987ba]{font-size:1.5rem;margin-bottom:1rem;color:#2c3e50}.feature-card p[data-v-53e987ba]{color:#666;line-height:1.6}.btn-large[data-v-53e987ba]{padding:1rem 2rem;font-size:1.1rem}@media (max-width: 768px){.hero[data-v-53e987ba]{flex-direction:column;text-align:center}.hero-image[data-v-53e987ba]{padding-left:0;margin-top:2rem}.hero h1[data-v-53e987ba]{font-size:2rem}.placeholder-image[data-v-53e987ba]{width:300px;height:200px}}.notification-center[data-v-7b996b4c]{position:relative;display:flex;align-items:center;gap:10px}.ws-status[data-v-7b996b4c]{font-size:12px;transition:opacity .3s}.ws-status[data-v-7b996b4c]:not(.connected){opacity:.6}.notifications-btn[data-v-7b996b4c]{position:relative;background:none;border:none;font-size:24px;cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s,transform .1s}.notifications-btn[data-v-7b996b4c]:hover{background-color:#0000001a}.notifications-btn[data-v-7b996b4c]:active{transform:scale(.95)}.notifications-btn.has-new[data-v-7b996b4c]{animation:bounce-7b996b4c 2s infinite}@keyframes bounce-7b996b4c{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-5px)}60%{transform:translateY(-3px)}}.unread-badge[data-v-7b996b4c]{position:absolute;top:0;right:0;background:#ff4757;color:#fff;font-size:12px;font-weight:700;border-radius:50%;width:20px;height:20px;display:flex;align-items:center;justify-content:center;line-height:1}.notifications-panel[data-v-7b996b4c]{position:absolute;top:100%;right:0;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 20px #00000026;width:400px;max-height:500px;overflow:hidden;z-index:1000}.panel-header[data-v-7b996b4c]{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #eee;background:#f8f9fa}.panel-header h3[data-v-7b996b4c]{margin:0;font-size:16px;color:#495057}.header-actions[data-v-7b996b4c]{display:flex;gap:5px}.permission-btn[data-v-7b996b4c],.clear-btn[data-v-7b996b4c],.close-btn[data-v-7b996b4c]{background:none;border:1px solid #ddd;border-radius:4px;padding:4px 8px;font-size:12px;cursor:pointer;transition:background-color .2s}.permission-btn[data-v-7b996b4c]:hover,.clear-btn[data-v-7b996b4c]:hover{background-color:#f1f3f4}.close-btn[data-v-7b996b4c]:hover{background-color:#ffebee;border-color:#f44336}.notifications-list[data-v-7b996b4c]{max-height:300px;overflow-y:auto}.notification-item[data-v-7b996b4c]{display:flex;padding:12px 15px;border-bottom:1px solid #f0f0f0;transition:background-color .2s}.notification-item[data-v-7b996b4c]:hover{background-color:#f8f9fa}.notification-item[data-v-7b996b4c]:last-child{border-bottom:none}.notification-item.level-success[data-v-7b996b4c]{border-left:4px solid #28a745}.notification-item.level-warning[data-v-7b996b4c]{border-left:4px solid #ffc107}.notification-item.level-error[data-v-7b996b4c]{border-left:4px solid #dc3545}.notification-item.level-info[data-v-7b996b4c]{border-left:4px solid #007bff}.notification-content[data-v-7b996b4c]{flex:1}.notification-title[data-v-7b996b4c]{font-weight:700;font-size:14px;color:#495057;margin-bottom:4px}.notification-message[data-v-7b996b4c]{font-size:13px;color:#6c757d;line-height:1.4;margin-bottom:6px}.notification-time[data-v-7b996b4c]{font-size:11px;color:#adb5bd}.remove-btn[data-v-7b996b4c]{background:none;border:none;color:#6c757d;cursor:pointer;font-size:16px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s,color .2s}.remove-btn[data-v-7b996b4c]:hover{background-color:#f8f9fa;color:#495057}.empty-notifications[data-v-7b996b4c]{padding:40px 20px;text-align:center;color:#6c757d}.empty-icon[data-v-7b996b4c]{font-size:48px;margin-bottom:10px;opacity:.5}.connection-status[data-v-7b996b4c]{padding:10px 15px;border-top:1px solid #eee;background:#f8f9fa}.status[data-v-7b996b4c]{font-size:12px;display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.status.connected[data-v-7b996b4c]{color:#28a745}.status.connecting[data-v-7b996b4c]{color:#ffc107}.status.disconnected[data-v-7b996b4c]{color:#dc3545}.reconnect-btn[data-v-7b996b4c]{background:#007bff;color:#fff;border:none;border-radius:3px;padding:2px 6px;font-size:10px;cursor:pointer;margin-left:10px}.error[data-v-7b996b4c]{font-size:11px;color:#dc3545;margin-top:5px}.header[data-v-d8f9dacc]{background:#2c3e50;color:#fff;padding:1rem 0;box-shadow:0 2px 4px #0000001a}.container[data-v-d8f9dacc]{max-width:1200px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.logo h1[data-v-d8f9dacc]{margin:0;font-size:1.5rem}.logo-link[data-v-d8f9dacc]{text-decoration:none;color:#fff}.nav[data-v-d8f9dacc]{display:flex;gap:2rem}.nav-link[data-v-d8f9dacc]{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:4px;transition:background-color .3s}.nav-link[data-v-d8f9dacc]:hover,.nav-link.router-link-active[data-v-d8f9dacc]{background-color:#ffffff1a}.user-menu[data-v-d8f9dacc],.user-info[data-v-d8f9dacc]{display:flex;align-items:center;gap:1rem}.auth-buttons[data-v-d8f9dacc]{display:flex;gap:.5rem}.btn[data-v-d8f9dacc]{padding:.5rem 1rem;border-radius:4px;text-decoration:none;font-size:.9rem;border:none;cursor:pointer;transition:all .3s}.btn-primary[data-v-d8f9dacc]{background:#3498db;color:#fff}.btn-outline[data-v-d8f9dacc]{background:transparent;color:#fff;border:1px solid white}.btn-logout[data-v-d8f9dacc]{background:#e74c3c;color:#fff}.btn[data-v-d8f9dacc]:hover{opacity:.8}.footer[data-v-f0f78499]{background:#34495e;color:#ecf0f1;padding:2rem 0 1rem;margin-top:auto}.container[data-v-f0f78499]{max-width:1200px;margin:0 auto;padding:0 1rem}.footer-content[data-v-f0f78499]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-bottom:2rem}.footer-section h3[data-v-f0f78499],.footer-section h4[data-v-f0f78499]{margin-bottom:1rem;color:#3498db}.footer-section ul[data-v-f0f78499]{list-style:none;padding:0}.footer-section ul li[data-v-f0f78499]{margin-bottom:.5rem}.footer-section ul li a[data-v-f0f78499]{color:#bdc3c7;text-decoration:none;transition:color .3s}.footer-section ul li a[data-v-f0f78499]:hover{color:#3498db}.footer-bottom[data-v-f0f78499]{border-top:1px solid #4a5f7a;padding-top:1rem;text-align:center}.footer-bottom p[data-v-f0f78499]{margin:0;color:#95a5a6}#app[data-v-5f3d26f3]{min-height:100vh;display:flex;flex-direction:column}.main-content[data-v-5f3d26f3]{flex:1;padding:20px}:root{font-family:Inter,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;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}