@import"https://fonts.googleapis.com/css2?family=Inria+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Inria Sans,sans-serif;background-color:#212529;color:#fff}ul{list-style:none}a{color:#fff;text-decoration:none;transition:.3s}.form-group{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px}.form-group input,.form-group select,.form-group textarea{width:100%;height:40px;outline:none;background-color:transparent;border:none;border-bottom:1px solid #fff;color:#fff;font-size:16px}.form-group input option,.form-group select option,.form-group textarea option{color:#000}.form-group textarea{height:300px}.form-group img{width:200px;border-radius:10px;border:1px solid #444444}.form-group-inner{display:grid;grid-template-columns:20px 300px 150px;align-items:center;gap:10px}.form-group-inner.price{grid-template-columns:300px 150px 150px}.btn{width:100%;height:40px;border-radius:6px;font-size:16px;transition:.3s;border:none}.btn:hover{transform:translateY(1px)}.btn:disabled{background-color:#000!important;transform:translateY(0)}.main{padding:20px;width:100%;height:100vh;overflow-y:auto}.login{width:400px;background-color:#0009;padding:40px;color:#fff;border-radius:12px}.login-wrp{height:100vh;display:flex;align-items:center;justify-content:center}.login form{padding:20px 0;display:flex;gap:20px;flex-direction:column}.sidebar{width:15%;border-right:1px solid #444444;height:100vh;position:relative}.sidebar .brand{padding:20px 10px;border-bottom:1px solid #444444}.sidebar .logout{padding:20px 10px;border-top:1px solid #444444;position:absolute;width:100%;bottom:0;left:0}.sidebar .logout .btn{background-color:red;color:#fff;text-transform:uppercase;letter-spacing:3px;font-size:14px}.sidebar .nav{padding:10px 20px}.sidebar .nav-menu{display:flex;flex-direction:column;gap:15px}.sidebar .nav-menu a{display:flex;align-items:center;gap:10px;width:max-content;box-sizing:content-box;border-bottom:1px solid transparent}.sidebar .nav-menu a:hover,.sidebar .nav-menu a.active{border-color:#fff}.dashboard{display:flex;gap:20px}.movie{height:max-content}.movie-add h1{text-transform:capitalize}.movie-add .form-group{margin-top:20px}.movie-add .form-group img{width:200px}.movie-add .form-group input,.movie-add .form-group select,.movie-add .form-group textarea{border:1px solid #fff;border-radius:6px;height:50px;padding:10px}.movie-add .form-group textarea{height:300px}.movie-add .form-group .btn{color:#000;max-width:300px}.movie-add ul{background-color:#fff;width:400px;border-radius:6px;margin-top:10px;display:flex;flex-direction:column;max-height:400px;gap:10px;overflow-y:auto;padding:10px 20px}.movie-add ul li{color:#000}.movie-add ul button{width:100%;display:flex;gap:10px;padding:5px}.movie-add ul button img{width:50px;height:50px;border-radius:4px}.movie-add ul button .content{display:flex;flex-direction:column;align-items:flex-start;gap:5px;justify-content:flex-start}.movie-add ul button .content strong{text-align:left}.movie-add-body{display:flex;gap:40px;margin-top:40px}.movie-add-body .left img{width:400px;height:auto;object-fit:contain}.movie-add-body .right{display:flex;flex-direction:column;gap:20px}.movie-add-body .right-top,.movie-add-body .right-mid{display:flex;flex-direction:column;gap:5px;border-bottom:1px solid #444444;padding-bottom:20px}.movie-add-body .right-top h4,.movie-add-body .right-mid h4{font-size:34px;color:#7fffd4}.movie-add-body .right-top span,.movie-add-body .right-mid span{max-width:700px;display:flex}.movie-add-body .right-top span b,.movie-add-body .right-mid span b{width:15%}.movie-add-body .right-bottom .btn{margin-top:20px;width:200px;background-color:#5cb85c;color:#fff}.movie-table{border-collapse:collapse;margin-top:60px}.movie-table tr,.movie-table td,.movie-table th{border:1px solid #fff;padding:10px}.movie-table tr input,.movie-table td input,.movie-table th input{width:50px;height:30px}.movie-table tr img,.movie-table td img,.movie-table th img{height:60px;width:60px;object-fit:cover;border-radius:4px}.movie-table tr a,.movie-table td a,.movie-table th a{background-color:transparent;border:none;font-size:24px;color:#5cb85c}.movie-table th{text-transform:capitalize}.movie-table .action{display:flex;align-items:center;justify-content:center;gap:10px;border:none;margin-top:15px}.movie-table .delete-btn{color:red;background-color:transparent;display:inline}.error-message{color:red;margin-top:20px}.order-edit form{display:flex;flex-direction:column;gap:15px}.order-edit form input,.order-edit form select{background-color:transparent;border:1px solid #444444;color:#fff;padding:10px;margin-left:10px;min-width:100px;width:max-content;border-radius:4px;height:40px}.order-edit form button{background-color:#5cb85c;width:200px;height:50px;border-radius:8px;border:none;color:#fff;font-size:22px;display:inline-block;margin-top:20px}.order-edit .order-details{margin-top:20px}.order-edit .order-details h2{font-size:18px;padding:10px 0}.order-edit .order-details p{padding:5px 0}.order-edit .order-item{display:flex;gap:10px;border:1px solid #444444}.order-edit .order-item p{border-right:1px solid #444444;padding:5px 20px}.order-edit .order-table{width:100%;border-collapse:collapse;margin-top:10px}.order-edit .order-table th,.order-edit .order-table td{padding:10px 15px;text-align:left;border:1px solid #444444}.order-edit .order-table th img,.order-edit .order-table td img{width:60px;height:80px;border-radius:4px;object-fit:contain}.order-edit .order-table th{font-weight:700}.order-edit .order-table td:first-child{text-align:center}