body,html{margin:0;padding:0;font-family:'Kosugi Maru', Arial, sans-serif;background-color:#f0f4f8}.container{display:flex;min-height:100vh}.menu{padding:10px}.sidebar{position:fixed;top:0;left:0;bottom:0;width:300px;overflow-y:auto;background-color:#ffffff;box-shadow:2px 0 5px rgba(0,0,0,0.1);display:flex;flex-direction:column;justify-content:space-between}.content{margin-left:300px;flex-grow:1;padding:10px;background-color:#ffffff;box-shadow:0 0 10px rgba(0,0,0,0.1);margin-top:20px;margin-right:20px;border-radius:8px}h1,h2,h3{margin:0;padding:0}h2{font-size:1.5em;margin-bottom:20px;color:#333}h3{font-size:1.1em;margin-top:15px;color:#555}.top-icon{background-color:#3c6997;text-align:center;padding:20px;box-shadow:0 4px 8px rgba(0,0,0,0.1)}.top-icon h3{margin:0;color:#ffffff;font-size:1.2em;font-weight:normal}.top-icon h2{margin:10px 0 0;color:#ffffff;font-size:1.8em;font-weight:bold}.personal-info,.performance-data{padding:5px;margin-bottom:20px;background-color:whitesmoke;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.2)}.personal-info h3,.performance-data h3{margin:10px 5px 0;font-size:0.8em;color:royalblue}.personal-info p,.performance-data p{margin:0 0 5px 0}.personal-info{display:grid;grid-template-columns:1fr;grid-gap:5px}.performance-data{display:grid;grid-template-columns:1fr;grid-gap:5px}.data-field{background-color:white;padding:5px 10px;margin:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sub-item{margin-left:15px}.menu{flex-grow:1;display:flex;flex-direction:column}#change_and_submit_plan_message,#password_change_message{font-size:medium;margin:10px;color:royalblue}.sub-button,.menu-button{width:100%;margin:5px 0}.bottom-buttons{margin-top:auto;display:flex;flex-direction:column}.last-year-button,.this-year-button,.menu-button,.sub-button,.logout-button{display:block;width:100%;padding:10px;margin:10px 0;color:white;border:none;border-radius:5px;cursor:pointer;transition:all 0.3s ease}.menu-button{background-color:#3c6997}.last-year-button{background-color:royalblue}.this-year-button{background-color:mediumvioletred}.sub-button{background-color:teal}.logout-button{background-color:coral}.login-button{width:100%;margin-top:10px;margin-bottom:10px;padding:10px;font-size:1.2em;color:white;background-color:#3c6997;border:none;border-radius:4px;cursor:pointer;transition:background-color 0.3s ease}.save-button,.submit-button,.password-button,.copy-button{margin:10px auto;padding:10px;width:30%;min-width:300px;border-radius:8px;font-size:1.2em;border:none;color:white;background-color:#3c6997;cursor:pointer;transition:background-color 0.3s ease}.password-button{min-width:auto;width:240px}.copy-button{background-color:royalblue;min-width:auto;width:100px}.submit-button,.submit-button:hover{background-color:grey;cursor:not-allowed}.submit-button.submit-ok,.password-button{background-color:mediumvioletred;cursor:pointer}.last-year-button:hover,.menu-button:hover,.sub-button:hover{background-color:#0056b3;transform:translateY(-2px);box-shadow:0 2px 5px rgba(0,0,0,0.2)}.this-year-button:hover{background-color:#7e0551;transform:translateY(-2px);box-shadow:0 2px 5px rgba(0,0,0,0.2)}.logout-button:hover{background-color:chocolate;transform:translateY(-2px);box-shadow:0 2px 5px rgba(0,0,0,0.2)}.save-button:hover,.login-button:hover{background-color:#335a86;transform:translateY(-2px);box-shadow:0 2px 5px rgba(0,0,0,0.2)}.password-button:hover,.submit-button.submit-ok:hover{background-color:#7e0551;transform:translateY(-2px);box-shadow:0 2px 5px rgba(0,0,0,0.2)}.menu-button:active,.sub-button:active{transform:translateY(0);box-shadow:none}.accordion{background-color:#3c6997;color:#fff;cursor:pointer;padding:10px;width:100%;border:none;text-align:left;outline:none;font-size:1.1em;transition:0.4s;margin-top:10px;margin-bottom:5px;position:relative}.accordion:hover{background-color:#335a86}.accordion::after{content:"▼";font-size:1em;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:transform 0.4s}.accordion.active::after{transform:translateY(-50%) rotate(180deg)}.accordion.no-transition::after{transition:none}.panel{padding:0 18px;background-color:white;max-height:0;overflow:hidden;transition:max-height 0.4s ease-out}.panel.no-transition{transition:none}.accordion.active+.panel{max-height:1000px}.completed::after{content:"✔";font-size:1em;color:red;background-color:white;border-radius:50%;padding:2px 6px;margin-left:10px;vertical-align:middle}#thisYear{display:none}.forgot-password{display:inline-block;text-align:center;margin:5px;font-size:1em}.forgot-password a{display:inline-block;text-decoration:none;color:inherit;font-weight:inherit;cursor:pointer;margin:10px;padding:5px;border-radius:4px;border:1px solid gray}.forgot-password a:hover{background-color:gray;color:white;font-weight:bold}#main__area table{width:100%;border-collapse:collapse;border:1px solid #ddd}#main__area table th,#main__area table td{font-size:1.1rem;padding:10px;border:1px solid #ddd;vertical-align:middle}#main__area table th .center,#main__area table td .center{text-align:center}#main__area table th{background-color:#3c6997;color:white}#main__area table .plan{background-color:#eaf4fc;width:100%;min-height:100px;box-sizing:border-box;resize:vertical}#main__area table .number{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:100px}#main__area table .f15{font-size:1.5rem}#main__area table .vertical-layout{display:flex;flex-direction:column;align-items:center}#main__area table .vertical-layout .increment,#main__area table .vertical-layout .decrement{margin:5px 0;color:#cccccc}#main__area table .vertical-layout input[type="text"]{text-align:center;margin:5px 0;width:30px}#main__area table .paragraph{margin-top:20px;margin-bottom:20px}#main__area table p{margin-top:10px;margin-bottom:10px}.reset-form{max-width:75%;min-width:75%;margin:10px auto}.reset-form table{width:100%;border-collapse:collapse;border:1px solid #ddd}.reset-form table th,.reset-form table td{font-size:1.2rem;padding:10px;border:1px solid #ddd;vertical-align:middle}.reset-form table th .center,.reset-form table td .center{text-align:center}.reset-form table th .flex,.reset-form table td .flex{display:flex;flex-direction:column;justify-content:center}.reset-form table th{background-color:#3c6997;color:white}.reset-form table td.pass-form{background-color:whitesmoke}.reset-form table td.pass-form select,.reset-form table td.pass-form span{display:inline-block;width:calc(100% - 5px);margin:2px;padding:5px;border-radius:4px;background-color:#fff;border:none}.reset-form table td.pass-form input{margin:0;border-radius:4px;background-color:#fff;padding:10px;border:none}.reset-password-container,.login-container{min-width:400px;max-width:400px;margin:50px auto;padding:20px;background-color:#ffffff;box-shadow:0 0 10px rgba(0,0,0,0.1);border-radius:8px;text-align:center}.reset-password-container{min-width:700px;max-width:700px}.reset-password-container h1,.login-container h1{margin-bottom:20px;font-size:2em;color:#333}.reset-password-form,.login-form{margin-top:20px}.reset-password-form .form-group,.login-form .form-group{margin-bottom:15px;text-align:left}.reset-password-form label,.login-form label{display:block;margin-bottom:5px;font-weight:bold}.reset-password-form input,.login-form input{width:100%;padding:10px;font-size:1em;border:1px solid #ddd;border-radius:4px}.pass-form input{width:100%;padding:10px;font-size:1em;border:1px solid #ddd;border-radius:4px}@media (max-width: 768px){table,thead,tbody,th,td,tr{display:block}th,td{text-align:right}tr{margin-bottom:1em}th{background-color:transparent;text-align:left;padding:10px 5px}td{text-align:left;padding:5px 5px}td:before{content:attr(data-label);float:left;font-weight:bold}.sidebar{width:100%;height:auto;position:relative}.content{margin-left:0}}