@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";*{box-sizing:border-box}html,body,#root,#defaultLayout,#guestLayout{min-height:100vh}h1,h2,h3,h4,h5,h6,p{margin:0}body{font-family:Open Sans,sans-serif;margin:0;padding:0;font-size:14px;color:#212121;background-color:#f6f6f6}input{outline:0;background:#fff;width:100%;border:2px solid #e6e6e6;margin:0 0 15px;padding:15px;box-sizing:border-box;font-size:14px;transition:all .3s}input:focus{border-color:#5b08a7}.btn,.btn-add,.btn-edit,.btn-delete{font-family:Roboto,sans-serif;outline:0;background:#5b08a7;border:0;text-decoration:none;padding:15px;color:#fff;font-size:16px;-webkit-transition:all .3 ease;transition:all .3 ease;cursor:pointer}.btn-block{width:100%}.btn-add,.btn-edit,.btn-delete{padding:.5rem .75rem;font-size:14px;border-radius:4px}.btn-add{background-color:#00a762}.btn-delete{background-color:#b72424}.btn-logout{text-decoration:none;padding:.75rem 1.5rem;color:#212121;transition:all .3s;border-radius:6px}.btn-logout:hover{background-color:#0000001a}.btn:hover,.btn:active,.btn:focus{background:#5b08a7}.text-center{text-align:center}table{width:100%;border-spacing:0;border-collapse:collapse}table>thead>tr>th{text-align:left;padding:.5rem;background-color:#efefef}table>tbody>tr>td{padding:.5rem;border-bottom:1px solid #efefef;white-space:nowrap}.card{background-color:#fff;border-radius:.5rem;box-shadow:1px 1px 3px #0000001a;padding:1.25rem 1.5rem;margin-bottom:1rem;margin-top:.5rem}.alert{padding:1rem;background-color:#ff4040;color:#fff;border-radius:.5rem;margin-bottom:1rem}.notification{position:fixed;right:1rem;bottom:1rem;z-index:100;padding:1rem 1.5rem;background-color:#00a762;color:#fff;border-radius:.5rem}.login-signup-form{height:100vh;display:flex;justify-content:center;align-items:center}.login-signup-form .form{width:360px;position:relative;z-index:1;background:#fff;max-width:360px;padding:34px;box-shadow:0 0 2px #0000001a}.login-signup-form .title{font-size:20px;margin-bottom:1rem;text-align:center}.login-signup-form .form .message{margin:15px 0 0;color:#b3b3b3;font-size:16px;text-align:center}.login-signup-form .form .message a{color:#5b08a7;text-decoration:none}#defaultLayout{display:flex}#defaultLayout aside{width:240px;background-color:#5b08a7;padding:1rem}#defaultLayout aside>a{display:block;padding:.75rem 1rem;border-radius:6px;color:#fff;text-decoration:none;transition:all .2s}#defaultLayout aside>a:hover{background-color:#0003}#defaultLayout .content{flex:1}#defaultLayout header{height:80px;padding:2rem 3rem;background-color:#fff;box-shadow:1px 1px 2px #0003;display:flex;justify-content:space-between;align-items:center}#defaultLayout main{padding:2rem}.animated{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-content{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#fff}.login-background{flex:1;background:url(/assets/loginbg2-CbXjkC7C.jpg);background-size:100% 100%;background-position:center;background-repeat:no-repeat;height:100vh}.login-form-container{flex:1;padding:20px;max-width:450px;border-left:1px solid #e0e0e0;height:100vh;align-content:center;box-shadow:1px 0 15px 5px #00000026}.login-title{text-align:left;margin-bottom:30px}.login-form{text-align:center;margin-top:30px}.login-form .ant-form-item{margin-bottom:20px}.login-form .ant-form-item:last-child{margin-bottom:0}.login-form .ant-form-item-explain-error{margin-top:5px;color:#ff4d4f;font-size:14px}.login-form .ant-form-item-has-error .ant-input{border-color:#ff4d4f}.login-form .ant-input-prefix{color:#00000073}.login-form .ant-input-password-icon{color:#00000040}.login-form .ant-btn-primary{background-color:#1890ff;border-color:#1890ff;transition:background-color .3s,border-color .3s}.login-form .ant-btn-primary:hover{background-color:#40a9ff;border-color:#40a9ff}.login-form .ant-btn-primary:focus{box-shadow:0 0 0 2px #1890ff33}.login-form .ant-btn-primary:active{background-color:#096dd9;border-color:#096dd9}.login-form .ant-btn-primary:active:focus{box-shadow:0 0 0 2px #1890ff33}.login-input{border-radius:5px;border:1px solid #ccc;padding:8px}.login-button{width:100%;border-radius:5px;background-color:#1890ff;border-color:#1890ff}.login-signup-link{text-align:center;margin-top:5px}.signup-container{display:flex;justify-content:center;align-items:center;height:100vh;background:#f5f5f5;background:linear-gradient(135deg,#f5f5f5,#e0e0e0);padding:20px;box-sizing:border-box}.signup-card{width:500px;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a;background-color:#fff}.signup-title{text-align:center;margin-bottom:24px;font-size:24px;color:#333}.signup-alert{margin-bottom:16px;border-radius:4px}.signup-form{width:100%}.signup-input{width:100%;margin-bottom:5px;border-radius:4px;border:1px solid #cccccc;padding:10px}.signup-input:focus{outline:none;border-color:#1890ff;box-shadow:0 0 0 2px #1890ff33}.signup-button{width:100%;height:50px;border-radius:4px;font-weight:700;background-color:#1890ff;color:#fff;border:none;padding:12px;transition:background-color .3s ease}.signup-button:hover{background-color:#40a9ff}.signup-link{text-align:center;margin-bottom:0;color:#1890ff;font-weight:700}.signup-link:hover{color:#40a9ff}.logo{height:32px;margin:16px;color:#fff;font-size:18px;font-weight:700}.site-layout .site-layout-background{background:#fff}.trigger{font-size:18px;line-height:64px;padding:0 24px;cursor:pointer;transition:color .3s}.trigger:hover{color:#1890ff}.user-info-container{display:flex;align-items:center;margin-right:24px}.user-info{display:flex;align-items:center}.user-icon{margin-right:8px;font-size:20px;color:#fff}.user-name{font-size:16px;color:#fff}.user-info-icon{font-size:16px;margin-left:8px;color:#fff}.version{position:absolute;top:0;left:50%;transform:translate(-50%);display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px;background-color:#001529;box-shadow:0 8px 16px #0003;color:#fff;font-size:14px;font-weight:700}.version-text{display:flex;align-items:center;padding:5px;font-weight:700}.ant-layout-sider-trigger{background:#001529}.ant-layout-sider-collapsed .ant-menu-submenu-title{padding:0!important}.ant-layout-sider-collapsed .ant-menu-submenu-title .ant-menu-submenu-arrow{display:none!important}.drawer-header{margin-top:50px;display:flex;align-items:center;justify-content:center;padding:5px;flex-direction:column;background-color:#000015;border-top:.5px solid #ddd;border-bottom:.5px solid #fff}.user-info{display:flex;flex-direction:column;align-items:center;justify-content:center}.user-email{font-size:12px;font-weight:400;color:#ffffffb3}.user-logout-container{position:absolute;bottom:0;left:0;width:100%;padding:5px;cursor:pointer;display:flex;flex-direction:column;background-color:#001529;border-top:.5px #ddd solid}.user-management-container,.logout-container{width:100%;text-align:left;padding:20px}.user-management-container:hover,.logout-container:hover{background:#000015}.menu-item-content,.logout-item{display:flex;justify-content:flex-start;align-items:center;height:15px}.user-icon,.logout-icon{margin-right:15px;font-size:12px;padding:6px;border-radius:5px;color:#00ced1;border:1px solid #00ced1;background-color:#001529}.menu-text,.logout-text{font-size:12px;color:#fff;z}.logout-item{border-top:1px solid #ddd}.logout-item:first-child{border-top:none}@media (max-width: 768px){.trigger{padding:0 16px;font-size:16px}.user-info{flex-direction:row}.user-info-icon,.user-name{display:none}}.header-container{display:flex;justify-content:space-between;align-items:center;padding:0 16px;background-color:#fff;box-shadow:0 2px 4px #0000001a;transition:background-color .3s ease,box-shadow .3s ease}.header-left{display:flex;align-items:center;transition:transform .3s ease}.header-left:hover{transform:scale(1.05)}.trigger{font-size:24px;color:#000;cursor:pointer;transition:color .3s ease,transform .3s ease}.trigger:hover{color:#1890ff;transform:rotate(90deg)}.header-right{display:flex;align-items:center;margin-right:16px;transition:transform .3s ease}.header-right:hover{transform:scale(1.05)}.ant-badge-count{background-color:#ff4d4f;color:#fff;font-size:12px;font-weight:700;border-radius:50%}.ant-dropdown-menu{border-radius:8px;box-shadow:0 4px 8px #0003;transition:box-shadow .3s ease}.ant-dropdown-menu-item{transition:background-color .3s ease,color .3s ease}.ant-dropdown-menu-item:hover{background-color:#e6f7ff;color:#1890ff}.ant-card{border-radius:8px;overflow:hidden;transition:box-shadow .3s ease}.ant-card:hover{box-shadow:0 6px 12px #0003}.clear-all-button{display:block;width:100%;text-align:center;background-color:#1890ff;color:#fff;border:none;border-radius:4px;font-size:14px;font-weight:700;margin-bottom:10px;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.clear-all-button:hover{background-color:#40a9ff}.clear-all-button:active{background-color:#096dd9;transform:scale(.98)}.notification-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;padding:0 10px;border-bottom:1px solid #eee;gap:50px}.priority-label{display:inline-block;padding:4px 8px;border:2px solid;border-radius:4px;font-weight:700;width:100%}.priority-top-urgent{border-color:red;color:red}.priority-forecast{border-color:#ff8c00;color:#ff8c00}.priority-confirmed{border-color:green;color:green}.priority-backlog{border-color:#ffb6c1;color:#ffb6c1}.priority-sample{border-color:#ff1493;color:#ff1493}.priority-urgent-sample{border-color:#8b0000;color:#8b0000}.priority-additional{border-color:brown;color:brown}.priority-new-item{border-color:#ff4500;color:#ff4500}.priority-rescheduled{border-color:violet;color:violet}.priority-for-checking{border-color:#8b4513;color:#8b4513}.priority-for-pulling{border-color:#0ff;color:#0ff}.priority-default{border-color:#000;color:#000}.priority-no-value{border:none;color:gray}.jo-status{display:inline-block;padding:4px 8px;border-radius:4px;width:100%;font-weight:700}.jo-status.open{border:2px solid green;color:green}.jo-status.closed{border:2px solid red;color:red}.jo-status.default{border:2px solid black;color:#000}.jo-status.no-value{border:none;color:gray}.mainboard-container{padding:24px;background:#fff;box-shadow:0 6px 16px #0000000d;border-radius:12px;max-width:100%;max-height:100%;margin:0 auto;transition:all .3s ease;overflow:hidden}.mainboard-container:hover{box-shadow:0 10px 20px #0000001a;transform:translateY(-2px)}.mainboard-title{text-align:center;font-size:22px;font-weight:600;margin-bottom:20px;color:#333;position:relative}.mainboard-title:after{content:"";display:block;width:80px;height:3px;background-color:#1e90ff;margin:12px auto 0;border-radius:2px}.search-bar-container{display:flex;justify-content:center;margin:24px 0;position:relative}.search-bar-container:after{content:"";display:block;width:100%;height:1px;background-color:#e0e0e0;position:absolute;top:-12px;left:0}.search-input{width:100%;max-width:480px;border-radius:8px;padding:10px 16px;border:1px solid #d9d9d9;transition:all .3s ease;border-color:#1e90ff}.search-input:focus{border-color:#1e90ff;box-shadow:0 0 8px #1e90ff33}.styled-table .ant-pagination{display:flex;justify-content:center;margin-top:20px}.styled-table .ant-pagination-item{border-radius:8px;background-color:#f0f0f0;transition:background-color .3s ease,transform .3s ease;display:flex;justify-content:center;align-items:center;margin:0 5px;padding:10px 15px;box-shadow:0 2px 5px #0000001a}.styled-table .ant-pagination-item:hover{background-color:#1e90ff;border-color:#1e90ff;color:#fff;transform:scale(1.05)}.styled-table .ant-pagination-item-active{background-color:#1e90ff;border-color:#1e90ff;color:#fff;box-shadow:0 2px 8px #1e90ff4d}.styled-table .ant-pagination-item-active:hover{background-color:#1e90ff;transform:scale(1.05)}.styled-table .ant-pagination-item a{color:#595959;font-weight:500;text-decoration:none}.styled-table .ant-pagination-item-active a{color:#fff}.styled-table .ant-pagination-prev,.styled-table .ant-pagination-next{display:flex;justify-content:center;align-items:center}.styled-table .ant-pagination-prev .ant-pagination-item-link,.styled-table .ant-pagination-next .ant-pagination-item-link{border-radius:50%;background-color:#f0f0f0;transition:background-color .3s ease,transform .3s ease;padding:10px}.styled-table .ant-pagination-prev .ant-pagination-item-link:hover,.styled-table .ant-pagination-next .ant-pagination-item-link:hover{background-color:#1e90ff;border-color:#1e90ff;color:#fff;transform:scale(1.1)}.styled-table .ant-pagination-disabled{color:#d9d9d9;pointer-events:none}.ant-table-thead>tr>th{background-color:#f5f7fa;color:#595959;font-weight:500;text-align:left!important;padding:10px;text-transform:uppercase;letter-spacing:.8px;border-bottom:1px solid #e0e0e0;font-size:13px}.ant-table-tbody>tr>td{text-align:left!important;font-size:13px;padding:10px;transition:background-color .2s ease,transform .3s ease}.ant-table-tbody>tr:hover{background-color:#fafafa;transform:translateY(-3px);box-shadow:0 4px 8px #0000001a}.add-process-button{border-color:#1e90ff;color:#1e90ff;transition:background-color .3s ease,color .3s ease}.add-process-button:hover{background-color:#1e90ff;color:#fff}@media (max-width: 768px){.mainboard-container{padding:16px;border-radius:10px}.mainboard-title{font-size:20px}.search-input{width:80%;max-width:280px}.ant-table-thead>tr>th,.ant-table-tbody>tr>td{padding:8px;font-size:12px}.ant-pagination-item{width:30px;height:30px;line-height:30px}}.refresh-button,.sync-button{height:45px}.scrollable-table{max-height:300px;overflow-y:auto;margin-top:20px;border-radius:12px;background-color:#f9f9f9;box-shadow:0 6px 30px #00000026;transition:box-shadow .3s,transform .3s ease}.scrollable-table:hover{box-shadow:0 12px 40px #00000040;transform:translateY(-4px)}.cycle-time-table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:8px;overflow:hidden}.cycle-time-table th,.cycle-time-table td{border:1px solid #ddd;padding:10px;text-align:left;vertical-align:middle;transition:background-color .3s ease,transform .3s ease}.cycle-time-table th{background:linear-gradient(135deg,#4b6cb7,#182848);color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.1em;transition:background-color .3s ease;text-align:center}.cycle-time-table td{background-color:#fff;text-align:center!important}.cycle-time-table tr{transition:background-color .3s ease,transform .3s ease}.cycle-time-table tr:hover{background-color:#f0f7ff;transform:scale(1.02)}.process-label{font-weight:700;color:#444;padding-left:0;transition:color .3s ease;text-align:left}.cycle-time-input{top:10px;width:80%;padding:5px;border:1px solid #ccc;height:40px;border-radius:6px;background-color:#f9f9f9;transition:border-color .3s ease,box-shadow .3s ease,background-color .3s ease;margin:0;font-size:.9em}.cycle-time-input:focus{border-color:#4b6cb7;box-shadow:0 0 10px #4b6cb766;background-color:#fff}.cycle-time-input::placeholder{color:#aaa}.cycle-time-input:focus::placeholder{color:#888}.cycle-time-input:disabled{background-color:#f2f2f2;border-color:#ddd}.cycle-time-table .input-cell{text-align:left;padding:0}