@charset "UTF-8";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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.back-header{background-color:#878787;background-color:#f8f9fa;border-bottom:1px solid #ddd;padding:8px 16px}.back-button,.back-header{align-items:center;display:flex}.back-button{background:none;border:none;color:#000;cursor:pointer;font-size:16px;font-weight:800;margin-right:20px;transition:opacity .2s}.back-button:hover{opacity:.8}.back-title{font-size:18px;font-weight:700}.homePage{align-items:center;background-color:#f0f0f0;display:flex;flex-direction:column;height:calc(100vh - 80px);padding:20px;width:100%;.postContents{background-color:#fff;border-radius:10px;box-shadow:5px 5px 5px #cdcdcd;height:auto;margin:10px;max-height:600px;padding:10px;width:600px}.postheader{margin-top:5px;text-align:center}.postTextContainer{word-wrap:break-word;height:auto;max-height:400px;width:100%}}.nameAndDeleteButton{align-items:center;display:flex;button{background-color:#f7acac;border:none;border-radius:5px;box-shadow:3px 3px 3px #cdcdcd;flex:10% 1;height:40px;margin-left:10px;&:hover{background-color:#f99b9b;box-shadow:none;transform:translateY(3px)}}h3{flex:90% 1}}.createPostPage{align-items:center;height:90vh}.createPostPage,.postcontainer{display:flex;justify-content:center}.postcontainer{background-color:#e0dcdc;border-radius:5px;box-shadow:5px 5px 5px #cdcdcd;flex-direction:column;gap:10px;height:400px;padding:40px;width:500px;h1{margin:5px}input{height:30px;outline:none;width:100%}textarea{height:120px;outline:none;width:100%}button{background-color:#c8c8c8;border-radius:5px;box-shadow:5px 5px 5px #aaa;transition:.3s;&:hover{box-shadow:none;transform:translateY(2px);transition:.2s}}}.login-container{align-items:center;background:linear-gradient(135deg,#e8f0fe,#fff);display:flex;font-family:Segoe UI,sans-serif;height:100vh;justify-content:center}.login-box{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000001a;padding:40px 60px;text-align:center}.login-title{color:#333;font-size:20px;font-weight:600;margin-bottom:30px}.google-login-btn{align-items:center;background-color:#4285f4;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;gap:8px;justify-content:center;padding:12px 24px;transition:all .25s ease}.google-login-btn:hover{background-color:#357ae8;box-shadow:0 3px 8px #4285f44d;transform:translateY(-2px)}.google-login-btn:active{box-shadow:none;transform:translateY(0)}.logout-container{align-items:center;background:linear-gradient(135deg,#ffe8e8,snow);display:flex;font-family:Segoe UI,sans-serif;height:100vh;justify-content:center}.logout-box{background:#fff;border-radius:16px;box-shadow:0 4px 16px #0000001a;padding:40px 60px;text-align:center}.logout-title{color:#333;font-size:20px;font-weight:600;margin-bottom:30px}.logout-btn{background-color:#e53935;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:all .25s ease}.logout-btn:hover{background-color:#c62828;box-shadow:0 3px 8px #e539354d;transform:translateY(-2px)}.logout-btn:active{box-shadow:none;transform:translateY(0)}nav{align-items:center;background-color:#878787;display:flex;gap:45px;height:50px;justify-content:center}nav a{color:#fff;text-decoration:none;transition:.3s;svg{margin-left:5px;margin-right:5px}}nav a.active{background-color:#fff;border-radius:6px;color:#007bff;font-weight:700;padding:4px 8px}nav a:hover{background-color:#ffffff1a;border:1px solid #fff;border-radius:6px;color:#007bff;font-weight:600;padding:8px;text-shadow:#f9f9f9}.navbar{background-color:#f9f9f9;display:flex;gap:20px;padding:10px}.dropdown{margin:0;position:relative}.dropdown-toggle{color:#fff;cursor:pointer;margin-bottom:0}.dropdown-toggle.active{background-color:#fff;border-radius:6px;color:#007bff;font-weight:700;padding:8px}.dropdown-menu{background-color:#fff;border:1px solid #ccc;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;left:0;margin:2px 10px;padding:8px 12px;position:absolute;top:100%;white-space:nowrap;width:-webkit-max-content;width:max-content;z-index:999}.dropdown-menu a{color:#333;padding:6px 0;text-decoration:none}.dropdown-menu a:hover{color:#007bff}.navbar-header{color:#444;display:flex;font-size:.85rem;justify-content:flex-end;padding:4px 12px}.navbar-user-info{background-color:#fff;border-radius:15px;font-weight:700;margin-right:auto;padding:5px}.navbar-container{align-items:center;display:flex}.navbar-left{gap:16px;padding-left:100px}.navbar-left,.navbar-right{align-items:center;display:flex;padding-right:100px}.navbar-right{gap:12px}.navbar-project-info{align-items:center;background-color:#b49e68;border:#f9f9f9;border-radius:5px;color:#000;display:flex;font-weight:700;gap:6px;margin-right:16px;padding:8px}.navbar-project-info span{font-size:.9rem}#left{border-right:1px solid #ccc;float:left;height:calc(100% - 60px);width:15%}#left1{border-bottom:1px solid #ccc;height:15%;width:100%}#left2{height:90%;width:100%}#right{float:left;height:calc(100% - 60px);width:85%}.fa-p{color:#ce5c5c!important}.fa-e,.fa-etsy{color:#4343d6!important}.fa-circle{color:#1aa21a!important}.jstree-disabled{color:#aaa!important;opacity:.6;pointer-events:none}.jstree-disabled:hover{background:none!important;cursor:not-allowed}.jstree-disabled>.jstree-icon{filter:grayscale(100%);opacity:.5}.jstree-wholerow{display:inline-block;height:24px;line-height:24px;padding-right:24px;position:relative}.edit-icon{color:#007bff;cursor:pointer;position:absolute;right:15px;top:10px;transform:translateY(-50%);z-index:10}.edit-icon:hover{color:#0056b3}.edit-icon svg{height:14px;width:14px}.main-container{height:100%;margin:0 auto;width:100vw}.buttonArea,.main-container{display:flex;justify-content:center}.buttonArea{background:#ddd;margin-bottom:5px;padding:10px}.button{align-items:center;background-color:#f5f5f5;color:#000;font-size:big;font-weight:500;height:30px;justify-content:center;margin:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:50%}.treeView{flex:1 1;overflow-y:auto}.treeview-area{border-right:1px solid #ccc;overflow-y:auto;padding:10px}#jstree .jstree-anchor{font-size:12px}body,html{height:95%;margin:0;padding:0}#header{border-bottom:1px solid #ccc;height:80px;position:-webkit-sticky;position:sticky;top:0;width:100%}.create-button,.edit-button{background-color:#007bff;border:none;color:#fff;width:100px}.create-button:hover,.edit-button:hover{background-color:#0056b3;border:none;color:#fff;width:100px}.create-button:disabled,.edit-button:disabled{background-color:#fff;border:1px solid #ccc;color:gray}.filter-button.others.active{background-color:#fdbf64;color:#000}.filter-area{background-color:#f3f3f3;background-color:var(--g-tick-color);padding:10px}:root{--g-arrow-color:#1f2937;--g-bar-color:#fff;--g-bar-border:#fff;--g-tick-color-thick:#ededed;--g-tick-color:#f3f3f3;--g-actions-background:#f3f3f3;--g-border-color:#ebeff2;--g-text-muted:#7c7c7c;--g-text-light:#fff;--g-text-dark:#171717;--g-progress-color:#dbdbdb;--g-handle-color:#37352f;--g-weekend-label-color:#f9d9e0;--g-expected-progress:#c4c4e9;--g-header-background:#fff;--g-row-color:#fdfdfd;--g-row-border-color:#c7c7c7;--g-today-highlight:#3679ee;--g-popup-actions:#ebeff2;--g-weekend-highlight-color:#f8eeee}.gantt-container{border-radius:8px;flex-direction:column;font-size:12px;height:var(--gv-grid-height);line-height:14.5px;overflow:auto!important;padding-bottom:70px;position:relative;width:100%}.gantt-container .popup-wrapper{background:#fff;border-radius:5px;box-shadow:0 10px 24px -3px #0003;left:0;padding:10px;position:absolute;top:0;width:-webkit-max-content;width:max-content;z-index:1000}.gantt-container .popup-wrapper .title{color:#171717;color:var(--g-text-dark);font-size:.85rem;font-weight:650;line-height:15px;margin-bottom:2px}.gantt-container .popup-wrapper .subtitle{color:#171717;color:var(--g-text-dark);font-size:.8rem;margin-bottom:5px}.gantt-container .popup-wrapper .details{color:#7c7c7c;color:var(--g-text-muted);font-size:.7rem}.gantt-container .popup-wrapper .actions{margin-left:3px;margin-top:10px}.gantt-container .popup-wrapper .action-btn{background-color:#ebeff2;background-color:var(--g-popup-actions);border:none;border-right:1px solid #fff;border-right:1px solid var(--g-text-light);padding:5px 8px}.gantt-container .popup-wrapper .action-btn:hover{background-color:brightness(97%)}.gantt-container .popup-wrapper .action-btn:first-child{border-bottom-left-radius:4px;border-top-left-radius:4px}.gantt-container .popup-wrapper .action-btn:last-child{border-bottom-right-radius:4px;border-right:none;border-top-right-radius:4px}.gantt-container .grid-header{background-color:#fff;background-color:var(--g-header-background);border-bottom:1px solid #c7c7c7;border-bottom:1px solid var(--g-row-border-color);height:calc(var(--gv-lower-header-height) + var(--gv-upper-header-height) + 10px);left:0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.gantt-container .lower-text,.gantt-container .upper-text{text-anchor:middle}.gantt-container .upper-header{height:var(--gv-upper-header-height)}.gantt-container .lower-header{height:var(--gv-lower-header-height)}.gantt-container .lower-text{align-content:center;color:#7c7c7c;color:var(--g-text-muted);font-size:12px;height:calc(var(--gv-lower-header-height)*.8);margin:0 calc(var(--gv-column-width)*.1);position:absolute;text-align:center;width:calc(var(--gv-column-width)*.8)}.gantt-container .upper-text{color:#171717;color:var(--g-text-dark);font-size:14px;font-weight:500;height:calc(var(--gv-lower-header-height)*.66);position:absolute;width:-webkit-fit-content;width:fit-content}.gantt-container .current-upper{background:#fff;left:0!important;padding-left:17px;position:-webkit-sticky;position:sticky}.gantt-container .side-header{background:#fff;background:var(--g-header-background);display:flex;float:right;font-weight:400;line-height:20px;margin-left:auto;padding-right:10px;padding-top:10px;position:-webkit-sticky;position:sticky;right:0;top:0;width:-webkit-max-content;width:max-content;z-index:1000}.gantt-container .side-header *{background-color:#f3f3f3;background-color:var(--g-actions-background);border:none;border-radius:.5rem;box-sizing:initial;color:#171717;color:var(--g-text-dark);font-size:14px;font-weight:420;letter-spacing:.02em;margin-right:5px;padding:5px 8px;text-align:-webkit-center;transition-duration:.15s;transition-property:background-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.gantt-container .side-header :last-child{margin-right:0}.gantt-container .side-header :hover{filter:brightness(97.5%)}.gantt-container .side-header select{padding-right:1.25rem;width:50px}.gantt-container .date-range-highlight{background-color:#dbdbdb;background-color:var(--g-progress-color);border-radius:12px;height:calc(var(--gv-lower-header-height) - 6px);position:absolute;top:calc(var(--gv-upper-header-height) + 5px)}.gantt-container .current-highlight{background:#3679ee;background:var(--g-today-highlight);position:absolute;width:3px;z-index:999}.gantt-container .current-ball-highlight{background:#3679ee;background:var(--g-today-highlight);border-radius:50%;position:absolute;z-index:1001}.gantt-container .current-date-highlight{stroke:red;stroke-width:3px;background:#3679ee;background:var(--g-today-highlight);border-radius:5px;color:#fff;color:var(--g-text-light);z-index:10}.gantt-container .holiday-label{background:#f9d9e0;background:var(--g-weekend-label-color);border-radius:5px;left:0;opacity:0;padding:2px 5px;position:absolute;top:0;z-index:1000}.gantt-container .holiday-label.show{opacity:1}.gantt-container .extras{left:0;position:-webkit-sticky;position:sticky}.gantt-container .extras .adjust{background-color:#000000b3;border:none;border-radius:3px;color:#fff;left:8px;padding:8px;position:absolute;top:calc(var(--gv-grid-height) - 60px)}.gantt-container .hide{display:none}.gantt{position:absolute;user-select:none;-webkit-user-select:none}.gantt .grid-background{fill:none}.gantt .grid-row{fill:#fdfdfd;fill:var(--g-row-color)}.gantt .row-line{stroke:#ebeff2;stroke:var(--g-border-color)}.gantt .tick{stroke:#f3f3f3;stroke:var(--g-tick-color);stroke-width:.4}.gantt .tick.thick{stroke:#ededed;stroke:var(--g-tick-color-thick);stroke-width:.7}.gantt .arrow{fill:none;stroke:#1f2937;stroke:var(--g-arrow-color);stroke-width:1.5}.gantt .bar-wrapper .bar{fill:#fff;fill:var(--g-bar-color);stroke:#fff;stroke:var(--g-bar-border);stroke-width:0;transition:stroke-width .3s ease}.gantt .bar-expected-progress{fill:#c4c4e9;fill:var(--g-expected-progress)}.gantt .bar-invalid{fill:#0000;stroke:#fff;stroke:var(--g-bar-border);stroke-width:1;stroke-dasharray:5}:is(.gantt .bar-invalid)~.bar-label{fill:#fff;fill:var(--g-text-light)}.gantt .bar-label{fill:#171717;fill:var(--g-text-dark);dominant-baseline:central;font-family:Helvetica;font-size:13px;font-weight:400}.gantt .bar-label.big{fill:#171717;fill:var(--g-text-dark);text-anchor:start}.gantt .handle{fill:#37352f;fill:var(--g-handle-color);opacity:0;transition:opacity .3s ease}.gantt .handle.active,.gantt .handle.visible{cursor:ew-resize;opacity:1}.gantt .handle.progress{fill:#7c7c7c;fill:var(--g-text-muted)}.gantt .bar-wrapper{cursor:pointer}.gantt .bar-wrapper .bar{border-radius:3px;outline:1px solid #c7c7c7;outline:1px solid var(--g-row-border-color)}.gantt .bar-wrapper:hover .date-range-highlight{display:block}.gantt .today-highlight{background-color:#ff06}.gantt .bar{background:linear-gradient(135deg,#00bfa5,#00796b);box-shadow:0 2px 4px #00000026}.gantt .grid .grid-header{background:#2c3e50;border-bottom:2px solid #34495e;color:#fff;font-weight:600}.gantt .holiday-highlight{background-color:#e0f7fa!important;z-index:10}[class*=bar-electric]{fill:#fde9ab!important}[class*=bar-air]{fill:#f8b6f8!important}[class*=bar-water]{fill:#a5d2ff!important}[class*=bar-network]{fill:#bcf87b!important}[class*=bar-others]{fill:#fdbf64!important}[class*=_overdue]{stroke:red!important;stroke-width:1}[class*=_completed]{stroke:#ddd!important}.scroll-button{height:38px;width:38px}.completion-filter-buttons button{background-color:#ccc;border:1px solid #ccc;color:#888;cursor:pointer;margin-right:8px;padding:6px 12px}.completion-filter-buttons button.active{background-color:#007bff;border-color:#007bff;color:#fff}.filter-group{background-color:#ddd;border-radius:8px;display:flex;flex-wrap:wrap;gap:0;margin:0 5 16px 5px;padding:8px}.filter-button{background-color:#f0f0f0;border-radius:6px;font-size:.85rem;padding:6px 12px;transition:background-color .2s ease}.filter-button:hover{background-color:#d0e0ff}.filter-button.active{background-color:#007bff;color:#fff}.container{display:block;margin:20px auto!important;padding:.5em 10em;width:100%}.title{font-size:small;height:25px;width:98%}.btn,button{border-radius:5px}.ModalBackground{display:flex!important}.ModalBackground #easyModal{background-color:#fff;border-radius:5px;box-shadow:0 4px 8px #0003;height:90%;margin:3% auto;overflow-y:auto;padding:10px;width:80%}.ModalBackground #easyModal label{background-color:#9dc3e6;display:inline-block;margin:5px;padding:3px;top:0;width:200px}.ModalBackground #easyModal .inputbox{display:flex;margin-left:10px;min-width:60%;padding:8px;width:90%}.ModalBackground #easyModal .inputContainer{display:flex;flex-direction:column;justify-content:flex-start}.ModalBackground #easyModal .inputContainer.hidden{display:none}.modal-content .inputContainer.remark1 textarea{height:200px!important;max-height:150px!important;resize:vertical!important}.inputContainer.remark1 textarea{max-height:150px}.modal-overlay{background:#0006;z-index:999}.modal-content{animation:fadeIn .2s ease-in;border-radius:12px;box-shadow:0 4px 10px #00000040;margin:0 auto;max-height:90vh;max-width:900px;padding:20px 25px;width:90%}@keyframes fadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.close-btn{background-color:#777;border-radius:50%;font-size:18px;height:32px;width:32px}.close-btn:hover{background-color:#555}.title.air{font-size:1.2rem;font-weight:700;margin-bottom:15px;padding-bottom:6px;text-align:center}.EditContainer{grid-gap:12px 16px;box-sizing:border-box;display:grid;gap:12px 16px;grid-template-columns:1fr 1fr;width:100%}.inputContainer{display:flex;flex-direction:column}.inputContainer label{color:#333;font-size:.85rem;margin-bottom:3px}.inputbox,select,textarea{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;font-size:.9rem;padding:5px;width:100%}button[type=submit]{border-radius:6px;grid-column:span 2;margin-top:10px;padding:10px 16px}.delete-btn{background-color:#dc3545;border:none;border-radius:6px;color:#fff;left:15px;padding:6px 12px;position:absolute;top:15px}.delete-btn:hover{background-color:#b02a37}.modal-content::-webkit-scrollbar{width:8px}.modal-content::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}form{margin:0 auto;width:100%}.inputContainer.remark1 textarea{height:200px;resize:vertical}.modal-content{width:300px;z-index:100}.close-btn{align-items:center;background-color:grey;border:none;border-radius:10%;color:#fff;cursor:pointer;display:flex;font-size:24px;height:35px;justify-content:center;padding:0;position:absolute;right:10px;text-align:center;top:10px;width:35px}.modal-content:hover .close-btn{display:block}.close-btn:hover{background-color:#646464}.loading-spinner{color:blue;font-size:18px;text-align:center}.primary-btn{background:#007bff;margin-right:10px}.primary-btn,.secondary-btn{border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px}.secondary-btn{background:#6c757d}form{display:flex;flex-direction:column}label{margin-top:10px}input{border:1px solid #ccc;border-radius:4px;margin-top:5px;padding:5px}button[type=submit]{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px}button[type=submit]:hover{background:#0056b3}#easyModal{display:flex;flex-direction:column}.container{background:#fff;border-top:5px solid #5d627b;box-shadow:3px 3px 5px 3px #00000038;color:#5d627b;margin:50px auto;max-width:100%;overflow-x:auto;padding:.5em 1em;width:90%}.container table{margin:0 auto;width:95%}.title{box-shadow:3px 3px 5px #00000038;color:#494949;font-size:large;font-weight:700;padding:.25em .5em;text-align:center;width:90%}.title.electric{background:#fde9ab;border-left:5px solid #ffd966}.title.air{background:#f8b6f8;border-left:5px solid #f6f}.title.network{background:#bcf87b;border-left:5px solid #92d050}.title.water{background:#a5d2ff;border-left:5px solid #7db4e6}.btn,button{background-color:#9dc3e6;border-width:1px;color:#535353;margin:2px;min-height:25px;padding:3px}.btn.tbl01,.btn.tbl02,.btn.tbl03,.btn.tbl04,button.tbl01,button.tbl02,button.tbl03,button.tbl04{background-color:#9dc3e6;border-radius:10px;height:40px;width:150px}.btn:hover,button{background:#abc9e6;color:#000;cursor:pointer;font-weight:800;margin:2px}.btn:disabled,button:disabled{background-color:#ccc;color:#666;opacity:.5}a.btn--radius{border-radius:100vh}div{margin-bottom:5px}th{background-color:#cdcdcd;color:#494949;max-width:500px;min-width:80px}.right_01header{display:flex;justify-content:right}.right_01header .btn{border-radius:3px;height:40px;width:100px}.right_01header .btn.cancel{background-color:#fff;color:#000}.right_01header .btn.cancel:hover{background-color:#888;font-weight:800}.right_01header .hidden{display:none}.ModalBackground{background-color:#000000b3;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.modal-content{background-color:#fff;border-radius:5px;box-shadow:0 4px 8px #0003;height:90%;margin:3% auto;overflow-y:auto;padding:10px}.modal-content label{background-color:#9dc3e6;display:inline-block;margin:5px;padding:3px;top:0;width:200px}.modal-content .inputbox{display:flex;margin-left:10px;min-width:60%;padding:8px;width:90%}.modal-content .inputContainer{display:flex;flex-direction:column;justify-content:flex-start}.modal-content .inputContainer.hidden{display:none}.ModalBackground textarea{word-wrap:break-word;height:100%;min-height:100px;min-width:60%;overflow-wrap:break-word;white-space:pre-wrap;width:90%;word-break:break-all}.modal_header .Bigbutton{background-color:#fff;border-color:#00bfff;border-width:3px;font-size:medium;height:60px;width:200px}.modal_header .Bigbutton:hover{background-color:#00bfff}.modal-content .inputContainer.remark1 textarea{height:200px;resize:vertical}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker-wrapper{border:0;display:inline-block;padding:0}.react-datepicker{background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;color:#000;display:inline-block;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:normal;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{line-height:0;z-index:1}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative;text-align:center}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__year-dropdown-container--select{display:inline-block;margin:0 15px}.react-datepicker-time__header,.react-datepicker-year-header,.react-datepicker__current-month{color:#000;font-size:.944rem;font-weight:700;margin-top:0}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.react-datepicker__navigation{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:32px;justify-content:center;overflow:hidden;padding:0;position:absolute;text-align:center;text-indent:-999em;top:2px;width:32px;z-index:1}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{display:block;margin-left:auto;margin-right:auto;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{font-size:20px;position:relative;top:-1px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;margin:2px;width:4rem}.react-datepicker__input-time-container{clear:both;float:left;margin:5px 0 10px 15px;text-align:left;width:100%}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{display:inline-block;margin-left:5px}.react-datepicker__time-container{border-left:1px solid #aeaeae;float:right;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.3rem;display:inline;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.3rem;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{border-bottom-right-radius:.3rem;margin:0 auto;overflow-x:hidden;text-align:center;width:85px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:initial;height:calc(195px + .85rem);list-style:none;margin:0;overflow-y:scroll;padding-left:0;padding-right:0;width:100%}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{background-color:#f0f0f0;cursor:pointer}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{background-color:initial;cursor:default}.react-datepicker__week-number{color:#ccc;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{margin-bottom:-8px;white-space:nowrap}.react-datepicker__week{white-space:nowrap}.react-datepicker__day,.react-datepicker__day-name,.react-datepicker__time-name{color:#000;display:inline-block;line-height:1.7rem;margin:.166rem;text-align:center;width:1.7rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{background-color:#3dcc4a;border-radius:.3rem;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{background-color:#ff6803;border-radius:.3rem;color:#fff;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{background-color:#333;border-radius:4px;bottom:100%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{opacity:1;visibility:visible}.react-datepicker__day--in-range,.react-datepicker__day--in-selecting-range,.react-datepicker__day--selected,.react-datepicker__month-text--in-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--selected,.react-datepicker__quarter-text--in-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--selected,.react-datepicker__year-text--in-range,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--selected{background-color:#216ba5;border-radius:.3rem;color:#fff}.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:#bad9f1;border-radius:.3rem;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{color:#ccc;cursor:default}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{background-color:#333;border-radius:4px;bottom:70%;color:#fff;left:50%;opacity:0;padding:4px;position:absolute;transform:translateX(-50%);transition:visibility 0s,opacity .3s ease-in-out;visibility:hidden;white-space:nowrap}.react-datepicker__input-container{display:inline-block;position:relative;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:initial;padding:.5rem;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__month-read-view,.react-datepicker__month-year-read-view,.react-datepicker__year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover,.react-datepicker__year-read-view:hover{cursor:pointer}.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow,.react-datepicker__year-read-view--down-arrow{right:-16px;top:0;transform:rotate(135deg)}.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown,.react-datepicker__year-dropdown{background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;left:25%;position:absolute;text-align:center;top:30px;width:50%;z-index:1}.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover,.react-datepicker__year-dropdown:hover{cursor:pointer}.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable,.react-datepicker__year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__month-option,.react-datepicker__month-year-option,.react-datepicker__year-option{display:block;line-height:20px;margin-left:auto;margin-right:auto;width:100%}.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type,.react-datepicker__year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type,.react-datepicker__year-option:last-of-type{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem;-webkit-user-select:none;user-select:none}.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover,.react-datepicker__year-option:hover{background-color:#ccc}.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected,.react-datepicker__year-option--selected{left:15px;position:absolute}.react-datepicker__close-icon{background-color:initial;border:0;cursor:pointer;display:table-cell;height:100%;outline:0;padding:0 6px 0 0;position:absolute;right:0;top:0;vertical-align:middle}.react-datepicker__close-icon:after{background-color:#216ba5;border-radius:50%;color:#fff;content:"×";cursor:pointer;display:table-cell;font-size:12px;height:16px;line-height:1;padding:2px;text-align:center;vertical-align:middle;width:16px}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{background-color:#ccc;cursor:default}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;clear:left;cursor:pointer;font-weight:700;padding:5px 0;text-align:center}.react-datepicker__portal{align-items:center;background-color:#000c;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:2147483647}.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:3rem;width:3rem}@media (max-height:550px),(max-width:400px){.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__time-name{line-height:2rem;width:2rem}}.react-datepicker__portal .react-datepicker-time__header,.react-datepicker__portal .react-datepicker__current-month{font-size:1.44rem}.react-datepicker__children-container{height:auto;margin:.4rem;padding-left:.2rem;padding-right:.2rem;width:13.8rem}.react-datepicker__aria-live{border:0;-webkit-clip-path:circle(0);clip-path:circle(0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.react-datepicker__calendar-icon{height:1em;vertical-align:-.125em;width:1em}:root{--color-others:#fdbf64;--color-orange:#ffea74;--color-purple:#edfc79;--color-white:#fff}.label-highlight{background-color:#fdbf64}.schedule-container{font-family:Arial,sans-serif;margin:20px}.schedule-table{border-collapse:collapse;width:100%}.schedule-table td,.schedule-table th{border:1px solid #000;padding:8px;text-align:center}.schedule-table th{color:#000}.default-bg{color:#000}.default-bg,.white-bg{background-color:#fff;background-color:var(--color-white)}.save-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-top:10px;padding:8px 12px}.save-button:hover{background-color:#0056b3}.react-datepicker__day--weekend,.saturday{background-color:#e0f7fa}.sunday{background-color:#ffebee}.holiday{background-color:#ffe4e1;background-color:var(--color-holiday-bg,#ffe4e1)}.react-datepicker__header{font-family:Yu Gothic,Hiragino Kaku Gothic Pro,Meiryo,sans-serif}.react-datepicker__day--today{background-color:#d3f9d8;background-color:var(--color-today,#d3f9d8)}.small-datepicker{transform:scale(.9);transform-origin:top left}.react-datepicker-popper{z-index:9999}.small-datepicker .react-datepicker__month-container{padding:.5rem;width:auto}.modal-button{background-color:#007bff;padding:8px 16px}.report-preview{background-color:#f9f9f9;border:1px solid #ccc;border-radius:6px;margin-bottom:2px;padding:.5rem}.modal-overlay{background-color:#00000080;inset:0;z-index:50}.modal{background-color:#fff;border-radius:.5rem;box-shadow:0 10px 15px #0000001a;padding:1.5rem;width:400px}.modal-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.modal-label{display:block;font-weight:500;margin-bottom:1rem}.modal-input{border:1px solid #ccc;border-radius:.375rem;margin-top:.25rem;padding:.5rem;width:100%}.modal-input.read-only{background-color:#f3f4f6}.modal-textarea{border:1px solid #ccc;border-radius:.375rem;margin-top:.25rem;padding:.5rem;resize:none;width:100%}.modal-buttons{display:flex;gap:.5rem;justify-content:flex-end}.btn,button{background-color:#007bff;border-radius:.375rem;font-weight:500}.btn{border:none;color:#fff;cursor:pointer}.btn,.btn.cancel{padding:.5rem 1rem}.btn.cancel{background-color:#d1d5db;border:1px solid #9ca3af;border-radius:.375rem;color:#111827;font-weight:500;transition:background-color .2s ease,box-shadow .2s ease}.btn.cancel:hover{background-color:#9ca3af;color:#fff}.btn.submit{background-color:#2563eb;color:#fff}.btn.submit:hover{background-color:#1d4ed8}.btn.delete{background-color:#fff;border:1px solid #d9534f;border-radius:4px;color:#d9534f;cursor:pointer;margin-left:10px;padding:.5em 1em;transition:all .3s ease}.btn.delete:hover{background-color:#d9534f;color:#fff}.report-preview{color:#374151;font-size:.875rem;margin-top:.5rem;padding:5px}.report-preview p{line-height:1.4;margin:4px 0}.modal-overlay{background:#00000080;z-index:1000}.modal-content{border-radius:8px;max-width:600px;width:80%}.modal-close{background:none;font-size:1.5rem;position:absolute;right:15px;top:10px}.cancel,.register{align-items:center;border-radius:6px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;height:40px;justify-content:center;line-height:1;margin-bottom:0;margin-top:0;min-width:120px;padding:8px 16px;transition:background-color .2s;vertical-align:middle}.register{background-color:#007bff;color:#fff}.register:hover{background-color:#1565c0}.cancel{background-color:#f5f5f5;border:1px solid #ccc;color:#333}.cancel:hover{background-color:#e0e0e0}.modal-body{background-color:#f5f5f5;border-radius:10px}.hidden{display:none!important}.tab-container{height:100%;margin:30px 10px;padding:0}.form-container,.tab-container{display:flex;justify-content:center}.form-container{background:#fff;border-top:5px solid #5d627b;box-shadow:0 3px 5px #00000038;color:#5d627b;height:80vh;margin:30px 0;min-width:600px;padding:.5em 1em}.form-container .column{flex:1 1}.form-container .form-element{align-items:center;display:flex;margin:3px;width:100%}.form-container .form-element p{font-size:xx-small}.form-container .title{background-color:#6ac2c2;height:20px;margin:5px 10px;min-width:150px;padding:3px;width:30%}.form-container .InputBox{height:20px;margin-left:5px;min-width:300px;width:60%;width:250px}.form-container input:checked+label:before{background-color:#73e600}.form-container input:checked+label:after{left:27px}.form-container .textarea{height:80px;margin-bottom:10px;width:300px}.form-container input[type=radio]{margin:10px;transform:scale(1.75)}.modal__background{align-content:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal__background .madal__main{background-color:#fff;border-radius:5px;box-shadow:0 4px 8px #0003;height:90%;left:50%;overflow-y:auto;position:absolute;top:50%;width:100%}.header{display:flex;height:80px;justify-content:right}.header .btn{background-color:#9dc3e6;border-width:1px;color:#535353;font-size:large;margin:2px;min-height:50px;padding:3px;width:100px}.header .btn:hover{background-color:#cce3f9;font-weight:700}.button-group{display:flex;gap:12px;justify-content:flex-end}.button-group button,.button-modalOpen{align-items:center;border-radius:6px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;height:40px;justify-content:center;line-height:1;margin-bottom:0;margin-top:0;min-width:120px;padding:8px 16px;transition:background-color .2s;vertical-align:middle}button.MasterFormCancel{background-color:#f5f5f5;border:1px solid #ccc;color:#333}button.MasterFormCancel:hover{background-color:#e0e0e0}button.MasterFormSubmit,button.button-modalOpen{background-color:#007bff;border:none;color:#fff}button.MasterFormSubmit:hover,button.button-modalOpen:hover{background-color:#1565c0}.MasterFormDelete{background-color:#fff;border:1px solid #d9534f;border-radius:4px;color:#d9534f;cursor:pointer;margin-left:10px;padding:.5em 1em;transition:all .3s ease}.MasterFormDelete:hover{background-color:#d9534f;color:#fff}.file-upload-manager{max-width:800px}.file-category-box{margin-bottom:24px}.file-upload-manager{font-family:Segoe UI,sans-serif;margin:auto;max-width:2400px;padding:20px}.file-category-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start}.file-category-box{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;box-sizing:border-box;flex-basis:calc(33.3% - 20px);flex-grow:0;flex-shrink:0;padding:16px}.dropzone{background-color:#fff;border:2px dashed #aaa;border-radius:6px;cursor:pointer;padding:20px;text-align:center;transition:background-color .2s ease}.dropzone:hover{background-color:#f0f0f0}.file-item{border-top:1px solid #ddd;margin-top:16px;padding:8px}.file-item strong{display:block;margin-bottom:4px}.file-preview img{border-radius:4px;max-width:200px}.file-preview iframe{border:none;height:250px;width:200px}button{background-color:#1976d2;border-radius:4px;color:#fff;margin-top:12px;padding:8px 16px}button:hover{background-color:#1565c0}.delete-btn{background-color:#fff;border:1px solid #d9534f;border-radius:4px;color:#d9534f;cursor:pointer;margin-left:10px;padding:.5em 1em;transition:all .3s ease}.delete-btn:hover{background-color:#d9534f;color:#fff}.add-category-button{background-color:#4caf50}.add-category-button:hover{background-color:#388e3c}.modal-overlay{align-items:center;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.modal-content{background:#fff;border-radius:10px;box-shadow:0 0 10px #0000004d;max-height:90%;max-width:90%;overflow:auto;padding:20px;position:relative}.modal-image{display:block;margin:auto;max-height:80vh;max-width:100%}.modal-iframe{border:none;height:80vh;width:90vw}.modal-close{background-color:#e53935;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:1rem;padding:8px 16px}.modal-close:hover{background-color:#c62828}.form-container{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;margin:auto;max-width:800px;padding:20px}.radio-group{display:flex;gap:15px;margin-bottom:10px}textarea{border:1px solid #ccc;border-radius:5px;font-size:14px;height:500px;padding:10px;width:95%}.file-upload-area{background-color:#fff;border:2px dashed #ccc;border-radius:5px;cursor:pointer;margin-bottom:10px;padding:20px;text-align:center}.file-upload-area:hover{border-color:#888}.file-upload-area input[type=file]{display:none}.submit-button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px 20px}.submit-button:disabled{background-color:#ccc}.error-text{color:red;font-size:14px;margin-top:10px}.utility-container{display:flex!important;justify-content:center;width:100vw}.leftContainer{background:#f9f9f9;border-right:1px solid #ccc;display:flex;flex-direction:column;float:left;height:100%;overflow-y:auto;width:25%}.rightContainer{background:#fff;display:flex;flex:1 1;flex-direction:column;height:1000vh;overflow-y:auto;width:calc(100% - 20px)}.tab__panel-box{display:none}.tab__panel-box.is-show{display:block}.tab__menu{background-color:#f9f9f9;border-bottom:2px solid #ccc;display:flex;list-style:none;margin:0;padding:0}.tab__menu-item:hover{background-color:#e0e0e0}.tab__menu-item.is-disabled{background-color:#ddd;color:#888;cursor:not-allowed;opacity:.6;pointer-events:none}.tab__menu-item.is-disabled:hover{background-color:#ddd}.utilityTable tr.selected{background-color:#e0f7fa;border:5px solid #777}.utilityTable tr:hover{background-color:#f1f1f1}.summary-table th{width:130px}:root{--color-electric:#fde9ab;--color-network:#bcf87b;--color-air:#f8b6f8;--color-water:#a5d2ff}.electric{background-color:#fde9ab;background-color:var(--color-electric);color:#000}.network{background-color:#bcf87b;background-color:var(--color-network);color:#000}.air{background-color:#f8b6f8;background-color:var(--color-air);color:#000}.water{background-color:#a5d2ff;background-color:var(--color-water);color:#000}table{border-collapse:collapse;width:100%}td,th{border:1px solid #ddd;padding:5px;text-align:left}.merged-table-container{margin-left:10px;padding:10px;width:100%}.filter-area{display:flex;gap:10px;margin-bottom:10px}.filter-button{background-color:#ccc;border:none;color:#888;cursor:pointer;font-size:14px;padding:8px 12px}.filter-button.electric.active{background-color:#fde9ab;background-color:var(--color-electric);color:#000}.filter-button.network.active{background-color:#bcf87b;background-color:var(--color-network);color:#000}.filter-button.air.active{background-color:#f8b6f8;background-color:var(--color-air);color:#000}.filter-button.water.active{background-color:#a5d2ff;background-color:var(--color-water);color:#000}.merged-table{border-collapse:collapse;width:100%}.merged-table td,.merged-table th{border:1px solid #ddd;padding:8px;text-align:left}.button-area{padding:5px 10px;position:absolute;right:0;top:0}.header-container{align-items:start;display:flex;position:relative}.edit-button{background-color:#007bff;border:none;border-radius:3px;color:#fff;cursor:pointer;height:35px;padding:5px 10px;width:100px}.edit-button:hover{background-color:#0056b3}p{margin-top:3px}.toggle-button{background-color:#ddd;border:none;cursor:pointer;height:30px;margin-right:8px;width:30px}.summary-container{align-items:start;display:flex;position:relative}.summary-table{border-collapse:collapse;color:#333;font-size:15px;padding:4px;width:100%}.summary-total-row td{background-color:#ccc!important;font-size:20px;font-weight:700;padding:4px}.summary-table th{background-color:#eee;width:auto}.summary-table td,.summary-table th{border:1px solid #ccc;margin:0;padding:2px}.summary-table td{background-color:#fff}.SelectProject_container__\+CxI9{background-color:#fff;font-family:Arial,sans-serif;padding:20px;text-align:center}.SelectProject_projectLists__uFiT0{list-style:none;margin-top:1rem;padding:0}.SelectProject_projectItem__f4UhP{margin-bottom:1rem}.SelectProject_projectButton__TZay0{background-color:#f5f7fa;border:1px solid #ddd;border-radius:8px;box-shadow:0 3px 3px #05050533;cursor:pointer;font-size:1rem;padding:1rem 1.5rem;text-align:left;transition:background-color .2s,transform .1s;width:100%}.SelectProject_projectButton__TZay0:hover{background-color:#e6f0ff;transform:translateY(-1px)}.SelectProject_projectName__aCP\+P{color:#333;font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.SelectProject_projectDescription__TDZqL{color:#666;font-size:.95rem}.invite-container{font-family:Arial,sans-serif;margin:auto;max-width:600px;padding:2rem}.invite-container h2{font-size:1.5rem;margin-bottom:1rem}.invite-container input[type=email]{border:1px solid #ccc;border-radius:4px;margin-right:.5rem;padding:.5rem;width:calc(100% - 120px)}.invite-container button{background-color:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.invite-container button:hover{background-color:#1565c0}.invite-container ul{list-style:none;margin-top:1rem;padding-left:0}.invite-container li{align-items:center;background-color:#f5f5f5;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:.5rem;padding:.75rem}.invite-container li button{background-color:#e53935;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.25rem .75rem}.invite-container li button:hover{background-color:#c62828}button.btn-primary,button.create-btn{background-color:#1976d2;color:#fff}button.btn-primary:hover,button.create-btn:hover{background-color:#0d47a1}button.add-btn{background-color:#2e7d32;color:#fff}button.add-btn:hover{background-color:#1b5e20}button.btn-danger{background-color:#e53935;color:#fff}button.btn-danger:hover{background-color:#c62828}.project-container{color:#333;font-family:Arial,sans-serif;margin:auto;max-width:900px;padding:2rem}.card-section{background:#eee;border-left:6px solid #1976d2;border-radius:10px;box-shadow:0 2px 8px #00000014;margin-bottom:2.5rem;padding:1.5rem 2rem}.card-section h2{background-color:#fff;border-bottom:2px solid #e3f2fd;color:#1976d2;margin-bottom:1rem;padding-bottom:.5rem}.project-container h2{border-left:6px solid #1976d2;color:#1976d2;font-size:1.4rem;margin-bottom:1rem;padding-left:10px}.option-add input,.option-add select,.project-create input,.project-create textarea{border:1px solid #ccc;border-radius:6px;font-size:.95rem;margin-top:.3rem;padding:.6rem;width:100%}button{border:none;border-radius:6px;cursor:pointer;font-weight:700;padding:.5rem 1rem;transition:all .2s ease-in-out}button:hover{opacity:.9}button:disabled{cursor:not-allowed;opacity:.6}.project-item{background-color:#fafafa;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:.8rem;padding:.75rem 1rem;transition:all .2s ease}.project-list :hover{background-color:#cee0f8;box-shadow:0 2px 6px #0000000f}.project-list h3{color:#333;font-size:1.1rem;margin:0}.project-list h5{color:#666;font-size:.9rem;margin:.3rem 0 0}.settings-editor{background-color:#f9fafc;border-radius:8px;padding:1rem 1.5rem}.category-selector{margin-bottom:1rem}.category-selector select{border:1px solid #ccc;border-radius:6px;font-size:.95rem;padding:.5rem}.settings-table{border-collapse:collapse;font-size:.95rem;margin-top:1rem;width:100%}.settings-table td,.settings-table th{border:1px solid #ddd;padding:.6rem .75rem;text-align:left}.settings-table th{font-weight:700;position:-webkit-sticky;position:sticky;top:0;z-index:1}.settings-table tr:nth-child(2n){background-color:#f9f9f9}.settings-table tr:hover{background-color:#f1faff}.settings-table button{font-size:.85rem;padding:.3rem .8rem}@media (max-width:768px){.project-container{padding:1rem}.settings-table td,.settings-table th{font-size:.85rem;padding:.4rem}button{padding:.4rem .8rem}}.settings-table.electric-theme thead th{background-color:#fde9ab!important}.settings-table.network-theme thead th{background-color:#bcf87b!important}.settings-table.air-theme thead th{background-color:#f8b6f8!important}.settings-table.water-theme thead th{background-color:#a5d2ff!important}.tab__menu-item.is-active{background-color:#fff;border:1px solid #ccc;border-bottom:none;color:#007bff;font-weight:700}.tab__menu-item{background-color:#bbb;border:1px solid #0000;border-bottom:none;color:#eee;cursor:pointer;margin-right:4px;padding:10px 20px;transition:background-color .2s}.device-master-list{font-family:Segoe UI,sans-serif;padding:20px}.top-controls{align-items:center;background-color:#fff;border-bottom:1px solid #ddd;display:flex;gap:12px;padding:12px 0;position:-webkit-sticky;position:sticky;top:0;z-index:5}.top-controls input{font-size:14px;padding:8px;width:300px}.top-controls button{background-color:#1976d2;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 16px}.top-controls button:hover{background-color:#1565c0}.device-table{border-collapse:collapse;table-layout:fixed;width:100%}.device-table td,.device-table th{word-wrap:break-word;border:1px solid #ccc;padding:6px;text-align:left}.device-table thead th{background-color:#f9f9f9;cursor:pointer;position:-webkit-sticky;position:sticky;top:75px;transition:background-color .2s ease;z-index:2}.device-table thead th:hover{background-color:#e0e0e0}.sort-icon{color:#555;font-size:.8em;margin-left:4px}.device-table tr:hover{background-color:#f1f1f1}.device-table tr.selected{background-color:#e0f7fa;border:3px solid #777}.file-link-list{list-style-type:none;margin:0;padding-left:0}.file-link-list li a{color:#1976d2;font-size:.9em;text-decoration:underline}
/*# sourceMappingURL=main.717a8a04.css.map*/