*{box-sizing:border-box;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}li{list-style:none}a{text-decoration:none}.sidebar__container{background-color:#000;width:17%;height:100vh}.sidebar__links{flex-direction:column;justify-content:center;gap:20px;margin:100px 20px;font-size:30px;display:flex}.sidebar__link{color:red}.sidebar__link:hover{color:green}.navbar__container{background-color:#181717;width:100%;height:100px}.navbar__links{justify-content:center;align-items:center;gap:100px;padding:30px 0;display:flex}.navbar__link{color:#fff;font-size:30px}.navbar__link:hover{color:red}.father__container__of__nav__side{display:flex}.navbar__in__the__dashboard{width:100%}.edit__modal__container{-webkit-backdrop-filter:blur(40px);width:100%;height:100vh;display:flex;position:absolute;top:0;left:0}.edit__modal__inputs{background-color:#000;border:1px solid;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:500px;height:480px;margin:auto;padding-top:20px;display:flex}input{color:red;background-color:#000;border-radius:10px}input:focus{color:green}.edit__modal__buttons__container{gap:20px;margin:25px 0 0;display:flex}.edit__modal__submit__btn{color:green;background-color:#000;border:5px solid green;border-radius:15px;width:100px;height:40px;font-size:18px;transition:all .4s;box-shadow:0 4px 12px #00800080}.edit__modal__submit__btn:hover{color:#fff;background-color:green;border:5px solid #fff}.edit__modal__submit__btn:active{color:green;background-color:#000;border:5px solid green;box-shadow:0 4px 12px #00800080}.edit__modal__cancel__btn{color:red;background-color:#000;border:5px solid red;border-radius:15px;width:100px;height:40px;font-size:18px;transition:all .4s;box-shadow:0 4px 12px #ff000080}.edit__modal__cancel__btn:hover{color:#fff;background-color:red;border:5px solid #fff}.edit__modal__cancel__btn:active{color:red;background-color:#000;border:5px solid red;box-shadow:0 4px 12px #ff000080}table{border-collapse:collapse;width:100%;height:100vh}th{color:green;background-color:#000;border:5px solid #0ff;padding:12px 50px;font-size:20px;font-weight:700;box-shadow:0 0 20px #0ffc}td{color:green;background-color:#000;border:5px solid #0ff;padding:12px;font-size:20px;font-weight:700;box-shadow:0 0 20px #0ffc}td:first-child{text-align:center;font-size:30px;font-weight:700}td:nth-child(2),td:nth-child(3),td:nth-child(4),td:nth-child(5){text-align:center}td:nth-child(6){width:270px}.table__buttons{flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.table__view__btn{color:green;background-color:#000;border:3px solid green;border-radius:20px;width:100px;height:40px;font-size:18px;font-weight:700;transition:all .5s;box-shadow:0 4px 12px #00800080}.table__view__btn:hover{color:#fff;background-color:green;border:3px solid #fff}.table__view__btn:active{color:green;background-color:#000;border:3px solid green;box-shadow:0 4px 12px #00800080}.table__edit__btn{color:#ff0;background-color:#000;border:3px solid #ff0;border-radius:20px;width:100px;height:40px;font-size:18px;font-weight:700;transition:all .5s;box-shadow:0 4px 12px #ffc10799}.table__edit__btn:hover{color:#000;background-color:#ff0;border:3px solid #000}.table__edit__btn:active{color:#ff0;background-color:#000;border:3px solid #ff0;box-shadow:0 4px 12px #ffc10799}.table__delete__btn{color:red;background-color:#000;border:3px solid red;border-radius:20px;width:100px;height:40px;font-size:18px;font-weight:700;transition:all .5s;box-shadow:0 4px 12px #ff000080}.table__delete__btn:hover{color:#fff;background-color:red;border:3px solid #fff}.table__delete__btn:active{color:red;background-color:#000;border:3px solid red;box-shadow:0 4px 12px #ff000080}.table__add__btn__container{background-color:#1e2230;justify-content:end;padding:20px;display:flex}.table__add__btn{color:green;background-color:#000;border:4px solid green;border-radius:15px;width:200px;height:40px;font-size:22px;font-weight:700;transition:all .4s;box-shadow:0 0 20px #0f0c}.table__add__btn span{font-size:24px;font-weight:900}.table__add__btn:hover{color:#fff;background-color:green;border:4px solid #fff}.table__add__btn:active{color:green;background-color:#000;border:4px solid green;box-shadow:0 4px 12px #00800080}.add__modal__container{-webkit-backdrop-filter:blur(40px);width:100%;height:100vh;display:flex;position:absolute;top:0;left:0}.add__modal__inputs{background-color:#000;border:1px solid;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:12px;width:500px;height:480px;margin:auto;padding-top:20px;display:flex}input{width:400px;height:50px;padding:0 20px;font-size:22px}.add__modal__buttons__container{gap:20px;margin:25px 0 0;display:flex}.add__modal__submit__btn{color:green;background-color:#000;border:4px solid green;border-radius:15px;width:100px;height:40px;font-size:18px;transition:all .4s;box-shadow:0 4px 12px #00800080}.add__modal__submit__btn:hover{color:#fff;background-color:green;border:4px solid #fff}.add__modal__submit__btn:active{color:green;background-color:#000;border:4px solid green;box-shadow:0 4px 12px #00800080}.add__modal__cancel__btn{color:red;background-color:#000;border:4px solid red;border-radius:15px;width:100px;height:40px;font-size:18px;transition:all .4s;box-shadow:0 4px 12px #ff000080}.add__modal__cancel__btn:hover{color:#fff;background-color:red;border:4px solid #fff}.add__modal__cancel__btn:active{color:red;background-color:#000;border:4px solid red;box-shadow:0 4px 12px #ff000080}.view__modal__container{-webkit-backdrop-filter:blur(20px);z-index:999;width:100%;height:100vh;display:flex;position:fixed;top:0;left:0}.view__modal__content{color:#fff;text-align:center;background-color:#000;border-radius:20px;flex-direction:column;gap:10px;width:450px;margin:auto;padding:25px;display:flex;box-shadow:0 0 25px #000000b3}.view__modal__image{border-radius:15px;width:100%;height:220px}.view__modal__title{margin-top:10px;font-size:26px}.view__modal__content span{color:#0f9;font-weight:700}.view__modal__close__btn{color:red;background-color:#000;border:5px solid red;border-radius:10px;margin-top:15px;padding:10px;font-size:21px;transition:all .8s;box-shadow:0 4px 15px #f009}.view__modal__close__btn:hover{color:#fff;background-color:red;border:5px solid #fff}.view__modal__close__btn:active{color:red;background-color:#000;border:5px solid red;box-shadow:0 4px 15px #f009}