body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow:auto}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}::-webkit-scrollbar{width:0}a{color:inherit;text-decoration:none}button{border:none;cursor:pointer;outline:none}body.no-scroll{height:100%;overflow:hidden;position:fixed;width:100%}.app{display:flex;flex-direction:column;position:relative;width:100vw}.app:not(.admin-route){height:100vh;overflow:hidden}.app.admin-route{height:auto;min-height:100vh;overflow:auto}.app-header{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background-color:#0003;display:flex;height:60px;justify-content:space-between;left:0;padding:0 20px;position:fixed;right:0;top:0;transform:translateZ(0);will-change:transform;z-index:100;@supports (-webkit-touch-callout:none){@media screen and (orientation:landscape) and (max-height:500px){backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;background-color:#0000000d!important;font-weight:600!important;height:50px!important;padding-bottom:0!important;padding-left:15px!important;padding-right:15px!important;padding-top:0!important;text-shadow:0 2px 4px #000c!important}}}.app-logo{color:#fff;font-size:1.5rem;font-weight:700}.app-content{flex:1 1;overflow:hidden;position:relative}.loading-spinner{align-items:center;display:flex;height:100px;justify-content:center}@media (max-width:768px){.app-header{height:50px;padding:0 15px}.app-logo{font-size:1.2rem}}.video-library{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin:0 auto;max-width:1400px;padding:20px}.library-header{margin-bottom:30px;text-align:center}.library-header h1{color:#2c3e50;font-size:2.5rem;margin-bottom:10px}.library-header p{color:#7f8c8d;font-size:1.1rem;margin-bottom:20px}.library-controls{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.search-control{display:flex;justify-content:center}.search-input{border:2px solid #e1e8ed;border-radius:25px;font-size:16px;max-width:500px;outline:none;padding:12px 16px;transition:border-color .3s ease;width:100%}.search-input:focus{border-color:#3498db}.filter-controls{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.filter-select,.sort-select{background-color:#fff;border:2px solid #e1e8ed;border-radius:8px;cursor:pointer;font-size:14px;outline:none;padding:10px 15px;transition:border-color .3s ease}.filter-select:focus,.sort-select:focus{border-color:#3498db}.stats-summary{background-color:#f8f9fa;border-radius:10px;display:flex;flex-wrap:wrap;font-weight:500;gap:20px;justify-content:center;margin-bottom:20px;padding:15px}.stats-summary span{color:#2c3e50;font-size:14px}.video-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:30px}.video-card{background:#fff;border:2px solid #e1e8ed;border-radius:12px;padding:20px;position:relative;transition:all .3s ease}.video-card:hover{border-color:#3498db;box-shadow:0 4px 12px #3498db26;transform:translateY(-2px)}.video-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:15px}.video-title{color:#2c3e50;flex:1 1;font-size:1.2rem;margin:0 10px 0 0}.test-result-indicator{cursor:help;flex-shrink:0;font-size:1.5rem}.video-info{margin-bottom:15px}.video-description{color:#7f8c8d;font-size:14px;line-height:1.4;margin-bottom:10px}.video-meta{display:flex;flex-direction:column;gap:5px;margin-bottom:10px}.video-filename,.video-points{color:#95a5a6;font-size:13px}.video-url{color:#3498db;display:inline-block;font-size:13px;margin-top:5px;text-decoration:none}.video-url:hover{text-decoration:underline}.play-video-button{background-color:#3498db;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;padding:12px;transition:background-color .3s ease;width:100%}.play-video-button:hover{background-color:#2980b9}.test-result{border-radius:6px;font-size:14px;margin-top:10px;padding:10px}.test-result.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.test-result.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.test-result small{display:block;font-size:12px;margin-top:5px;opacity:.7}.error-message{padding:20px;text-align:center}.retry-button{background-color:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:10px 20px}.retry-button:hover{background-color:#c0392b}.video-player-modal{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-backdrop{background-color:#000000b3;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0}.modal-content{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;max-height:90vh;max-width:90vw;overflow:hidden;position:relative}.modal-header{align-items:center;background-color:#f8f9fa;border-bottom:1px solid #e1e8ed;display:flex;justify-content:space-between;padding:20px}.modal-header h2{color:#2c3e50;font-size:1.5rem;margin:0}.close-button{background:none;border:none;border-radius:4px;color:#7f8c8d;cursor:pointer;font-size:24px;padding:5px;transition:background-color .3s ease}.close-button:hover{background-color:#e1e8ed;color:#2c3e50}.modal-body{max-height:calc(90vh - 100px);overflow-y:auto;padding:20px}.video-test-info{background-color:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.video-test-info p{color:#2c3e50;font-size:14px;margin:5px 0}.video-test-info strong{color:#34495e}@media (max-width:768px){.video-library{padding:15px}.library-header h1{font-size:2rem}.video-grid{gap:15px;grid-template-columns:1fr}.filter-controls{align-items:center;flex-direction:column}.filter-select,.sort-select{max-width:300px;width:100%}.stats-summary{flex-direction:column;gap:10px;text-align:center}.modal-content{max-height:95vh;max-width:95vw}.modal-body,.modal-header{padding:15px}}@media (max-width:480px){.library-header h1{font-size:1.8rem}.video-card{padding:15px}.video-title{font-size:1.1rem}}
/*# sourceMappingURL=main.786861ae.css.map*/