body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.horizontal-list-custom{display:flex;justify-content:flex-start;margin:20px auto;padding:5;width:50%}.custom-list-item{background-color:#fff;border:0 solid #ddd;border-radius:6px;flex:1 1;margin:0 calc(var(--spacing)/2);padding:0;text-align:start}.custom-list-item:first-child{margin-left:0}.custom-list-item:last-child{margin-right:0}@media (max-width:768px){.horizontal-list-custom{flex-direction:column;gap:10px}.custom-list-item{margin:0}}.icon-container{align-items:center;display:flex;flex-wrap:nowrap;gap:15px;overflow-x:auto;padding:10px}.icon{border:1px solid #ddd;border-radius:16px;flex-shrink:0;font-size:24px;margin:10px 20px;min-width:24px;padding:1px 10px}.icon svg{flex-shrink:0;height:24px;width:24px}.icon:hover{background-color:#e3f2fd;cursor:pointer}.video-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(500px,1fr));padding-bottom:1rem;width:100%}.video-player{aspect-ratio:16/9;background:#000;border-radius:8px;box-shadow:0 2px 8px #0000001a;overflow:hidden;position:relative}.video-element{height:100%;object-fit:cover;width:100%}.video-info{background:linear-gradient(#0000,#000000b3);bottom:0;color:#fff;font-size:14px;font-weight:500;left:0;padding:12px;position:absolute;right:0}@media (max-width:1200px){.video-grid{grid-template-columns:repeat(auto-fill,minmax(450px,1fr))}}@media (max-width:768px){.video-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:12px}}@media (max-width:480px){.video-grid{gap:8px;grid-template-columns:1fr;padding:8px}}.modern-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden;width:100%}.modern-table thead{background-color:#1976d2}.modern-table th{border-bottom:2px solid #1565c0;color:#fff;font-weight:600;padding:16px;text-align:left}.modern-table td{border-bottom:1px solid #e0e0e0;padding:14px 16px;vertical-align:middle}.modern-table tbody tr:last-child td{border-bottom:none}.modern-table tbody tr:nth-child(2n){background-color:#f8f9fa}.modern-table tbody tr:hover{background-color:#e3f2fd;transition:background-color .2s ease}.modern-table th.sortable:hover{color:#0545a0;cursor:pointer;transition:color .2s ease}.django-pagination{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:1rem;padding:1rem}.pagination-controls{display:flex;gap:.25rem}.page-size-selector{align-items:center;display:flex;gap:.5rem}.page-size-selector select{background:#fff;border:1px solid #ddd;border-radius:4px;padding:.4rem}.loading-cell{color:#6c757d;padding:2rem;text-align:center}.table-search{margin-bottom:1rem;margin-top:1rem}.search-input{border:1px solid #ddd;border-radius:4px;max-width:100%;padding:.75rem;width:300px}.pagination-btn.active{background-color:#0545a0}.search-line{align-items:center;background:#fff;border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-top:1rem;padding:1rem}@media (max-width:768px){.django-pagination{flex-direction:column;text-align:center}.table-search input{width:100%}}.App{margin:0 auto;padding:0 20px}header{align-items:center;display:flex;justify-content:space-between}.login-container{border:1px solid #ddd;border-radius:5px;margin:50px auto;max-width:400px;padding:20px}.login-container form div{margin-bottom:15px}.login-container label{display:block;margin-bottom:5px}.login-container input{border:1px solid #ddd;border-radius:3px;padding:8px;width:100%}.error{color:red;margin:10px 0}.protected-data form{border:1px solid #ddd;border-radius:5px;margin-bottom:30px;padding:20px}.protected-data input,.protected-data textarea{border:1px solid #ddd;border-radius:3px;margin-bottom:10px;padding:8px;width:100%}.protected-data textarea{height:100px}.data-item{border:1px solid #ddd;border-radius:5px;margin-bottom:15px;padding:15px}.data-item h3{margin-top:0}.data-item div{margin-top:15px}button{background-color:#007bff;border:none;border-radius:3px;color:#fff;cursor:pointer;margin-right:5px;padding:8px 15px}button:hover{background-color:#0056b3}.user-info{align-items:center;display:flex;gap:15px;justify-content:space-between}.user-info-item{margin:5px}.user-info span{color:#333;font-weight:700}.navigation{background-color:#2c3e50;box-shadow:0 2px 4px #0000001a;padding:0 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 0}.logo h2{color:#fff;margin:0}.logo a{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}.nav-menu{display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-link{color:#3498db;text-decoration:none;transition:all .3s ease}.nav-link2{color:#fff;text-decoration:none}.nav-link2.active,.nav-link2:hover{color:#2c3e50}.nav-link.active,.nav-link:hover{background-color:#ffffff1a;color:#2c3e50}.burger{cursor:pointer;display:none;flex-direction:column;padding:5px}.burger span{background-color:#fff;height:3px;margin:3px 0;transition:.3s;width:25px}@media screen and (max-width:768px){.burger{display:flex}.nav-menu{align-items:center;background-color:#2c3e50;flex-direction:column;gap:0;height:calc(100vh - 70px);justify-content:flex-start;left:-100%;padding-top:2rem;position:fixed;top:70px;transition:left .3s ease;width:100%}.nav-menu.active{left:0}.nav-item{text-align:center;width:100%}.nav-link{border-radius:0;display:block;width:100%}.burger.active span:first-child{transform:rotate(-45deg) translate(-5px,6px)}.burger.active span:nth-child(2){opacity:0}.burger.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}}.nav-item{position:relative}.dropdown-arrow{font-size:.8em;margin-left:5px}.dropdown-menu{background-color:#fff;border-radius:4px;box-shadow:0 2px 10px #0000001a;left:0;list-style:none;margin:0;min-width:200px;position:absolute;top:100%;z-index:1000}.dropdown-item{margin:0}.dropdown-link{color:#333;display:block;padding:.75rem 1rem;text-decoration:none;transition:background-color .3s ease}.dropdown-link:hover{background-color:#f8f9fa;color:#3498db}
/*# sourceMappingURL=main.eb57f482.css.map*/