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}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)}}:root{--color-white:#fff;--color-light-green:#afe6c8;--color-dark-green:#006c60}.header-container{background-color:#afe6c8;background-color:var(--color-light-green);font-weight:700;gap:15px;justify-content:space-between;padding:5px;position:fixed;width:100%;z-index:1000}.header-container,body{color:#006c60;color:var(--color-dark-green);display:flex}body{background-color:#fff;background-color:var(--color-white);flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:0}.error{color:red}.system-container{background-color:#fff;background-color:var(--color-white);box-sizing:border-box;margin:0 auto;max-width:1100px;padding-top:50px;width:100%}.system-container,h3.page-title{color:#006c60;color:var(--color-dark-green)}h3.page-title{margin-bottom:5px;text-align:left}.menu-body{box-sizing:border-box;width:100%}.menu-body,.menu-div{background-color:#afe6c8;background-color:var(--color-light-green);height:100%}.menu-div{display:flex;flex-direction:column;gap:10px;padding-top:50px;width:200px}.menu-list{background-color:#afe6c8;background-color:var(--color-light-green);border:2px solid #afe6c8;border:2px solid var(--color-light-green);border-radius:8px;color:#006c60;color:var(--color-dark-green);flex:1 1;padding:15px}.menu-list h2{margin-top:0}.menu-list ul{list-style:none;padding:0}.menu-list li{border-bottom:1px solid #006c60;border-bottom:1px solid var(--color-dark-green);cursor:pointer;padding:8px}.menu-list li:hover{background-color:#006c60;background-color:var(--color-dark-green);color:#fff;color:var(--color-white)}.report-form{background-color:#fff;background-color:var(--color-white);border:2px solid #006c60;border:2px solid var(--color-dark-green);border-radius:8px;color:#006c60;color:var(--color-dark-green);flex:2 1;padding:15px}.report-form h2{margin-top:0}.report-form label{display:block;font-weight:700;margin-top:12px}.report-form input[type=date],.report-form input[type=text],.report-form textarea{border:1px solid #afe6c8;border:1px solid var(--color-light-green);border-radius:4px;margin-top:4px;padding:8px;resize:vertical;width:100%}.report-form button{background-color:#006c60;background-color:var(--color-dark-green);border:none;border-radius:5px;color:#fff;color:var(--color-white);cursor:pointer;margin-top:15px;padding:10px 20px}.report-form button:hover{background-color:#305240cc}.login-container{background-color:#fff;background-color:var(--color-white);border:2px solid #006c60;border:2px solid var(--color-dark-green);border-radius:10px;box-shadow:0 4px 8px #30524133;left:50%;padding:30px 40px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);width:320px}.login-container h1{color:#006c60;color:var(--color-dark-green);margin-bottom:25px}.login-form label{display:block;font-weight:700;margin-top:15px;text-align:left}.login-form input[type=password],.login-form input[type=text]{border:1px solid #afe6c8;border:1px solid var(--color-light-green);border-radius:5px;box-sizing:border-box;margin-top:6px;padding:8px;width:100%}.login-form button{background-color:#006c60;background-color:var(--color-dark-green);border:none;border-radius:6px;color:#fff;color:var(--color-white);cursor:pointer;font-size:16px;margin-top:25px;padding:12px 0;width:100%}.login-form button:hover{background-color:#305240cc}.reset-container{background-color:#fff;border:2px solid #305240;border-radius:8px;box-shadow:0 4px 8px #30524133;left:50%;padding:30px;position:absolute;top:50%;transform:translate(-50%,-50%);width:500px}.trainee-selection{background-color:#afe6c8;background-color:var(--color-light-green);border:2px solid #afe6c8;border:2px solid var(--color-light-green);border-radius:8px;padding:20px}.trainee-selection>div{margin-bottom:30px}.btn{background-color:#006c60;background-color:var(--color-dark-green);border:none;border-radius:6px;color:#fff;color:var(--color-white);cursor:pointer;font-weight:700;margin:8px;padding:8px 16px;transition:background-color .3s ease}.td-flex-container{align-items:center;display:flex;justify-content:space-between}.comment{text-align:left}.btn-small{margin:4px;padding:4px}.btn-back,.btn-small{background-color:#006c60;background-color:var(--color-dark-green);border:none;border-radius:6px;color:#fff;color:var(--color-white);cursor:pointer;font-weight:700;transition:background-color .3s ease}.btn-back{margin-top:20px;padding:10px 0;width:70%}.btn-table{text-align:right}.btn:hover{background-color:#305240cc}.year-select{min-width:120px}.level-select,.year-select{border:1px solid #006c60;border:1px solid var(--color-dark-green);border-radius:5px;font-size:14px;padding:8px}.level-select{min-width:50px}.table-wrapper{position:relative}table{background-color:#fff;background-color:var(--color-white);border-collapse:collapse;color:#006c60;color:var(--color-dark-green);margin:8px;width:100%}td,th{border:1px solid #006c60;border:1px solid var(--color-dark-green);font-size:12px;padding:8px;text-align:left}th{background-color:#006c60;background-color:var(--color-dark-green);color:#fff;color:var(--color-white)}.tabs{border-bottom:2px solid #afe6c8;border-bottom:2px solid var(--color-light-green);display:flex;margin-bottom:1em}.tab{background-color:#afe6c8;background-color:var(--color-light-green);border:2px solid #afe6c8;border:2px solid var(--color-light-green);border-bottom:none;border-radius:8px 8px 0 0;color:#006c60;color:var(--color-dark-green);cursor:pointer;margin-right:5px;padding:10px 20px;transition:background-color .3s,color .3s;-webkit-user-select:none;user-select:none}.tab:hover{background-color:#006c60;background-color:var(--color-dark-green);color:#fff;color:var(--color-white)}.tab.active{border-color:#006c60;border-color:var(--color-dark-green);border-bottom:2px solid #fff;border-bottom:2px solid var(--color-white);color:#006c60;color:var(--color-dark-green);font-weight:700}.content,.tab.active{background-color:#fff;background-color:var(--color-white)}.content{border:2px solid #006c60;border:2px solid var(--color-dark-green);border-radius:0 8px 8px 8px;padding:15px}.content h3{margin-top:0}ul#goalList{background-color:#afe6c8;background-color:var(--color-light-green);border:2px solid #afe6c8;border:2px solid var(--color-light-green);border-radius:8px;color:#006c60;color:var(--color-dark-green);list-style:none;margin:0 0 20px;overflow-y:auto;padding:0}ul#goalList li{border-bottom:1px solid #006c60;border-bottom:1px solid var(--color-dark-green);cursor:default;padding:10px 15px}ul#goalList li:last-child{border-bottom:none}ul#goalList li:hover{background-color:#006c60;background-color:var(--color-dark-green);color:#fff;color:var(--color-white)}.modalOverlay{align-items:center;background:#0000004d;bottom:0;display:none;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.modalOverlay.active{display:flex}.modal{background:#fff;background:var(--color-white);border-radius:8px;box-shadow:0 4px 12px #30524133;box-sizing:border-box;max-width:400px;padding:20px 25px;width:90%}.modal h3{margin-bottom:20px;margin-top:0;text-align:center}.modal h3,.modalForm label{color:#006c60;color:var(--color-dark-green)}.modalForm label{display:block;font-weight:700;margin-top:12px}.modalForm input[type=text],.modalForm select,.modalForm textarea{border:1px solid #afe6c8;border:1px solid var(--color-light-green);border-radius:5px;box-sizing:border-box;color:#006c60;color:var(--color-dark-green);font-size:14px;margin-top:6px;padding:8px;resize:vertical;width:100%}.modal textarea{height:80px}.modalButtons{margin-top:20px;text-align:right}.modalButtons button{background-color:#006c60;background-color:var(--color-dark-green);border:none;border-radius:6px;color:#fff;color:var(--color-white);cursor:pointer;font-size:15px;font-weight:700;margin-left:10px;padding:8px 16px;transition:background-color .3s ease}.modalButtons button:hover{background-color:#305240cc}.modalButtons .cancelBtn{background-color:#b1d3bc;color:#006c60;color:var(--color-dark-green)}.modalButtons .cancelBtn:hover{background-color:#a0c4aa}
/*# sourceMappingURL=main.7d2fddde.css.map*/