:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px;--font-size-xs: 14px;--font-size-sm: 15px;--font-size-base: 18px;--font-size-lg: 20px;--font-size-xl: 22px;--font-size-2xl: 26px;--font-size-3xl: 31px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:19px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{text-decoration:none;color:#00bd7e;transition:.4s;padding:3px}@media (hover: hover){a:hover{background-color:#00bd7e33}}@media (min-width: 1024px){body{display:flex;place-items:center}#app{display:grid;grid-template-columns:1fr 1fr;padding:0 2rem}}.home-container[data-v-9889e3e3]{display:flex;flex-direction:column;height:100vh;width:100vw;min-width:100vw;gap:10px;background:linear-gradient(135deg,#667eea,#764ba2);margin:0;position:relative;padding:20px 20px 20px 200px;overflow:hidden}.home-header[data-v-9889e3e3]{display:flex;justify-content:space-between;align-items:center;color:#fff;padding:10px}.home-header h1[data-v-9889e3e3]{margin:0;font-size:32px;font-weight:700}.main-content[data-v-9889e3e3]{display:flex;flex:1;gap:10px}.map-section[data-v-9889e3e3]{flex:3;max-width:1000px;background:#fffffff2;border-radius:12px;padding:20px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:10px;height:calc(100vh - 200px)}.patients-section[data-v-9889e3e3]{flex:1;min-width:300px;background:#fffffff2;border-radius:12px;padding:20px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:10px;height:calc(100vh - 200px)}.section-title[data-v-9889e3e3]{margin:0 0 10px;color:#1f2937;font-size:22px;font-weight:600}.section-header[data-v-9889e3e3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.connection-status[data-v-9889e3e3]{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:500;color:#6b7280}.status-indicator[data-v-9889e3e3]{width:10px;height:10px;border-radius:50%;background:#ef4444;transition:background .3s ease}.status-indicator.connected[data-v-9889e3e3]{background:#10b981}.zones-grid[data-v-9889e3e3]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;height:calc(100% - 40px);overflow-y:auto}.canvas-container[data-v-9889e3e3]{width:100%;border:2px solid #e5e7eb;border-radius:8px;overflow:visible;background:#fff;height:calc(100% - 40px);display:flex;justify-content:center;align-items:center;min-height:400px;position:relative}.canvas-container canvas[data-v-9889e3e3]{cursor:default}.canvas-container:hover canvas[data-v-9889e3e3]{cursor:pointer}.patients-container[data-v-9889e3e3]{display:flex;flex-direction:column;gap:10px;height:calc(100% - 40px);overflow-y:auto;padding-right:5px}.zone-card[data-v-9889e3e3]{background:#fff;border-radius:8px;padding:12px;box-shadow:0 4px 20px #0000001a;border:2px solid transparent;transition:all .3s ease;min-height:160px;overflow:visible}.zone-card-b[data-v-9889e3e3]{height:auto!important;min-height:160px;overflow:visible!important;flex-shrink:0}.zone-card[data-v-9889e3e3]:hover{border-color:#3b82f6;transform:translateY(-2px)}.zone-card-a[data-v-9889e3e3]{border-left:4px solid #3b82f6}.zone-card-b[data-v-9889e3e3]{border-left:4px solid #10b981}.zone-header[data-v-9889e3e3]{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #e5e7eb;gap:8px}.zone-name[data-v-9889e3e3]{margin:0;font-size:18px;font-weight:600;color:#1f2937;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.zone-condition[data-v-9889e3e3],.zone-capacity[data-v-9889e3e3]{font-size:15px;color:#6b7280;background:#f3f4f6;padding:6px 10px;border-radius:6px;white-space:nowrap;flex-shrink:0}.patients-list[data-v-9889e3e3]{max-height:none;overflow-y:visible;display:flex;flex-direction:column;gap:8px}.zone-card-b .patients-list[data-v-9889e3e3],.zone-card .patients-list[data-v-9889e3e3]{max-height:none!important;overflow-y:visible!important;height:auto!important}.patient-item[data-v-9889e3e3]{padding:12px;background:#f8fafc;border-radius:6px;transition:all .2s ease;border:1px solid #e2e8f0;min-height:40px;display:flex;align-items:center;word-break:break-word;overflow-wrap:break-word}.patients-section .patient-item[data-v-9889e3e3]{cursor:pointer}.patients-section .patient-item[data-v-9889e3e3]:hover{background:#e2e8f0;transform:translate(4px);box-shadow:0 2px 8px #0000001a}.patient-item[data-v-9889e3e3]:active{cursor:grabbing}.zone-card-b .patient-item[data-v-9889e3e3]{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:50px}.patient-name[data-v-9889e3e3]{font-weight:500;color:#1f2937;font-size:18px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:underline;text-decoration-color:transparent;transition:text-decoration-color .2s ease}.patient-item:hover .patient-name[data-v-9889e3e3]{text-decoration-color:#3b82f6}.patient-info[data-v-9889e3e3]{font-size:14px;color:#6b7280;background:#e5e7eb;padding:4px 8px;border-radius:4px;white-space:nowrap;flex-shrink:0}.empty-zone[data-v-9889e3e3]{text-align:center;color:#9ca3af;font-style:italic;padding:20px}.more-patients[data-v-9889e3e3]{text-align:center;color:#6b7280;font-size:12px;padding:8px;background:#f3f4f6;border-radius:6px;margin-top:8px}.zone-card.drag-over[data-v-9889e3e3]{border-color:#3b82f6;background:#eff6ff}.patient-item.dragging[data-v-9889e3e3]{opacity:.5;transform:rotate(5deg)}.patients-list[data-v-9889e3e3]::-webkit-scrollbar{width:6px}.patients-list[data-v-9889e3e3]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.patients-list[data-v-9889e3e3]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.patients-list[data-v-9889e3e3]::-webkit-scrollbar-thumb:hover{background:#94a3b8}@media (max-width: 1024px){.home-container[data-v-9889e3e3]{flex-direction:column;height:auto;min-height:100vh;padding:10px 10px 10px 200px}.map-section[data-v-9889e3e3],.patients-section[data-v-9889e3e3]{flex:none;width:100%;max-width:none;min-width:auto;margin:5px}.map-section[data-v-9889e3e3]{order:1}.patients-section[data-v-9889e3e3]{order:2}.canvas-container[data-v-9889e3e3]{min-height:400px}}@media (max-width: 768px){.home-container[data-v-9889e3e3]{padding:80px 10px 150px;gap:10px;height:auto;min-height:calc(100vh - 200px)}.map-section[data-v-9889e3e3],.patients-section[data-v-9889e3e3]{padding:15px;margin:5px}.section-title[data-v-9889e3e3]{font-size:18px}.section-header[data-v-9889e3e3]{flex-direction:column;align-items:flex-start;gap:8px}.connection-status[data-v-9889e3e3]{font-size:13px}.canvas-container[data-v-9889e3e3]{min-height:300px}.zone-card[data-v-9889e3e3]{padding:15px;min-height:120px}.zone-header[data-v-9889e3e3]{flex-direction:column;align-items:flex-start;gap:8px}.zone-name[data-v-9889e3e3]{font-size:15px}.zone-capacity[data-v-9889e3e3]{font-size:13px}.patients-section[data-v-9889e3e3]{min-width:auto}.patient-item[data-v-9889e3e3]{padding:10px;min-height:35px}.zone-card-b .patient-item[data-v-9889e3e3]{flex-direction:column;align-items:flex-start;gap:8px}.patient-name[data-v-9889e3e3]{font-size:14px;white-space:normal;text-overflow:initial}.patient-info[data-v-9889e3e3]{font-size:13px;padding:3px 6px}}.room-popup[data-v-9889e3e3]{position:fixed;background:#fffffffa;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 25px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:16px;min-width:280px;max-width:350px;z-index:9999;pointer-events:auto;font-family:Arial,sans-serif}.popup-header[data-v-9889e3e3]{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.popup-title-section[data-v-9889e3e3]{display:flex;flex-direction:column;gap:4px}.popup-header h4[data-v-9889e3e3]{margin:0;font-size:18px;font-weight:600;color:#1f2937}.last-updated[data-v-9889e3e3]{font-size:15px;color:#6b7280;font-weight:400}.popup-close-btn[data-v-9889e3e3]{background:none;border:none;padding:4px;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.popup-close-btn[data-v-9889e3e3]:hover{background-color:#f3f4f6}.close-icon[data-v-9889e3e3]{font-size:15px;color:#6b7280;font-weight:700;line-height:1}.popup-section[data-v-9889e3e3]{margin-bottom:16px}.popup-section[data-v-9889e3e3]:last-child{margin-bottom:0}.popup-section h5[data-v-9889e3e3]{margin:0 0 8px;font-size:15px;font-weight:600;color:#374151}.environment-section h5[data-v-9889e3e3]{color:#059669}.patients-section h5[data-v-9889e3e3],.patient-data-section h5[data-v-9889e3e3]{color:#dc2626}.environment-data[data-v-9889e3e3]{display:flex;flex-direction:column;gap:4px}.data-item[data-v-9889e3e3]{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:#f8fafc;border-radius:6px}.data-item .label[data-v-9889e3e3]{font-weight:500;color:#6b7280;font-size:14px}.data-item .value[data-v-9889e3e3]{font-weight:600;color:#059669;font-size:14px}.patients-data[data-v-9889e3e3]{display:flex;flex-direction:column;gap:12px}.patients-data-scrollable[data-v-9889e3e3]{display:flex;flex-direction:column;gap:12px;max-height:min(280px,40vh);overflow-y:auto;padding-right:4px}.patient-item[data-v-9889e3e3]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:16px;display:flex;justify-content:space-between;align-items:center}.patient-header[data-v-9889e3e3]{flex-shrink:0}.patient-name[data-v-9889e3e3]{font-weight:600;color:#1f2937;font-size:14px}.device-id[data-v-9889e3e3]{font-size:11px;color:#6b7280;background:#e5e7eb;padding:2px 6px;border-radius:4px}.vital-signs[data-v-9889e3e3]{display:grid;grid-template-columns:1fr 1fr;gap:4px;row-gap:2px}.vital-item[data-v-9889e3e3]{display:flex;align-items:center;gap:4px;font-size:12px}.vital-icon[data-v-9889e3e3]{font-size:14px}.vital-value[data-v-9889e3e3]{font-weight:500;color:#374151}.room-popup[data-v-9889e3e3]{animation:popupFadeIn-9889e3e3 .2s ease-out}@keyframes popupFadeIn-9889e3e3{0%{opacity:0;transform:scale(.95) translateY(5px)}to{opacity:1;transform:scale(1) translateY(0)}}.patients-data-scrollable[data-v-9889e3e3]::-webkit-scrollbar{width:4px}.patients-data-scrollable[data-v-9889e3e3]::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.patients-data-scrollable[data-v-9889e3e3]::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:2px}.patients-data-scrollable[data-v-9889e3e3]::-webkit-scrollbar-thumb:hover{background:#94a3b8}.floating-nav[data-v-034a06f1]{position:fixed;left:20px;top:190px;z-index:9999;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.2);padding:12px 10px;min-width:160px;margin:10px}.nav-container[data-v-034a06f1]{display:flex;flex-direction:column;gap:20px}.nav-header h3[data-v-034a06f1]{margin:0;text-align:center;color:#333;font-size:18px;font-weight:600}.nav-menu[data-v-034a06f1]{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.nav-item[data-v-034a06f1]{display:flex;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;color:#666;border-radius:12px;transition:all .3s ease;font-size:15px;font-weight:500}.nav-item[data-v-034a06f1]:hover{background:#3b82f61a;color:#3b82f6;transform:translate(5px)}.nav-item.active[data-v-034a06f1]{background:#3b82f6;color:#fff}.icon[data-v-034a06f1]{font-size:20px;width:20px;text-align:center}@media (max-width: 768px){.floating-nav[data-v-034a06f1]{inset:auto 10px 20px;transform:none;min-width:auto;padding:15px;z-index:9999}.nav-container[data-v-034a06f1]{flex-direction:row;justify-content:space-around;gap:10px}.nav-header[data-v-034a06f1]{display:none}.nav-menu[data-v-034a06f1]{flex-direction:row;gap:5px}.nav-item[data-v-034a06f1]{flex-direction:column;gap:5px;padding:10px;text-align:center;min-width:60px}.nav-item span[data-v-034a06f1]{font-size:13px}}.modal-overlay[data-v-b83c7afa]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-content[data-v-b83c7afa]{background:#fff;border-radius:16px;max-width:700px;width:100%;max-height:80vh;box-shadow:0 20px 60px #0000004d;overflow:hidden;display:flex;flex-direction:column}.modal-header[data-v-b83c7afa]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.modal-title[data-v-b83c7afa]{margin:0;font-size:20px;font-weight:600;color:#1f2937}.close-btn[data-v-b83c7afa]{background:none;border:none;font-size:20px;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.close-btn[data-v-b83c7afa]:hover{background:#f3f4f6;color:#6b7280}.modal-body[data-v-b83c7afa]{flex:1;overflow-y:auto;padding:20px 24px}.loading[data-v-b83c7afa]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;gap:16px;color:#6b7280}.spinner[data-v-b83c7afa]{width:32px;height:32px;border:3px solid #e5e7eb;border-top:3px solid #3b82f6;border-radius:50%;animation:spin-b83c7afa 1s linear infinite}@keyframes spin-b83c7afa{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error[data-v-b83c7afa]{text-align:center;padding:40px 20px;color:#ef4444}.retry-btn[data-v-b83c7afa]{margin-top:16px;padding:8px 16px;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:14px;transition:background .2s ease}.retry-btn[data-v-b83c7afa]:hover{background:#2563eb}.empty-state[data-v-b83c7afa]{text-align:center;padding:40px 20px;color:#6b7280;font-size:16px}.events-container[data-v-b83c7afa]{display:flex;flex-direction:column;gap:12px}.event-item[data-v-b83c7afa]{border:1px solid #e5e7eb;border-radius:8px;padding:12px;transition:all .2s ease;cursor:pointer}.event-item[data-v-b83c7afa]:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.event-high[data-v-b83c7afa]{border-left:4px solid #ef4444;background:#fef2f2}.event-mid[data-v-b83c7afa]{border-left:4px solid #f59e0b;background:#fffbeb}.event-low[data-v-b83c7afa]{border-left:4px solid #3b82f6;background:#eff6ff}.event-header[data-v-b83c7afa]{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.importance-badge[data-v-b83c7afa]{padding:4px 8px;border-radius:6px;font-size:13px;font-weight:500}.importance-badge.high[data-v-b83c7afa]{background:#fee2e2;color:#dc2626}.importance-badge.mid[data-v-b83c7afa]{background:#fef3c7;color:#d97706}.importance-badge.low[data-v-b83c7afa]{background:#dbeafe;color:#2563eb}.event-time[data-v-b83c7afa]{font-size:13px;color:#6b7280}.event-title-row[data-v-b83c7afa]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px}.event-title[data-v-b83c7afa]{margin:0 12px 0 0;font-size:16px;font-weight:600;color:#1f2937;flex:1}.image-indicator[data-v-b83c7afa]{display:flex;align-items:center;gap:4px;padding:4px 8px;background:#f0f9ff;border:1px solid #bae6fd;border-radius:6px;font-size:13px;color:#0369a1;white-space:nowrap;flex-shrink:0}.image-indicator .icon[data-v-b83c7afa]{font-size:13px}.image-text[data-v-b83c7afa]{font-weight:500}.event-description[data-v-b83c7afa]{margin:0;color:#4b5563;line-height:1.4;font-size:15px}.pagination[data-v-b83c7afa]{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #e5e7eb}.page-btn[data-v-b83c7afa]{padding:8px 16px;background:#f3f4f6;color:#4b5563;border:none;border-radius:8px;cursor:pointer;font-size:15px;transition:all .2s ease}.page-btn[data-v-b83c7afa]:hover:not(:disabled){background:#e5e7eb}.page-btn[data-v-b83c7afa]:disabled{opacity:.5;cursor:not-allowed}.page-info[data-v-b83c7afa]{font-size:14px;color:#6b7280;font-weight:500}.image-modal-content[data-v-b83c7afa]{background:#fff;border-radius:16px;max-width:800px;width:100%;max-height:90vh;box-shadow:0 20px 60px #0000004d;overflow:hidden;display:flex;flex-direction:column}.image-modal-header[data-v-b83c7afa]{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb}.image-modal-title[data-v-b83c7afa]{margin:0;font-size:18px;font-weight:600;color:#1f2937}.image-modal-body[data-v-b83c7afa]{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.event-detail-info[data-v-b83c7afa]{border-bottom:1px solid #e5e7eb;padding-bottom:20px}.event-detail-header[data-v-b83c7afa]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.event-detail-time[data-v-b83c7afa]{font-size:14px;color:#6b7280}.event-detail-content[data-v-b83c7afa]{margin-bottom:16px}.event-detail-description[data-v-b83c7afa]{margin:0;color:#4b5563;line-height:1.6;font-size:15px}.event-image-container[data-v-b83c7afa]{display:flex;justify-content:center;align-items:center;min-height:200px}.event-image[data-v-b83c7afa]{max-width:100%;max-height:400px;border-radius:8px;box-shadow:0 4px 12px #0000001a;object-fit:contain}.pdf-container[data-v-b83c7afa]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;min-height:300px}.pdf-info[data-v-b83c7afa]{margin-bottom:24px}.pdf-icon[data-v-b83c7afa]{font-size:64px;margin-bottom:16px;display:block}.pdf-text[data-v-b83c7afa]{font-size:18px;color:#374151;margin:0 0 8px;font-weight:500}.pdf-filename[data-v-b83c7afa]{font-size:14px;color:#6b7280;margin:0;word-break:break-all;max-width:300px}.download-btn[data-v-b83c7afa]{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600;background:#3b82f6;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.download-btn[data-v-b83c7afa]:hover{background:#2563eb}.download-icon[data-v-b83c7afa]{font-size:18px}.pdf-indicator[data-v-b83c7afa]{background:#fef3c7;border:1px solid #f59e0b;color:#d97706}.no-image[data-v-b83c7afa]{display:flex;justify-content:center;align-items:center;min-height:200px;color:#6b7280;font-size:16px;background:#f9fafb;border-radius:8px;border:2px dashed #d1d5db}.modal-enter-active[data-v-b83c7afa],.modal-leave-active[data-v-b83c7afa]{transition:all .3s ease}.modal-enter-from[data-v-b83c7afa],.modal-leave-to[data-v-b83c7afa]{opacity:0;transform:scale(.9)}@media (max-width: 768px){.modal-overlay[data-v-b83c7afa]{padding:10px}.modal-content[data-v-b83c7afa]{max-width:none;max-height:90vh}.modal-header[data-v-b83c7afa],.modal-body[data-v-b83c7afa]{padding:16px 20px}.event-item[data-v-b83c7afa]{padding:12px}.event-header[data-v-b83c7afa]{flex-direction:column;align-items:flex-start;gap:8px}.pagination[data-v-b83c7afa]{gap:12px}.page-btn[data-v-b83c7afa]{padding:6px 12px;font-size:12px}}.user-info[data-v-4c7cda52]{position:fixed;top:20px;left:20px;z-index:9999;display:flex;flex-direction:column;align-items:center;gap:10px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;padding:10px;box-shadow:0 4px 20px #0000001a;border:1px solid rgba(255,255,255,.2);min-width:160px;margin:10px}.user-details[data-v-4c7cda52]{display:flex;align-items:center;gap:12px}.user-avatar[data-v-4c7cda52]{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:18px}.user-text[data-v-4c7cda52]{display:flex;flex-direction:column;gap:2px}.user-name[data-v-4c7cda52]{font-weight:600;color:#333;font-size:15px}.user-role[data-v-4c7cda52]{font-size:13px;color:#666}.user-actions[data-v-4c7cda52]{display:flex;flex-direction:column;gap:8px;width:100%}.action-btn[data-v-4c7cda52]{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border:none;border-radius:8px;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s ease;width:100%}.event-btn[data-v-4c7cda52]{background:#3b82f6;color:#fff}.event-btn[data-v-4c7cda52]:hover{background:#2563eb;transform:translateY(-1px)}.logout-btn[data-v-4c7cda52]{background:#ef4444;color:#fff}.logout-btn[data-v-4c7cda52]:hover{background:#dc2626;transform:translateY(-1px)}.icon[data-v-4c7cda52]{font-size:15px}@media (max-width: 768px){.user-info[data-v-4c7cda52]{top:10px;left:10px;right:10px;padding:10px 12px;min-width:auto;flex-direction:row;justify-content:space-between;margin:0}.user-text[data-v-4c7cda52]{flex:1}.user-actions[data-v-4c7cda52]{flex-direction:row;gap:8px;width:auto}.action-btn span[data-v-4c7cda52]{display:none}.action-btn[data-v-4c7cda52]{padding:8px;width:auto}}.modal-overlay[data-v-0311a7f9]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal-content[data-v-0311a7f9]{background:#fff;border-radius:16px;max-width:400px;width:100%;box-shadow:0 20px 60px #0000004d;overflow:hidden;border:2px solid transparent}.modal-content.error[data-v-0311a7f9]{border-color:#ef4444;max-width:600px;width:150%;transform:scale(1.5);transform-origin:center}.modal-content.warning[data-v-0311a7f9]{border-color:#f59e0b}.modal-header[data-v-0311a7f9]{display:flex;align-items:center;gap:12px;padding:20px 24px 0;position:relative}.modal-content.error .modal-header[data-v-0311a7f9]{gap:18px;padding:30px 36px 0}.modal-icon[data-v-0311a7f9]{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.modal-content.error .modal-icon[data-v-0311a7f9]{width:60px;height:60px;font-size:30px}.modal-icon.success[data-v-0311a7f9]{background:#dcfce7}.modal-icon.error[data-v-0311a7f9]{background:#fee2e2}.modal-icon.warning[data-v-0311a7f9]{background:#fef3c7}.modal-icon.info[data-v-0311a7f9]{background:#dbeafe}.modal-title[data-v-0311a7f9]{margin:0;font-size:20px;font-weight:600;color:#1f2937;flex:1}.modal-content.error .modal-title[data-v-0311a7f9]{font-size:30px}.queue-info[data-v-0311a7f9]{background:#f3f4f6;color:#6b7280;font-size:13px;padding:4px 8px;border-radius:6px;font-weight:500}.modal-content.error .queue-info[data-v-0311a7f9]{font-size:19.5px;padding:6px 12px;border-radius:9px}.close-btn[data-v-0311a7f9]{background:none;border:none;font-size:20px;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.modal-content.error .close-btn[data-v-0311a7f9]{font-size:30px;padding:6px;border-radius:6px}.close-btn[data-v-0311a7f9]:hover{background:#f3f4f6;color:#6b7280}.modal-body[data-v-0311a7f9]{padding:16px 24px}.modal-content.error .modal-body[data-v-0311a7f9]{padding:24px 36px}.modal-body p[data-v-0311a7f9]{margin:0;color:#4b5563;line-height:1.6}.modal-content.error .modal-body p[data-v-0311a7f9]{font-size:18px;line-height:1.7}.modal-image-container[data-v-0311a7f9]{margin-top:16px;text-align:center}.modal-image[data-v-0311a7f9]{max-height:200px;width:auto;border-radius:8px;box-shadow:0 4px 12px #0000001a;object-fit:contain;cursor:pointer;transition:transform .2s ease}.modal-image[data-v-0311a7f9]:hover{transform:scale(1.05)}.modal-pdf-container[data-v-0311a7f9]{display:flex;flex-direction:column;align-items:center;gap:16px;padding:20px;border:2px solid #d1d5db;border-radius:12px;background:#f9fafb}.modal-pdf-info[data-v-0311a7f9]{text-align:center}.modal-pdf-icon[data-v-0311a7f9]{font-size:48px;margin-bottom:12px;display:block}.modal-pdf-text[data-v-0311a7f9]{font-size:48px;font-style:bold;color:#374151;margin:0 0 4px;font-weight:500}.modal-pdf-filename[data-v-0311a7f9]{font-size:6px;color:#6b7280;margin:0;word-break:break-all;max-width:200px}.modal-download-btn[data-v-0311a7f9]{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:500}.image-modal-overlay[data-v-0311a7f9]{position:fixed;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.image-modal-content[data-v-0311a7f9]{background:#fff;border-radius:16px;max-width:90vw;max-height:90vh;width:auto;height:auto;box-shadow:0 20px 60px #00000080;overflow:hidden;display:flex;flex-direction:column}.image-modal-header[data-v-0311a7f9]{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.image-modal-header h3[data-v-0311a7f9]{margin:0;color:#1f2937;font-size:18px;font-weight:600}.image-close-btn[data-v-0311a7f9]{background:none;border:none;font-size:20px;color:#6b7280;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.image-close-btn[data-v-0311a7f9]:hover{background:#e5e7eb;color:#374151}.image-modal-body[data-v-0311a7f9]{padding:24px;display:flex;align-items:center;justify-content:center;overflow:auto}.expanded-image[data-v-0311a7f9]{max-width:100%;max-height:70vh;width:auto;height:auto;border-radius:8px;box-shadow:0 8px 24px #0003;object-fit:contain}.pdf-container[data-v-0311a7f9]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center;min-height:300px}.pdf-info[data-v-0311a7f9]{margin-bottom:24px}.pdf-icon[data-v-0311a7f9]{font-size:64px;margin-bottom:16px;display:block}.pdf-text[data-v-0311a7f9]{font-size:18px;color:#374151;margin:0 0 8px;font-weight:500}.pdf-filename[data-v-0311a7f9]{font-size:14px;color:#6b7280;margin:0;word-break:break-all;max-width:300px}.download-btn[data-v-0311a7f9]{display:flex;align-items:center;gap:8px;padding:12px 24px;font-size:16px;font-weight:600}.download-icon[data-v-0311a7f9]{font-size:18px}.modal-footer[data-v-0311a7f9]{display:flex;gap:12px;padding:0 24px 24px;justify-content:flex-end}.btn[data-v-0311a7f9]{padding:10px 20px;border:none;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:14px}.btn-primary[data-v-0311a7f9]{background:#6b7280;color:#fff}.btn-primary[data-v-0311a7f9]:hover{background:#4b5563}.btn-primary.success[data-v-0311a7f9]{background:#6b7280}.btn-primary.success[data-v-0311a7f9]:hover{background:#4b5563}.btn-primary.error[data-v-0311a7f9]{background:#6b7280}.btn-primary.error[data-v-0311a7f9]:hover{background:#4b5563}.btn-primary.warning[data-v-0311a7f9]{background:#6b7280}.btn-primary.warning[data-v-0311a7f9]:hover{background:#4b5563}.btn-secondary[data-v-0311a7f9]{background:#f3f4f6;color:#4b5563}.btn-secondary[data-v-0311a7f9]:hover{background:#e5e7eb}.modal-enter-active[data-v-0311a7f9],.modal-leave-active[data-v-0311a7f9]{transition:all .3s ease}.modal-enter-from[data-v-0311a7f9],.modal-leave-to[data-v-0311a7f9]{opacity:0;transform:scale(.9)}@media (max-width: 480px){.modal-overlay[data-v-0311a7f9]{padding:10px}.modal-content[data-v-0311a7f9]{max-width:none}.modal-footer[data-v-0311a7f9]{flex-direction:column}.btn[data-v-0311a7f9]{width:100%}}.toast-container[data-v-0f913b20]{position:fixed;bottom:20px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:10px;max-width:400px}.toast[data-v-0f913b20]{display:flex;align-items:flex-start;gap:12px;background:#fff;border-radius:12px;padding:16px;box-shadow:0 10px 30px #0003;border-left:4px solid #3b82f6;min-width:300px;max-width:400px;margin:10px}.toast.success[data-v-0f913b20]{border-left-color:#10b981}.toast.error[data-v-0f913b20]{border-left-color:#ef4444}.toast.warning[data-v-0f913b20]{border-left-color:#f59e0b}.toast.info[data-v-0f913b20]{border-left-color:#3b82f6}.toast-icon[data-v-0f913b20]{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:18px}.toast-content[data-v-0f913b20]{flex:1;min-width:0}.toast-title[data-v-0f913b20]{font-weight:600;color:#1f2937;font-size:15px;margin-bottom:4px}.toast-message[data-v-0f913b20]{color:#6b7280;font-size:14px;line-height:1.4}.toast-close[data-v-0f913b20]{flex-shrink:0;background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.toast-close[data-v-0f913b20]:hover{background:#f3f4f6;color:#6b7280}.toast-enter-active[data-v-0f913b20],.toast-leave-active[data-v-0f913b20]{transition:all .3s ease}.toast-enter-from[data-v-0f913b20],.toast-leave-to[data-v-0f913b20]{opacity:0;transform:translate(100%) translateY(20px)}.toast-move[data-v-0f913b20]{transition:transform .3s ease}@media (max-width: 768px){.toast-container[data-v-0f913b20]{bottom:10px;right:10px;left:10px;max-width:none}.toast[data-v-0f913b20]{min-width:auto;max-width:none}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100vw;max-width:100vw;min-width:100vw;overflow-x:hidden;margin:0;padding:0;position:relative}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#1f2937;background:#f8fafc}#app{min-height:100vh;width:100vw;max-width:100vw;min-width:100vw;overflow-x:hidden;position:relative;left:0;right:0;margin:0;padding:0}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border:none;border-radius:8px;font-size:18px;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.btn-secondary{background:#f3f4f6;color:#4b5563}.btn-secondary:hover{background:#e5e7eb}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:transform .3s ease}.slide-enter-from{transform:translate(-100%)}.slide-leave-to{transform:translate(100%)}@media (max-width: 768px){.hidden-mobile{display:none!important}}@media (min-width: 769px){.hidden-desktop{display:none!important}}