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}:root{--header-clr:#4c2a56;--text-color:#000;--primary-bkg:#4c2a56;--cal-hover:#b38add;--event-clr:#e0e0e0}.App{text-align:center}.App-header{background-color:#4c2a56;background-color:var(--header-clr);color:#fff;flex-direction:column;font-size:calc(10px + 2vmin);min-height:1vh}.App-header,.popup{align-items:center;display:flex;justify-content:center}.popup{background-color:#b38add;background-color:var(--cal-hover);color:#000;color:var(--text-color);left:0;min-height:30px;position:fixed;right:0;top:0;z-index:1000}.popup-close{background:none;border:none}.create-room,.find-room,.log-out{background:#4c2a56;background:var(--primary-bkg);background-color:#b38add;background-color:var(--cal-hover);border-radius:4px;border-style:hidden;color:#000;font-weight:300;margin-bottom:10px;padding:10px 30px}.button-group{display:flex;gap:10px;justify-content:center;margin-top:10px}.find-input{display:inline-block;margin-left:10px}.find-input.hide{display:none}.container{display:flex;justify-content:center;min-height:78.4vh;padding-bottom:0;padding-top:0;width:100%}.main{overflow:visible;padding-left:20px;padding-top:10px}@media screen and (max-width:768px){.main{flex-direction:column}}.left{flex:3 1}.left:after{background-color:#28a745;border-radius:8px;content:"";height:100%;left:-20px;position:absolute;right:-20px;top:20%;z-index:-2}.next,.prev{background-color:initial;border:none;color:#007bff;cursor:pointer;display:inline-block;font-size:24px;transition:color .3s ease}.calendar{padding-top:20px}@media screen and (max-width:768px){.calendar{width:100%}}.month{display:inline-flex;font-size:20px;font-weight:700;justify-content:space-between;margin-bottom:20px;width:95%}.date{font-size:24px}.date,.weekdays{text-align:center}.weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:10px}.weekdays div{font-weight:700;padding:5px}.days{grid-gap:0;display:grid;grid-template-columns:repeat(7,1fr);height:500px}@media screen and (max-width:768px){.days{height:400px;width:100%}}.day{align-items:center;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:22px}@media screen and (max-width:768px){.day{padding:0}}.day:hover{background-color:var(--cal-hover);color:var(--primary-bkg)}.today{color:#fff}.days .has-event,.today{background-color:var(--primary-bkg)}.date-input{border:1px solid #ddd;border-radius:4px;font-size:14px;padding:5px;width:100px}.event-details{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;flex:2 1;padding:20px}.today-date{margin-bottom:20px}.event-day{font-size:18px;font-weight:700}.event-date{color:#888;font-size:16px}#current-time{color:#444;font-size:14px;margin-bottom:20px}.event-dropdowns{margin-bottom:10px}.dropdown,.event-dropdowns{overflow:auto;position:relative}.dropdown{margin-bottom:20px;min-height:130px}.dropbtn{background-color:var(--primary-bkg);border:none;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px;position:sticky;text-align:center;top:0;width:100%;z-index:1000}.dropdown-content{background-color:#fff;border-radius:4px;box-shadow:0 4px 6px #0000001a;max-height:250px;overflow-y:auto;padding:10px;position:absolute;width:100%}.dropdown:hover .dropdown-content{display:block}.dropdown-content div{padding:5px 0}.events .event{background-color:var(--event-clr);margin-top:10px;overflow:auto}.events .title{align-items:center;display:flex}.event .title i{color:#28a745;margin-right:10px}.event-title{font-weight:700}.event-time{color:#555;font-size:14px}.add-event-wrapper{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px #0000001a;overflow:auto;padding:20px}.add-event-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.add-event-header .title{font-size:20px;font-weight:700}.add-event-wrapper input{border:1px solid #ddd;border-radius:4px;font-size:14px;margin:10px 0;padding:8px;width:100%}.add-event-footer{display:flex;justify-content:flex-end}.add-event-btn{font-size:1rem;outline:none;padding:0 10px}.add-event-btn,.delete-event-btn{background-color:var(--primary-bkg);border:none;color:#fff}.delete-event-btn{border-radius:5px;cursor:pointer;margin-top:5px;padding:5px 10px}.delete-event-btn:hover{background-color:#d32f2f}.calendar .goto-today button{background-color:initial;border:1px solid var(--primary-txt);border-radius:4px;cursor:pointer;font-size:14px;padding:5px 10px}.add-event-btn:hover{background-color:#0056b3}.add-event{background-color:var(--primary-bkg);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;margin-top:20px;padding:10px 20px}.add-event:hover{background-color:#0056b3}.add-event i{margin-right:5px}.next-month,.prev-month{background:var(--primary-bkg);border:none;color:var(--primary-txt);padding:10px}.scr-todo{margin-bottom:20px;margin-top:20px}.scr-library,.scr-todo{background:var(--primary-bkg);border:1px solid #fff;color:#fff;padding:15px 45px}.outer{height:100vh;padding-bottom:0;padding-top:0}.main{display:flex;padding:20px}.left{background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px #0000001a;overflow:hidden;position:relative;width:45%}@media screen and (max-width:768px){.left{width:100%}}.left h2{margin-bottom:20px}.left input{border:1px solid #ddd;border-radius:4px;margin-bottom:10px;padding:10px;width:calc(100% - 22px)}.left button{background-color:var(--primary-bkg);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px}.left ul{list-style-type:none;padding:0}.left li{word-wrap:break-word;align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:10px}.left li span{background-color:#ddd;border-radius:4px;cursor:grab;flex:1 1;margin-right:10px;max-width:150px;padding:5px 10px;word-break:break-word}.left li button{background-color:#d32f2f;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:5px 10px}.right li button{background-color:#333;border:none;border-radius:5px;cursor:pointer;padding:5px 10px;position:relative}.right{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;cursor:grab;height:80vh;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none;width:55%}@media screen and (max-width:768px){.right{visibility:collapse}}#canvas{background-image:radial-gradient(#333 1px,#0000 0);background-size:30px 30px;height:3000px;left:50%;top:50%;transform:translate(-50%,-50%);width:3000px}#canvas,#line{position:absolute}#line{background-color:#000;cursor:ew-resize;height:100%;width:2px}.node{background-color:initial;border:2px solid #333;border-radius:50%;cursor:crosshair;height:8px;position:relative;width:8px}.left-node{margin-right:5px}.right-node{margin-left:5px}.right .clear-button{background-color:#fff;border:none;border-radius:3px;color:#fff;cursor:pointer;padding:10px 15px;position:absolute;right:20px;top:20px;z-index:30}.scr-up{margin-top:50px}.top-section{align-items:center;display:flex;gap:20px;margin-bottom:20px}.date-box{background-color:#f0f0f0;border:1px solid #ccc;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#333;font-size:16px;font-weight:700;padding:10px;white-space:nowrap}.room-size{align-items:flex-start;display:flex;flex-direction:column}.room-size h2{font-size:16px;font-weight:700;margin-bottom:10px}.radio-buttons{align-items:center;display:flex;gap:15px}.radio-buttons input[type=radio]{margin-left:15px;margin-right:0}.radio-buttons label{cursor:pointer;font-size:14px;margin-left:0}.room-list-image{height:auto;margin-top:20px;max-width:700px;width:100%}@media (max-width:600px){.top-section{align-items:flex-start;flex-direction:column}.date-box,.room-size{width:100%}.radio-buttons{flex-wrap:wrap}}.scr-up{background:var(--primary-bkg);border-radius:4px;border-style:hidden;color:#fff;margin-top:150px;padding:15px 45px}*{box-sizing:border-box;font-family:Arial,sans-serif}*,body,html{margin:0;padding:0}body,html{background-color:var(--primary-bkg);color:var(--text-color);font-size:14px}.outer,body,html{height:100%;width:100%}.outer{display:flex;justify-content:center;min-height:78.4vh;padding-bottom:3%;padding-top:3%}.main,.outer{overflow:hidden}.main{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:0;position:relative;width:95%}
/*# sourceMappingURL=main.a3a1b84b.css.map*/