*{box-sizing:border-box;margin:0;padding:0}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100%;min-height:100vh}.login-view[data-v-fc229166]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:1rem}.login-card[data-v-fc229166]{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:2rem;width:100%;max-width:320px}h1[data-v-fc229166]{color:#fff;text-align:center;margin-bottom:2rem;font-size:1.5rem}.form-group[data-v-fc229166]{margin-bottom:1.5rem}label[data-v-fc229166]{display:block;color:#aaa;margin-bottom:.5rem;font-size:.875rem}input[data-v-fc229166]{width:100%;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;background:#ffffff1a;color:#fff;font-size:1.25rem;text-align:center;letter-spacing:.5rem}input[data-v-fc229166]:focus{outline:none;border-color:#4a90d9}input[data-v-fc229166]::placeholder{letter-spacing:normal;color:#666}.error[data-v-fc229166]{color:#ff6b6b;font-size:.875rem;margin-bottom:1rem;text-align:center}button[data-v-fc229166]{width:100%;padding:.75rem;border:none;border-radius:.5rem;background:#4a90d9;color:#fff;font-size:1rem;cursor:pointer;transition:background .2s}button[data-v-fc229166]:hover:not(:disabled){background:#3a7fc9}button[data-v-fc229166]:disabled{opacity:.5;cursor:not-allowed}.cameras-view[data-v-461188b2]{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:1rem}header[data-v-461188b2]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}h1[data-v-461188b2]{color:#fff;font-size:1.5rem;margin:0}.logout[data-v-461188b2]{padding:.5rem 1rem;border:1px solid rgba(255,255,255,.3);border-radius:.5rem;background:transparent;color:#fff;cursor:pointer;font-size:.875rem}.logout[data-v-461188b2]:hover{background:#ffffff1a}.cameras-grid[data-v-461188b2]{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.camera-card[data-v-461188b2]{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:1rem;padding:1.5rem;text-align:center;cursor:pointer;transition:transform .2s,background .2s}.camera-card[data-v-461188b2]:hover{transform:translateY(-4px);background:#ffffff26}.camera-card[data-v-461188b2]:active{transform:translateY(0)}.camera-icon[data-v-461188b2]{width:48px;height:48px;margin:0 auto 1rem;color:#4a90d9}.camera-icon svg[data-v-461188b2]{width:100%;height:100%}.camera-name[data-v-461188b2]{color:#fff;font-size:1rem;font-weight:500}.videos-view[data-v-21dcbd77]{min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);padding:1rem}header[data-v-21dcbd77]{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.back[data-v-21dcbd77]{width:40px;height:40px;border:none;border-radius:50%;background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}.back svg[data-v-21dcbd77]{width:24px;height:24px}h1[data-v-21dcbd77]{color:#fff;font-size:1.25rem;margin:0}.date-picker[data-v-21dcbd77]{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.date-field[data-v-21dcbd77]{flex:1;min-width:140px}.date-field label[data-v-21dcbd77]{display:block;color:#aaa;font-size:.75rem;margin-bottom:.25rem}.date-field input[data-v-21dcbd77]{width:100%;padding:.5rem;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;background:#ffffff1a;color:#fff;font-size:.875rem}.search[data-v-21dcbd77]{align-self:flex-end;padding:.5rem 1rem;border:none;border-radius:.5rem;background:#4a90d9;color:#fff;cursor:pointer;font-size:.875rem}.search[data-v-21dcbd77]:disabled{opacity:.5;cursor:not-allowed}.error[data-v-21dcbd77]{color:#ff6b6b;font-size:.875rem;margin-bottom:1rem;padding:.75rem;background:#ff6b6b1a;border-radius:.5rem}.videos-list[data-v-21dcbd77]{display:flex;flex-direction:column;gap:.5rem}.video-item[data-v-21dcbd77]{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff1a;border-radius:.5rem;cursor:pointer;transition:background .2s}.video-item[data-v-21dcbd77]:hover{background:#ffffff26}.video-info[data-v-21dcbd77]{display:flex;flex-direction:column;gap:.25rem}.video-time[data-v-21dcbd77]{color:#fff;font-size:.875rem}.video-size[data-v-21dcbd77]{color:#888;font-size:.75rem}.video-play[data-v-21dcbd77]{width:32px;height:32px;color:#4a90d9}.video-play svg[data-v-21dcbd77]{width:100%;height:100%}.no-videos[data-v-21dcbd77]{text-align:center;color:#888;padding:2rem}.video-modal[data-v-21dcbd77]{position:fixed;inset:0;background:#000000f2;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;padding:1rem}.video-container[data-v-21dcbd77]{width:100%;max-width:800px;display:flex;flex-direction:column;gap:1rem}.video-container video[data-v-21dcbd77]{width:100%;max-height:70vh;border-radius:.5rem;background:#000}.close-player[data-v-21dcbd77]{padding:.75rem 1.5rem;border:1px solid rgba(255,255,255,.3);border-radius:.5rem;background:transparent;color:#fff;cursor:pointer;font-size:1rem;align-self:center}.close-player[data-v-21dcbd77]:hover{background:#ffffff1a}