body,html{height:100%;overflow-y:auto}.recordings-container{background-color:#171717;min-height:100%;overflow-y:visible;padding:30px 20px 2rem;color:white;margin-top:50px;width:865px;margin-left:auto;margin-right:auto}.recordings-header{margin-bottom:30px;font-size:28px;font-weight:600}.recordings-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;margin-top:30px}.recording-card{background-color:#232323;border-radius:8px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.2);display:flex;flex-direction:column;height:100%;width:100%}.recording-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px rgba(0,0,0,.2)}.recording-card:hover .play-indicator{background-color:rgba(0,0,0,.8);transform:scale(1.1)}.recording-card-content{padding:16px;flex-grow:1;display:flex;flex-direction:column}.recording-title{font-size:18px;font-weight:600;margin-top:0;margin-bottom:8px;color:#fff}.recording-date{color:rgba(255,255,255,.6);font-size:14px;margin-bottom:12px}.recording-duration{margin-left:5px;opacity:.8}.recording-link{display:inline-block;background-color:#4285f4;color:white;padding:8px 16px;border-radius:4px;text-decoration:none;font-weight:500;transition:background-color .2s ease;margin-top:10px}.recording-link:hover{background-color:#3367d6}.loading-spinner{border-radius:50%;border:3px solid rgba(255,255,255,.3);border-top-color:#4a86e8;width:30px;height:30px;animation:spin 1s linear infinite;margin:0 auto}.loading-container{display:flex;justify-content:center;align-items:center;flex-direction:column;height:200px}.loading-text{margin-top:15px;color:rgba(255,255,255,.7)}.error-container{background-color:rgba(220,38,38,.1);border-left:4px solid #dc2626;padding:16px;margin-bottom:20px;color:#f87171;border-radius:3px}.error-title{font-weight:600;margin-bottom:8px}.retry-button{display:inline-block;margin-top:10px;background-color:#dc2626;color:white;padding:8px 12px;border-radius:4px;font-size:14px;cursor:pointer;border:none}.retry-button:hover{background-color:#b91c1c}.empty-state{background-color:rgba(234,179,8,.1);border-left:4px solid #eab308;padding:16px;color:#fbbf24;border-radius:3px}.auth-required{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;text-align:center}.auth-title{font-size:24px;font-weight:600;margin-bottom:15px}.auth-message{margin-bottom:20px;color:rgba(255,255,255,.7)}.auth-buttons{display:flex;gap:16px;margin-top:20px;justify-content:center}.sign-in-button{background-color:#4a86e8;color:white;padding:10px 20px;border-radius:6px;text-decoration:none;font-weight:500;transition:background-color .2s}.sign-in-button:hover{background-color:#3a76d8}.create-account-button{display:inline-block;padding:10px 20px;background-color:transparent;color:#3182ce;border:2px solid #3182ce;border-radius:4px;font-weight:500;text-decoration:none;transition:all .2s ease}.create-account-button:hover{background-color:rgba(49,130,206,.1);box-shadow:0 2px 5px rgba(49,130,206,.2)}.recording-thumbnail{position:relative;width:100%;height:180px;background-color:#1a1a1a;overflow:hidden;display:flex;align-items:center;justify-content:center}.recording-thumbnail img{width:100%;height:100%;object-fit:cover}.no-thumbnail{background-color:#333;display:flex;align-items:center;justify-content:center}.no-thumbnail img{width:60px;height:60px;object-fit:contain}.recording-duration-badge{position:absolute;bottom:10px;right:10px;background-color:rgba(0,0,0,.7);color:white;padding:3px 8px;border-radius:4px;font-size:12px;font-weight:500}.thumbnail-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#333}.thumbnail-placeholder svg{width:50px;height:50px;color:#888}.play-indicator{width:60px;height:60px;background-color:rgba(0,0,0,.6);border-radius:50%;display:flex;justify-content:center;align-items:center}.thumbnail-link{display:block;width:100%;cursor:pointer;text-decoration:none;color:inherit;border-radius:6px 6px 0 0;overflow:hidden}.recordings-header-container{display:flex;flex-direction:column;margin-bottom:20px}.date-range-display{color:#aaa;font-size:16px;margin-top:5px}.pagination-controls{margin-top:30px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 0 30px}.pagination-button{background-color:#333;color:#fff;border:none;border-radius:4px;padding:8px 16px;font-size:14px;cursor:pointer;transition:background-color .2s}.pagination-button:hover:not(.disabled){background-color:#444}.pagination-button.disabled{opacity:.5;cursor:not-allowed}.pagination-info{padding:8px 16px;background-color:#222;border-radius:4px;font-size:14px;color:#fff}.pagination-button.active{background-color:#3a8af9;color:white;font-weight:700;position:relative}.pagination-button.active:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid #3a8af9}.recordings-container{padding-bottom:60px}.date-range-selector{margin-top:30px;padding-bottom:20px}.date-selector-title{font-size:18px;font-weight:500;margin-bottom:15px;color:#ccc;text-align:center}.date-range-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:900px;margin:0 auto}.date-range-box{background-color:#222;border:1px solid #333;border-radius:8px;padding:12px 16px;min-width:160px;cursor:pointer;text-align:center;transition:all .2s ease}.date-range-box:hover{background-color:#333;border-color:#444}.date-range-box.active{background-color:#3a8af9;border-color:#4a9aff}.date-range-label{font-weight:700;margin-bottom:5px;font-size:14px;color:white}.date-range-box.active .date-range-label{color:white}.date-range-dates{font-size:13px;color:#ddd}.date-range-box.active .date-range-dates{color:white}@media (max-width:768px){.recordings-grid{grid-template-columns:repeat(2,1fr)}.recordings-header{font-size:24px}}@media (max-width:500px){.recordings-grid{grid-template-columns:1fr}.recordings-container{padding:20px 15px}}#__next,main{height:auto;min-height:100%;overflow-y:visible}.video-thumbnail-container{position:relative;width:100%;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.thumbnail-video{width:auto;height:100%;min-width:100%;object-fit:cover;object-position:center}.play-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.3);transition:background-color .3s ease}.recording-card:hover .play-overlay{background-color:rgba(0,0,0,.5)}.play-button{width:60px;height:60px;border-radius:50%;background-color:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background-color .2s ease}.recording-card:hover .play-button{transform:scale(1.1);background-color:rgba(66,133,244,.8)}.recordings-header{margin-bottom:15px}.fallback-thumbnail{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;background-color:#171717}.fallback-thumbnail .thumbnail-image{width:auto;height:100%;min-width:100%;object-fit:cover;object-position:center}.refresh-button{background-color:#2684FF;color:white;border:none;border-radius:6px;padding:8px 16px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px}.refresh-button:hover{background-color:#1a73e8;box-shadow:0 2px 6px rgba(0,0,0,.2)}.refresh-button:disabled{background-color:#2684FF;opacity:.7;cursor:not-allowed}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.refresh-icon{width:16px;height:16px}.refresh-icon.spinning{animation:spin 1.5s linear infinite}