@source "../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php";@source "../../storage/framework/views/*.php";@source "../**/*.blade.php";@source "../**/*.js";html,body{padding:0;margin:0}body{font-family:Nunito,sans-serif;background-color:#0d2322;overflow:hidden}.content{width:100vw;height:100vh;overflow-x:hidden;overflow-y:auto}.alert{width:calc(100% - 30px);padding:15px;border-radius:5px;background-color:#f0f0f033;color:#fff;font-size:1rem;font-weight:700}.alert.alert-danger{background-color:#f003;border:1px solid rgba(255,0,0,.5)}header{display:flex;justify-content:space-between;align-items:center}header .account-info{background:#2b7571;padding:10px 15px;border-bottom-right-radius:10px;color:#fff}header .btn-container{background:#2b7571;border-bottom-left-radius:10px;overflow:hidden;display:flex;justify-content:center;gap:10px}header .btn-container a{text-decoration:none}header .btn-container .action-btn{display:flex;justify-content:center;align-items:center;color:#fff;transition:all .2s ease-in-out;padding:5px 10px}header .btn-container .action-btn svg{width:30px;height:30px}header .btn-container .action-btn:hover{background:#399a95;border-radius:5px}@media (max-width: 800px){header{flex-direction:column}header .account-info{width:100%;text-align:center;border-radius:0}header .btn-container{width:100%;border-radius:0}}.spinner{width:48px;height:48px;border:5px solid #FFF;border-bottom-color:#ff3d00;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-container{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;visibility:hidden}.modal-container.active{visibility:visible}.modal-container .modal-content{background-color:#2b7571;border-radius:8px;padding:5px;box-shadow:0 2px 10px #0000001a;position:relative;max-height:80vh;max-width:80vw}.modal-container .modal-content img{width:100%;height:100%;object-fit:contain;border-radius:5px;overflow:hidden;display:block}.modal-container .modal-content .modal-close{position:absolute;top:-20px;right:-20px;cursor:pointer;font-size:20px;color:#102a29;background:#2b7571;outline:none;border:1px solid rgb(56.70625,154.29375,149.01875);padding:0;width:30px;height:30px;border-radius:5px;transition:all .2s ease-in-out}.modal-container .modal-content .modal-close svg{width:100%;height:100%;color:#fff}.modal-container .modal-content .modal-close:hover{background:#1d504d;border-color:#24625f}.modal-container .modal-content.camera-landscape{width:80vw}.modal-container .modal-content.camera-portrait{height:80vh}@media (max-width: 800px){.modal-container .modal-content{max-height:95vh;max-width:95vw}}@media (max-width: 480px){.modal-container .modal-content.camera-landscape{width:85vw}.modal-container .modal-content.camera-portrait{height:unset;width:90vw}}.you-still-watching-model-container{position:absolute;top:0;left:0;width:100vw;height:100vh;background-color:#00000080;display:flex;justify-content:center;align-items:center;visibility:hidden}.you-still-watching-model-container.active{visibility:visible}.you-still-watching-model-container .you-still-watching-model{background-color:#2b7571;border-radius:8px;padding:25px;box-shadow:0 2px 10px #0000001a;position:relative;max-height:80vh;max-width:80vw;display:flex;flex-direction:column;gap:10px}.you-still-watching-model-container .you-still-watching-model h2{margin:0;font-size:24px;color:#fff;text-align:center}.you-still-watching-model-container .you-still-watching-model .buttons{display:flex;justify-content:center;gap:10px}.you-still-watching-model-container .you-still-watching-model .buttons .button{padding:10px 20px;font-size:16px;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s ease-in-out;background:#000;color:#fff}.you-still-watching-model-container .you-still-watching-model .buttons .button:hover{background:#1e1e1e}.title{font-weight:700;margin-bottom:20px;text-align:center;color:#fff}.camera-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:100px;padding-inline:20px}.camera-cards .card{width:300px;border:1px solid rgb(56.70625,154.29375,149.01875);border-radius:10px}.camera-cards .card .card-header{width:calc(100% - 20px);background:#399a95;color:#fff;padding:10px;border-radius:10px 10px 0 0;position:relative}.camera-cards .card .card-header .action-btn{position:absolute;top:10px;right:10px}.camera-cards .card .card-header .action-btn svg{width:20px;height:20px;fill:#fff;cursor:pointer}.camera-cards .card .card-header .action-btn svg:hover{fill:#1d504d}.camera-cards .card .card-image{width:100%;border-radius:0 0 10px 10px;overflow:hidden}.camera-cards .card .card-image img{width:100%;object-fit:contain}.camera-cards .card .spinner-container{flex-direction:column;align-items:center;gap:10px;color:#fff;padding:10px;display:none}.camera-cards .card .error-msg{color:#fff;text-align:center;padding:10px;font-size:1.2rem;flex-direction:column;gap:10px;display:none}.camera-cards .card .error-msg .instructions{font-size:1rem;color:#fff}.camera-cards .card.camera-landscape{width:620px}.camera-cards .card.is-loading .card-image img{display:none}.camera-cards .card.is-loading .spinner-container{display:flex}.camera-cards .card.is-loading .error-msg,.camera-cards .card.has-error .card-image img,.camera-cards .card.has-error .spinner-container{display:none}.camera-cards .card.has-error .error-msg{display:flex}.login-form{display:flex;flex-direction:column;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;padding:30px;background-color:#f0f0f033;border-radius:20px}.login-form .form-title{font-size:2.5rem;font-weight:700;text-align:center;color:#fff;margin-bottom:0}.login-form .form-subtitle{font-size:1.2rem;text-align:center;color:#fff;margin-bottom:30px}.login-form .form-errors:has(.alert){margin-bottom:20px}.login-form form .form-group{display:flex;flex-direction:column;margin-bottom:15px}.login-form form .form-group label{font-size:1.2rem;margin-bottom:5px;color:#fff}.login-form form .form-group input{padding:10px;border:1px solid #ccc;border-radius:5px;font-size:1rem}.login-form form .form-group .btn{margin-top:10px;padding:10px;background-color:#fff;color:#000;border:none;border-radius:5px;cursor:pointer;font-size:1.5rem;transition:all .2s ease-in-out}.login-form form .form-group .btn:hover{background-color:#efefef}
