.dropdown{position:relative;display:inline-block;width:100%}.dropdown:hover .dropdown__toggle{border-color:#4f2da8;background:#f9f5ff}.dropdown__toggle{width:100%;padding:.75rem;background:#fff;border:1px solid #aaa;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:1rem;height:40px;box-sizing:border-box}.dropdown__arrow{margin-left:8px}.dropdown__menu{position:absolute;z-index:10;min-width:100%;background:#fff;border:1px solid #aaa;border-radius:0 0 4px 4px;box-shadow:0 2px 8px #00000014;margin-top:2px;max-height:200px;overflow-y:auto;padding:0}.dropdown__option{padding:8px 12px;cursor:pointer}.dropdown__option:hover,.dropdown__option.selected{background:#f0e6ff;color:#70f}.dropdown__toggle[aria-invalid=true]{border-color:#dc3545}.custom-datepicker{position:relative;width:100%}.custom-datepicker__toggle{width:100%;padding:.75rem;background:#fff;border:1px solid #aaa;border-radius:4px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:1rem;height:40px;box-sizing:border-box;transition:border-color .2s,background .2s}.custom-datepicker__toggle:hover{border-color:#4f2da8;background:#f9f5ff}.custom-datepicker__arrow{margin-left:8px}.custom-datepicker__popup{position:absolute;z-index:20;top:110%;left:0;width:100%;background:#fff;border:1px solid #aaa;border-radius:4px;box-shadow:0 2px 8px #00000014;padding:1rem}.custom-datepicker__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.custom-datepicker__header button{background:none;border:none;font-size:1.2rem;cursor:pointer;color:#70f;padding:0 .5rem}.custom-datepicker__calendar{width:100%}.custom-datepicker__weekdays,.custom-datepicker__days{display:grid;grid-template-columns:repeat(7,1fr)}.custom-datepicker__weekday{text-align:center;font-weight:700;color:#666;margin-bottom:.25rem}.custom-datepicker__day{text-align:center;padding:.5rem 0;cursor:pointer;border-radius:4px;margin:1px 0;transition:background .2s,color .2s}.custom-datepicker__day:hover{background:#f0e6ff;color:#70f}.custom-datepicker__day.selected{background:#70f;color:#fff}.custom-datepicker__day.empty{background:transparent;cursor:default}.custom-datepicker__year-select,.custom-datepicker__month-select{padding:.4rem .75rem;border:1px solid #aaa;text-align:center;border-radius:4px;font-size:1rem;background:#fff;color:#333;margin-left:8px;transition:border-color .2s,background .2s}.custom-datepicker__year-select:focus,.custom-datepicker__month-select:focus{outline:none;border-color:#4f2da8;background:#f5faff}.custom-datepicker__toggle[aria-invalid=true]{border-color:#dc3545}.form{max-width:600px;padding:2rem 2rem 0rem;border-radius:8px;box-sizing:border-box}.form__section{margin-bottom:1rem;width:100%}.form__section__button{display:flex;justify-content:center;margin-top:2rem}.form__section__label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.form__section__input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:border-color .3s ease}.form__section__input:focus{outline:none;border-color:#4f2da8;box-shadow:0 0 0 2px #4a90e233}.form button[type=submit]{width:50%;padding:.75rem;background-color:#4f2da8;color:#fff;border:none;border-radius:4px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .3s ease}.form button[type=submit]:hover,.form button[type=submit]:focus{background-color:#2d186c}.form__section__input[aria-invalid=true]{border-color:#dc3545}.form__error{color:#dc3545;font-size:.8rem;margin-top:.5rem;font-weight:600;display:block;font-style:italic}.home_wrapper{max-width:700px;margin:3rem auto;padding:2rem 2.5rem;background:#fff;border-radius:18px;box-shadow:0 8px 32px #1f268726;border:1px solid rgba(255,255,255,.18)}.home_wrapper--title{text-align:center;font-size:2.5rem;font-weight:700;color:#7f53ac;margin-bottom:1rem}.home_wrapper--subtitle{display:flex;align-items:center;justify-content:center;text-align:center;font-size:1.5rem;font-weight:700;color:#7f53ac;margin-top:1rem}.employee_wrapper{width:80%;margin:3rem auto;padding:2rem 2.5rem;background:#fff;border-radius:18px;box-shadow:0 8px 32px #1f268726}.employee_wrapper--title{text-align:center;margin-bottom:2rem;font-size:1.5rem;font-weight:700;color:#7f53ac}.employee_wrapper--input{margin-bottom:1rem;padding:.5rem;width:100%;max-width:400px;border-radius:4px;border:1px solid #ccc}.redirect{text-align:center;margin:1.5rem 0rem;display:flex;justify-content:center}.redirect p{border-radius:4px;text-align:center;width:200px;color:#fff;padding:10px;background-color:#7f53ac;text-decoration:none;font-weight:700;cursor:pointer;transition:.2s}.redirect p:hover{background-color:#251930}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;font-family:Arial,Helvetica,sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none}body{min-height:100vh;background:linear-gradient(135deg,#7f53ac,#647dee)}