#modal{display:flex;justify-content:center;align-items:center}#modal,#modal-background{position:fixed;top:0;right:0;left:0;bottom:0}#modal-background{background-color:rgba(0,0,0,.7)}#modal-content{position:absolute;background-color:#fff,transparent}.form-container{width:750px}.form-group{margin-right:10px}@media screen and (max-width:600px){.form-container{width:100%;padding:10px}.form-group{margin-bottom:15px;margin-right:50px}input,select,textarea{padding:8px;font-size:14px}.submit-button{padding:8px 16px;font-size:14px}}.event-box{width:100%;padding:35px;box-sizing:border-box;overflow-y:auto;max-height:498px;position:relative}.event{display:flex;align-items:center;padding:10px;border-bottom:1px solid #ccc}.event:last-child{border-bottom:none}.event:hover{cursor:pointer;background-color:#f1f1f1}.category-element{margin-top:5px}.create-event-button{display:flex;justify-content:center;margin-top:20px}.line{display:block;border-bottom:1px solid #000;margin-bottom:10px}.title{display:flex;justify-content:center;height:50px;font-size:20px;font-weight:700;background-color:#d8868d;color:#000;border-top-left-radius:50%;border-top-right-radius:50%}.no-events,.title{align-items:center}.no-events{font-weight:600;margin-left:10px;margin-bottom:20px;margin-top:-20px}.no-event-box{display:flex;justify-content:center;flex-direction:row;font-size:26px;padding:10px;background-color:#f5f5f5;border:1px solid #ccc;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.button-box{display:flex}.finance,.form-container{border:1px solid #000}.title.finance{background-color:#7cbd7f;border:0}.finance-box{width:100%;padding:35px;box-sizing:border-box;overflow-y:auto;max-height:498px;position:relative}.finance-item{display:flex;align-items:center;padding:10px;border-bottom:1px solid #000}.finance-item:last-child{border-bottom:none}.finance-item:hover{background-color:#f1f1f1}.category-title-box{display:flex;justify-content:space-around;align-items:center;font-weight:700;padding:10px;background-color:#f5f5f5;border-top-left-radius:10%;border-top-right-radius:10%}.category{margin-top:5px;flex:1 1;flex-direction:column;align-items:flex-start;padding:8px}.category,.create-finance-button{display:flex;justify-content:center}.create-finance-button{margin-top:20px}.context-menu{position:absolute;background-color:#fff;border:1px solid #000;padding:5px;z-index:9999}.context-menu-item{cursor:pointer;padding:5px}.context-menu-item.hovered{background-color:#dfdfdf}.task-container{display:flex;flex-direction:column;align-items:flex-start;margin-top:2%;font-weight:600;flex-wrap:wrap}.task-el{padding:1px}.task-row{display:flex;align-items:center;width:95%}.task-details{flex:1 1;justify-content:space-between;margin-left:15%;margin-top:1%;overflow-x:auto;white-space:nowrap}.edit-button{cursor:pointer}.task-el-detail{overflow-y:auto;max-width:150px}.task-el{cursor:default}.task-title{position:absolute;top:-7.5%;left:50%;right:50%;display:flex;align-items:center;justify-content:center;height:50px;font-size:20px;font-weight:700;z-index:1}.task-delete{color:red;cursor:pointer;margin-left:10px;margin-top:1%}.no-task{margin-top:8%;margin-left:35%;align-self:center;justify-content:space-around;color:red}@media (max-width:1000px){.task-details{flex-wrap:nowrap;margin-left:0}.task-details .task-el{margin-right:20px;margin-left:2px}.task-title{position:static;margin-bottom:10px;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-max-content;width:max-content}}.form-buttons{justify-content:space-between}.delete-button,.submit-button{padding:10px 20px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}.delete-button{background-color:#f44336}.home-container{display:flex;justify-content:space-between;margin-top:3rem}@media (max-width:1000px){.home-container{flex-direction:column;margin-top:1rem}.event-container,.finance-container{width:100%}}.event-container{border:1px solid #d8868d;border-radius:10%;position:relative}.event-container,.finance-container{display:flex;flex-direction:column;justify-content:space-around;width:48%;height:600px;margin:0 auto;box-shadow:0 4px 8px rgba(0,0,0,.1);box-sizing:border-box}.finance-container{border:1px solid #7cbd7f;border-radius:10%}.home-element{justify-content:center;align-content:center;margin-left:28%;font-weight:600;font-size:24px}.title-finance{margin-bottom:10%;padding-bottom:10%;align-self:center}.task-box{border:1px solid #000;background-color:#d8d8d8;border-radius:13%;width:95%;height:250px;padding-left:2rem;position:relative;overflow-y:auto;margin:0 auto}.background{background-color:#d1b3c3}.welcome-box{max-width:800px;margin:0 auto;padding:20px;text-align:center}.welcome-h1{font-size:28px;margin-bottom:20px}.welcome-img{width:200px;height:200px;border-radius:50%;margin-bottom:20px}.welcome-p{margin-bottom:10px}.h2-welcome{font-size:24px;margin-top:30px}.div-welcome{font-size:18px;font-weight:700;margin-top:20px;margin-bottom:30px}h3{margin-top:40px;font-style:italic}@media (max-width:1000px){.event-contain{width:100%}.event-container,.finance-container{width:100%;margin:0 auto}}.footer.signedin{position:absolute;bottom:-275;left:0;right:0;display:flex;justify-content:center;align-items:center;height:-250px;background-color:#f5f5f5;border-top:1px solid #ccc;margin:25px}a{color:#00f}.user-list-container{display:flex;flex-direction:column;align-items:center}.users-container{display:flex;align-items:center;justify-content:space-between;width:300px;padding:10px;margin-bottom:10px;background-color:#f0f0f0;border-radius:8px;cursor:pointer}.add-member-form{display:flex;flex-direction:column;align-items:center}.add-member-form input[type=text]{width:300px;padding:5px;margin-bottom:10px;border-radius:4px}.add-member-form button{padding:5px 10px;border-radius:4px;background-color:#f0f0f0;cursor:pointer}.add-member-form button:hover{background-color:#e0e0e0}.add-member-form .error-message{color:red;margin-top:10px}.members-container{display:flex;flex-direction:column;align-items:center}.members-box{display:flex;align-items:center;justify-content:space-between;width:300px;padding:10px;margin-bottom:10px;background-color:#f0f0f0;border-radius:8px}.element{flex:1 1;padding:5px}select{width:100%;padding:5px;border-radius:4px}select:focus{outline:none}.non-member{padding:10px;color:red}.member-button{font-weight:600}.form-buttons{display:flex;justify-content:center;align-items:center}.submit-button{padding:10px 20px}@media screen and (max-width:600px){.form-container{max-width:100%;padding:10px}.form-group{margin-bottom:15px}input,select,textarea{padding:8px;font-size:14px}.submit-button{padding:8px 16px;font-size:14px}}.confirmation-container{max-width:300px;margin:0 auto;padding:20px;background-color:#f0f0f0;border-radius:8px}.confirmation-text{text-align:center;margin-bottom:20px}.confirmation-buttons{display:flex;justify-content:center;align-items:center}.cancel-button,.confirm-button{padding:10px 20px;margin:0 10px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}.cancel-button{background-color:#f44336}.event-page{display:flex;flex-direction:column;align-items:center}.event-details{margin-bottom:20px;width:80%;border:1px solid #8d8c8c;border-radius:10%;box-shadow:inset;padding:10px}.event-title{padding:10px;font-size:24px;font-weight:700}.upper-right{margin-right:10px;justify-content:flex-end}.event-info,.upper-right{display:flex;align-items:center}.long-members{flex-direction:row;width:250px}.event-date,.event-time,.member-count{margin-right:10px}.member-count{font-size:14px}.event-description{margin-bottom:20px;overflow-wrap:break-word;overflow-y:auto;max-width:500px;max-height:200px;padding:10px;border-radius:10px}.task-section{margin-top:20px;width:100%;border:1px solid #000;border-radius:10px;padding:10px}.task-row{margin-bottom:10px}.task-details{display:flex;align-items:center;grid-gap:80px;gap:80px}.task-el{margin-left:10px}.task-el,.task-el-details,.task-el-title{margin-right:10px}.task-el-details{max-width:250px;min-width:25px;overflow-y:auto;width:250px;max-height:250px;padding:5px}.add-members-button,.add-task-button,.edit-button,.guest-count{margin-right:10px;margin-bottom:10px;margin-top:10px}.add-task-button{display:flex;justify-content:center;margin-top:10px}@media screen and (max-width:1000px){.event-details{flex-direction:column;align-items:center;width:100%;max-width:800px;margin:0 auto}.event-info{flex-direction:column;align-items:flex-start;margin-bottom:10px}.event-date,.event-time,.member-count{margin-right:0;margin-bottom:5px}.event-description{max-width:100%;max-height:none}.buttons{flex-direction:column;align-items:center}.buttons>*{margin-right:0;margin-bottom:10px}}.buttons{display:flex;align-items:center;justify-content:space-evenly;margin-bottom:10px}.buttons>*{margin-right:10px}.form-container{max-width:500px;margin:0 auto;padding:20px;background-color:#f0f0f0;border-radius:8px}h1{text-align:center}.form-group{margin-bottom:20px}input,select,textarea{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px}textarea{height:100px}.submit-button{width:100%;padding:10px;background-color:#4caf50;color:#fff;border:none;border-radius:4px;cursor:pointer}.error-list{list-style-type:none;padding:0;margin-bottom:20px;color:red}.error-list li{margin-bottom:5px}.highlight{border:5px solid red}.login-back{background-color:#faebd7;max-width:400px;margin:0 auto;padding:20px;border:1px solid #ccc;border-radius:10px;background-color:#f2f2f2}.login-back h1{text-align:center;margin-bottom:20px}.login-back form{display:flex;flex-direction:column}.login-back ul{list-style:none;padding:0;margin-bottom:10px}.login-back label{display:block;margin-bottom:10px;font-weight:600}.login-back input{width:100%;padding:8px;border:1px solid #ccc;border-radius:5px}.login-back button[type=submit]{width:100%;padding:8px;border:none;border-radius:5px;background-color:#06c;color:#fff;font-size:16px;cursor:pointer}.login-back button[type=submit]:hover{background-color:#0052a3}.demo-btn{width:100%;padding:8px;border:none;border-radius:5px;background-color:#85c2ff;color:#fff;font-size:16px;cursor:pointer;margin-top:5px}.demo-btn:hover{background-color:rgba(0,118,236,.9254901960784314)}.signup-back{max-width:400px;margin:0 auto;padding:20px;border:1px solid #ccc;border-radius:10px;background-color:#f2f2f2}.signup-back h1{text-align:center;margin-bottom:20px}.signup-back form{display:flex;flex-direction:column}.signup-back ul{list-style:none;padding:0;margin-bottom:10px}.signup-back label{display:block;margin-bottom:10px}.signup-back input{width:100%;padding:8px;border:1px solid #ccc;border-radius:5px}.signup-back button[type=submit]{width:100%;padding:8px;border:none;border-radius:5px;background-color:#06c;color:#fff;font-size:16px;cursor:pointer}.signup-back button[type=submit]:hover{background-color:#0052a3}.error{color:red}@media screen and (max-width:600px){.signup-back{max-width:100%}.signup-back input{width:100%}}body{background-color:#fff;color:#000}.profile-dropdown{position:absolute;z-index:1000;border-radius:25%;display:flex;align-items:center;justify-content:center;margin-left:-100px;background-color:#fff}.profile-dropdown button,.profile-dropdown li{margin:5px}.hidden{display:none}.profile-button{justify-items:flex-end;align-items:flex-end;justify-content:space-between;padding:20px;margin-left:85%}@media (max-width:1500px){.profile-button{margin-left:80%}}@media (max-width:1000px){.profile-button{margin-left:0}}.nav-bar{display:flex;flex-direction:row}li{list-style-type:none}.white-space:not(button){color:#fff}.dark-mode .nav-bar .background-container{background-color:#1e1e1e;color:#fff}.dark-mode .task-box{background-color:grey}.dark-mode .category-title-box{color:#000}
/*# sourceMappingURL=main.96ab2429.chunk.css.map */