@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}form input,form select,form textarea,.modal-content form input,.modal-content form select,.modal-content form textarea{width:100%;padding:10px;font-size:1rem;margin-bottom:12px;height:3em;box-sizing:border-box}input,select,.modal-content form input,.modal-content form select{padding:5px 8px;margin:0;height:36px;font-size:1em;vertical-align:middle}form label,.modal-content form label{display:block;margin-bottom:5px;font-weight:700}.table{table-layout:fixed;width:100%}@media (min-width: 769px){.container-fluid{padding-left:0!important;padding-right:0!important}}.col-resize-handle{position:absolute;right:0;top:0;bottom:0;width:5px;cursor:col-resize;background:transparent;z-index:2}.col-resize-handle:hover,.col-resize-handle:active{background:rgba(255,255,255,.4)}.table th,.table td{white-space:normal;overflow:visible;text-overflow:unset;word-wrap:break-word;word-break:break-word;max-width:150px}.table td.user-column{min-width:200px!important;max-width:none!important;width:auto!important}.table td.user-column select,.table td.user-column div{min-width:200px!important;max-width:none!important;width:100%!important}.react-datepicker-wrapper{width:100%}.react-datepicker-popper{z-index:10000!important}.react-datepicker{font-family:inherit;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 8px #00000026}.react-datepicker__header{background-color:#007bff;border-bottom:none;padding-top:8px}.react-datepicker__current-month,.react-datepicker__day-name{color:#fff}.react-datepicker__day{margin:.3rem;width:2rem;line-height:2rem}.react-datepicker__day:hover{background-color:#f0f0f0}.react-datepicker__day--selected,.react-datepicker__day--keyboard-selected{background-color:#007bff;color:#fff}.react-datepicker__input-container input{width:100%;padding:5px 8px;border:1px solid #ccc;border-radius:4px;font-size:14px}.loading-spinner-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999;pointer-events:none}.loading-spinner{width:100px;height:100px;border:10px solid #f3f3f3;border-top:10px solid #383636;border-radius:50%;animation:spinner 1.5s linear infinite}.modal{display:none;position:fixed;z-index:1000;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006}.modal-content{background-color:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:80%}.close{color:#aaa;float:right;font-size:150%;font-weight:700}.close:hover,.close:focus{color:#000;cursor:pointer}.newJob{color:#aaa;font-size:150%;font-weight:700;text-align:center}.newJob:hover,.newJob:focus{color:#000;cursor:pointer}.field-full-width{grid-column:1 / -1}body{font-size:16px;line-height:1.5}form{max-width:600px;margin:0 auto;padding:16px}.btn{display:block;text-align:center;padding:10px;font-size:1rem;border-radius:4px;margin-bottom:10px}.btn-group{display:flex;flex-wrap:wrap;gap:8px}.btn-group input{width:50%}.btn-primary{background-color:#007bff;color:#fff;border:none}.btn-secondary{background-color:#6c757d;color:#fff;border:none}.login-form{min-height:100vh;display:flex;align-items:center;padding:20px 0}.login-card{border:none;border-radius:12px;box-shadow:0 4px 20px #0000001a;margin:20px 0}.login-header{background-color:#f8f9fa;border-bottom:1px solid #dee2e6;font-size:1.5rem;font-weight:600;padding:20px;margin:0}.login-body{padding:30px}.login-input{height:50px;font-size:16px;border:2px solid #e9ecef;border-radius:8px;padding:12px 16px;transition:border-color .3s ease}.login-input:focus{border-color:#007bff;box-shadow:0 0 0 .2rem #007bff40}.login-button{height:50px;font-size:18px;font-weight:600;border-radius:8px;padding:12px;transition:all .3s ease}.login-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.login-checkbox{display:flex;align-items:center}.login-checkbox-input{width:18px;height:18px;margin-right:10px}.login-label{font-size:16px;margin:0;cursor:pointer}@media (max-width: 768px){body{font-size:14px}.navbar,.navbar-toggler,.navbar-collapse{display:none!important}form input,form select,form textarea,.modal-content form input,.modal-content form select,.modal-content form textarea{font-size:16px;height:44px;padding:10px}form label,.modal-content form label{font-size:14px;margin-bottom:6px}.btn{font-size:14px;padding:10px 16px;min-height:44px}table,th,td{font-size:12px;padding:4px 3px}.table th,.table td{word-break:normal;overflow-wrap:break-word;vertical-align:middle;overflow:hidden}.table td a{word-break:normal;-webkit-hyphens:auto;hyphens:auto;font-size:11px;line-height:1.2}.table tbody tr{line-height:1.2}table thead th{font-size:10px;padding:4px 3px}table thead th input,table thead th select{font-size:12px;height:28px;padding:3px}p,span,div,li,a{font-size:inherit;line-height:1.4}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}h4,h5,h6{font-size:16px}html,body{margin:0!important;padding:0!important;-webkit-overflow-scrolling:touch;overscroll-behavior-y:auto}body>*{margin-top:0!important}#app,#app.container-fluid,.container-fluid{margin:0!important;padding:0!important}.app-with-header{padding-top:0!important;margin-top:0!important;padding-bottom:70px!important;position:relative;top:0!important}table,.table{margin-top:0!important}.detail-with-header{margin-top:60px}.react-datepicker-wrapper{width:100%}.react-datepicker{font-size:14px}.react-datepicker__input-container input{font-size:14px;height:36px;padding:8px}.login-form{padding:20px}.login-header{font-size:1.5rem;padding:20px}.login-input,.login-button{height:48px;font-size:16px;padding:12px}.login-label{font-size:14px}}@media (max-width: 600px){.btn-group{flex-direction:column}form{padding:12px}}.reset-icon{cursor:pointer}.bulkactions{position:absolute;top:0;background-color:#646464b3;color:#fff;padding:10px;z-index:10;display:none;justify-content:center;align-items:center;width:100%}.bulkactions.visible{display:flex}.toast-notification{position:fixed;top:80px;right:20px;padding:16px 24px;border-radius:8px;font-size:16px;font-weight:500;color:#fff;box-shadow:0 4px 12px #00000026;z-index:10000;opacity:0;transform:translate(400px);transition:all .3s ease-in-out;max-width:400px;word-wrap:break-word}.toast-notification.show{opacity:1;transform:translate(0)}.toast-success{background-color:#28a745}.toast-error{background-color:#dc3545}.toast-info{background-color:#007bff}.toast-warning{background-color:#ffc107;color:#212529}@media (max-width: 768px){.toast-notification{top:120px;right:10px;left:10px;max-width:none;font-size:32px!important;padding:25px 30px!important;border-radius:15px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}