:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;place-items:center;min-width:1200px}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:2px solid black;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{width:100%;box-sizing:border-box;max-width:1280px;margin:80px auto;padding:0 2rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#fafad2}}.vartical-input-content{width:80%;margin:auto}.vartical-input-group{display:flex;flex-direction:column;align-items:flex-start}.vartical-input-group label{display:block;margin-bottom:2px}.vartical-input-group input{display:block;width:100%;margin-bottom:10px}.password-form-modal{z-index:1000;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:flex-start;padding-top:1rem}.password-form-content{background-color:#fff;padding:0 5px;margin:10px;border-radius:5px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:100%}.password-form-content button{margin:1rem}.header{position:fixed;top:0;left:0;width:100%;text-align:center;display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;font-weight:bolder;border-bottom:2px solid #000;z-index:1000;background-color:#cfdb21}.header-left{text-align:left;margin-left:16px;display:flex}.header-center{text-align:center}.header-center button{margin:0 10px}.header-right{text-align:right;margin-right:8px}.header-login-name p{margin-top:0;margin-bottom:0}.header-right button{margin:0 10px}.header-op{display:flex;margin:0 32px}.header-op-calendar-select{display:flex;flex-direction:column;margin:0 10px}.login_block{display:flex;flex-flow:column}.login_input{display:flex;margin:.5em auto;width:20rem}.login_button{margin:.5em auto;width:10rem}.event-selector{display:flex;align-items:flex-start;width:50%;margin:0 auto}.modal-overlay{z-index:1000;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:flex-start;padding-top:1rem;overflow-y:auto}.modal{background-color:#fff;padding:0 5px;border-radius:5px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:100%;margin-bottom:2rem}.modal h1{font-size:1.5rem;margin:.5rem}.modal #event-type-selector,.modal .periodic-pattern-container,.modal .input-field{margin:.5rem 0;padding:.25rem}.modal #date-time-picker{margin:.25rem}.modal-button button{margin:.5rem}.modal #need-confirm-flg{display:flex;flex-direction:column;border-top:2px solid black;margin-top:.5rem;padding-top:.5rem}.event-type-tabs{display:flex;margin-bottom:1rem}.event-type-tabs button{flex:1;padding:.5rem;background-color:#f0f0f0;border:1px solid #ccc;cursor:pointer}.event-type-tabs button.active{background-color:#007bff;color:#fff;border-color:#007bff}.periodic-pattern-container{border:1px solid #ddd;border-radius:4px;padding:.5rem;margin-bottom:1rem}.pattern-option{margin:.75rem 0;display:flex;align-items:center}.pattern-option label{margin:0 .25rem}.inline-select{width:auto;padding:.25rem;margin:0 .25rem}.input-field{display:flex;align-items:center;margin-bottom:.75rem}.input-field label{width:80px;margin-right:.5rem}.input-field input{flex:1;padding:.5rem;border:1px solid #ccc;border-radius:4px}.time-with-label{display:flex;flex:1;align-items:center}.next-day-label{color:#ff5722;font-weight:700;margin-right:.25rem}.time-field{display:flex;flex-direction:column}.time-field label{margin-bottom:.25rem}.delete-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.delete-modal{background-color:#fff;border-radius:5px;padding:20px;width:90%;max-width:500px;box-shadow:0 2px 10px #0000001a}.delete-modal h2{margin-top:0;color:#333;font-size:1.5rem}.delete-options{margin:20px 0}.option{margin:10px 0;display:flex;align-items:center}.option input[type=radio]{margin-right:10px}.confirm-message{margin:20px 0;font-weight:700;color:#dc3545}.modal-buttons{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.delete-btn{background-color:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.delete-btn:disabled{background-color:#e9a8ae;cursor:not-allowed}.cancel-btn{background-color:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer}.memo-area{position:fixed;bottom:0;right:20px;width:600px;background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:5px;box-shadow:0 2px 10px #0000001a;z-index:1000;display:flex;flex-direction:column;overflow:hidden;height:auto}.memo-header{background-color:#b8860b;color:#fff;padding:5px 15px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border-radius:5px 5px 0 0}.memo-area.memo-expanded .memo-header{border-radius:5px 5px 0 0}.memo-header span{font-weight:700}.memo-action-icon-container{width:24px;height:24px;display:flex;justify-content:center;align-items:center}.close-memo-btn{background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;line-height:1;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.memo-toggle-icon{color:#fff;font-weight:700;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:.6;margin-left:0;width:100%;height:100%}.memo-toggle-icon span{display:block}.memo-content-wrapper{max-height:0;overflow:hidden;opacity:0;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;display:flex;flex-direction:column}.memo-area.memo-expanded .memo-content-wrapper{max-height:250px;opacity:1;padding:0}.memo-content{flex-grow:1;padding:10px;border:none;border-top:1px solid #dee2e6;resize:none;font-family:inherit;font-size:1rem;min-height:100px}.memo-content:focus{outline:none}.memo-actions{padding:10px;text-align:right;border-top:1px solid #dee2e6}.memo-update-btn{background-color:#007bff;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-weight:700}.memo-update-btn:hover{background-color:#0056b3}.memo-update-btn:disabled{background-color:#b0c4de;cursor:not-allowed}.memo-error-message,.memo-success-message{padding:5px 10px;font-size:.9rem;text-align:center}.memo-error-message{color:#dc3545;background-color:#f8d7da;border-top:1px solid #f5c6cb}.memo-success-message{color:#28a745;background-color:#d4edda;border-top:1px solid #c3e6cb}.op-home-body{display:flex}.op-home-link{border-right:2px solid black}.op-home-link ul{list-style-type:none;padding:0;margin:0}.op-home-link ul li{padding:8px;margin-bottom:8px;text-align:left}.op-home-info{flex-grow:1;justify-content:center;display:flex;flex-direction:column}.op-home-info-table-wrapper{width:fit-content;margin:0 auto}.op-home-info table{border-collapse:collapse}.op-home-info th{border:2px solid black;padding:8px;background-color:#0ff;text-align:center}.op-home-info td{border:2px solid black;padding:8px;text-align:left}.op-base-content{width:25rem;margin:auto}.bank-form-modal{z-index:1000;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:flex-start;padding-top:1rem}.bank-form-content{background-color:#fff;padding:0 5px;margin:10px;border-radius:5px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:100%}.bank-form-content button{margin:1rem}.op-bank-list-title{display:flex;justify-content:center}.op-bank-list-title button{margin:20px;padding:2px 10px}.op-bank-list-list{display:flex;justify-content:center}.op-bank-list-list table{border-collapse:collapse;width:100%}.op-bank-list-list th,td{border:2px solid black;padding:8px;text-align:left}.op-bank-list-list th{background-color:#0ff;text-align:center}.op-bank-list-list button{margin:0 5px;padding:2px 10px}.ipaddress-cell{max-width:320px;word-wrap:break-word}.account-form-modal{z-index:1000;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:flex-start;padding-top:1rem}.account-form-content{background-color:#fff;padding:0 5px;margin:10px;border-radius:5px;box-shadow:0 4px 8px #0000001a;max-width:400px;width:100%}.account-form-permission-select{width:160px}.account-form-content button{margin:1rem}.op-account-list-title{display:flex;justify-content:center}.op-account-list-title button{margin:20px;padding:2px 10px}.op-account-list-list{display:flex;justify-content:center}.op-account-list-list table{border-collapse:collapse;width:100%}.op-account-list-list th,td{border:2px solid black;padding:8px;text-align:left}.op-account-list-list th{background-color:#0ff;text-align:center}.op-account-list-list button{margin:0 5px;padding:2px 10px}.operation-cell{padding:4px;width:1%;white-space:nowrap}.operation-delete{background-color:red;color:#fff}label{font-weight:700}.op-event-list-search{display:flex;align-items:center}.op-event-list-search-bank{display:flex;flex-direction:column;padding:0 8px;border-left:2px solid black}.op-event-list-search-bank select{width:160px}.op-event-list-search-date,.op-event-list-search-registered,.op-event-list-search-vender{padding:0 8px;border-left:2px solid black}.op-event-list-search-registered-selector,.op-event-list-search-vender-selector{display:flex;align-items:center;justify-content:start}.op-event-list-search-button{display:flex;align-items:center;justify-content:center}.op-event-list-search-count{margin:8px}.op-event-list-download-button{display:flex;align-items:center;justify-content:center;margin-left:32px}.op-event-list-result-table{border-collapse:collapse;width:100%}.op-event-list-result-table th,td{border:2px solid black;padding:8px;text-align:center}.op-event-list-result-table th{background-color:#0ff;text-align:center}.op-mail-send-selector{display:flex;align-items:center;margin-bottom:16px}.op-mail-send-selector-bank select{margin-left:8px;width:160px}.op-mail-send-selector-send-button{margin:0 16px}.op-mail-send-mail{width:100%}.op-mail-send-mail p{text-align:left;margin:0}.op-mail-send-mail table{border-collapse:collapse;width:100%}.op-mail-send-mail th,td{border:2px solid black;padding:8px}.op-mail-send-mail th{background-color:#0ff;text-align:center;width:150px}.op-mail-send-mail td{text-align:left;white-space:pre-line}.op-event-check-date{margin:8px}.op-event-check-result{display:flex;justify-content:center}.op-event-check-result table{border-collapse:collapse}.op-event-check-result th{border:2px solid black;padding:8px;background-color:#0ff;text-align:center}.op-event-check-result td{border:2px solid black;padding:8px;text-align:left}