.modal-overlay-api-error{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1100}.modal-content-api-error{background:#fff;border-radius:12px;padding:10px 10px 20px 20px;max-width:460px;width:90%;box-shadow:0 4px 6px #0000001a;position:relative;text-align:center}.modal-close-btn-api-error{position:absolute;top:8px;right:0;background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.modal-icon-api-error{margin-bottom:16px;display:flex;align-items:center;justify-content:center}.modal-close-btn-api-error:hover{background-color:#f3f4f6}.modal-title-api-error{font-family:DM Sans,sans-serif;font-size:20px;font-weight:600;color:#202020;margin:0 0 8px}.modal-body-api-error{margin-bottom:24px}.modal-message-api-error{font-family:DM Sans,sans-serif;font-size:14px;color:#555;line-height:1.5;margin:0}.modal-details-api-error{list-style:none;padding:12px 16px;margin:12px 0 0;text-align:left;background-color:#fef2f2;border-radius:8px}.modal-details-api-error li{font-family:DM Sans,sans-serif;font-size:13px;color:#991b1b;line-height:1.6}.modal-actions-api-error{display:flex;justify-content:center}.btn-accept-api-error{padding:12px 48px;border-radius:8px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease;border:none;background-color:#ed1c24;color:#fff}.btn-accept-api-error:hover{background-color:#d41a20}.bg-body{background:linear-gradient(to right,#ffffff80 0,#ffffff80),url(https://www.bridgestone.com/etc/images/top/bg_about.jpg) center;background-size:cover;min-height:100vh;width:100%;position:fixed;top:0;left:0;right:0;bottom:0}.sidebar{position:fixed;left:0;top:0;width:268px;height:100vh;background-color:#fff;border-right:1px solid #e5e5e5;display:flex;flex-direction:column;z-index:100}.sidebar-logo{padding:16px 20px;text-align:center;border-bottom:1px solid #f5f5f5}.logo-image{width:195px;height:50px;object-fit:contain}.sidebar-title{padding:8px 16px;text-align:left;border-bottom:1px solid #f5f5f5}.sidebar-title h1{font-family:DM Sans,sans-serif;font-weight:600;font-size:20px;color:#202020;margin:0;line-height:1.2}.sidebar-nav{padding:16px 0 0}.nav-list{list-style:none;padding:0;margin:0}.nav-item{margin-bottom:4px;margin-left:4px;margin-right:4px}.nav-item.active{background-color:#fafafa}.nav-link{display:flex;align-items:center;padding:12px 20px;color:#313131;text-decoration:none;font-family:DM Sans,sans-serif;font-weight:500;font-size:16px;transition:background-color .2s;background:none;border:none;width:100%;text-align:left;cursor:pointer}.nav-link.active,.nav-link:hover{background-color:#fafafa}.nav-link.active{color:#ed1c24;border:1px solid #ed1c24}.nav-link.active .nav-icon svg path{fill:#ed1c24}.nav-icon{margin-right:12px;width:16px;text-align:center}.sidebar-actions{padding:16px;border-top:1px solid #f5f5f5;display:flex;flex-direction:column;gap:12px;margin-top:auto}.sidebar-actions-buttons{display:flex;flex-direction:row;gap:12px}.sidebar-action-btn{width:100%;padding:8px 12px;border-radius:8px;font-family:DM Sans,sans-serif;font-weight:500;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .2s;border:none}.sidebar-action-btn.export-btn{background-color:#fff;color:#ed1c24;border:1px solid #ed1c24}.sidebar-action-btn.export-btn:hover{background-color:#f9f9f9}.sidebar-action-btn.add-btn{background-color:#ed1c24;color:#fff;border:none}.sidebar-action-btn.add-btn:hover{background-color:#d0171f}.sidebar-action-btn:disabled{opacity:.6;cursor:not-allowed}.sidebar-action-btn.export-btn:disabled:hover{background-color:#fff}.sidebar-action-btn.add-btn:disabled:hover{background-color:#ed1c24}.action-icon{font-size:12px}.sidebar-unifases{padding:8px 16px 0;overflow-y:auto;max-height:calc(100vh - 500px)}.unifase-totales{padding:4px 0;background-color:transparent;border:1px solid #ed1c24;border-radius:8px;margin-top:12px}.total-row{display:flex;justify-content:space-between;align-items:center;padding:4px 12px}.total-row.total-final{border-top:1px solid #e5e5e5;padding-top:12px;margin-top:6px}.total-label{font-family:DM Sans,sans-serif;font-weight:500;font-size:14px;color:#202020}.total-value{font-family:DM Sans,sans-serif;font-weight:700;font-size:16px;color:#202020}.total-value-final{color:#ed1c24;font-size:18px}.tooltip-trigger{cursor:help}.shift-tooltip-popup{position:fixed;left:276px;background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:12px;min-width:180px;max-width:240px;box-shadow:0 4px 16px #0000001f;z-index:200;pointer-events:none}.shift-tooltip-title{font-family:DM Sans,sans-serif;font-weight:600;font-size:13px;color:#ed1c24;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #f0f0f0}.shift-tooltip-row{display:flex;justify-content:space-between;align-items:center;padding:3px 0;gap:12px}.shift-tooltip-group-name{font-family:DM Sans,sans-serif;font-weight:400;font-size:12px;color:#555;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shift-tooltip-count{font-family:DM Sans,sans-serif;font-weight:700;font-size:13px;color:#202020;flex-shrink:0}.shift-tooltip-empty{font-family:DM Sans,sans-serif;font-size:12px;color:#999;font-style:italic}.sidebar-footer{padding:20px;border-top:1px solid #f5f5f5;margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:12px}.unsaved-changes-warning{width:217px;padding:5px 12px;background-color:#f4eca445;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:8px;font-family:DM Sans,sans-serif;font-weight:800;font-size:13px;line-height:1;color:#f4a107}.unsaved-changes-warning .warning-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.unsaved-changes-warning .warning-icon svg{width:18px;height:18px}.save-button{width:217px;padding:12px 20px;background-color:#ed1c24;color:#fff;border:1px solid #ed1c24;border-radius:8px;font-family:DM Sans,sans-serif;font-weight:500;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background-color .3s}.save-button:hover:not(:disabled){background-color:#d0171f}.save-button:disabled{background-color:#ccc;border-color:#ccc;cursor:not-allowed;opacity:.7}.export-confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:500;display:flex;align-items:center;justify-content:center}.export-confirm-popup{background:#fff;border-radius:12px;padding:24px;width:320px;box-shadow:0 8px 32px #0000002e;display:flex;flex-direction:column;gap:20px}.export-confirm-question{font-family:DM Sans,sans-serif;font-weight:500;font-size:15px;color:#202020;margin:0;line-height:1.5;text-align:center}.export-confirm-buttons{display:flex;gap:12px}.export-confirm-btn{flex:1;padding:10px 0;border-radius:8px;font-family:DM Sans,sans-serif;font-weight:500;font-size:15px;cursor:pointer;border:none;transition:background-color .2s}.export-confirm-yes{background-color:#ed1c24;color:#fff}.export-confirm-yes:hover{background-color:#d0171f}.export-confirm-no{background-color:#f5f5f5;color:#313131;border:1px solid #e5e5e5}.export-confirm-no:hover{background-color:#ebebeb}@media (max-width: 768px){.sidebar{width:240px}.logo-image{width:180px;height:24px}}.sidebar-calendar{padding:8px 16px;border-bottom:1px solid #f5f5f5;width:100%;max-width:268px;box-sizing:border-box}.calendar-mini-header{display:flex;align-items:center;justify-content:center;margin-bottom:10px;width:100%}.calendar-nav-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:opacity .2s;flex-shrink:0}.calendar-nav-btn svg{width:8px;height:12px}.calendar-nav-btn:hover{opacity:.6}.calendar-month-year{font-family:DM Sans,sans-serif;font-weight:600;font-size:14px;color:#202020;text-transform:capitalize;text-align:center;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 8px}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-bottom:0}.calendar-weekday{font-family:DM Sans,sans-serif;font-weight:600;font-size:12px;color:#202020;text-align:center;padding:4px 0}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:0px}.calendar-day-cell{aspect-ratio:1;display:flex;align-items:center;justify-content:left}.calendar-day{width:60%;height:60%;border:none;background:none;font-family:DM Sans,sans-serif;font-weight:500;font-size:10px;color:#313131;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s;position:relative}.calendar-day.selected{background-color:#ed1c24;color:#fff;font-weight:600}.skeleton-shift-totals{display:flex;flex-direction:column;gap:12px;padding:16px}.skeleton-total-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.skeleton-total-row.skeleton-total-final{border-top:1px solid #e0e0e0;padding-top:12px;margin-top:4px}.skeleton-total-label{width:60px;height:16px}.skeleton-total-value{width:30px;height:16px}.layout{min-height:100vh;display:flex;background-color:#fafafa}.main-content{flex:1;margin-left:268px;width:calc(100vw - 268px);min-height:100vh}@media (max-width: 768px){.main-content{margin-left:240px;width:calc(100vw - 240px)}}.configure-matrix{padding:0 20px 20px;background-color:#fafafa;min-height:calc(100vh - 88px)}.matrix-top-bar{position:sticky;top:0;z-index:10;background-color:#fafafa;padding:20px;display:flex;justify-content:space-between;align-items:center}.matrix-top-bar .filter-section{display:flex;align-items:center;justify-content:flex-start;gap:15px}.filter-dropdown{border:1px solid rgba(197,197,197,.5);border-radius:8px;padding:8px;display:flex;align-items:center;gap:8px;background-color:#fff;min-width:160px;position:relative;cursor:pointer}.filter-dropdown.figma-style{border:1px solid rgba(197,197,197,.5);border-radius:8px;padding:4px 8px;display:flex;align-items:center;gap:8px;background-color:#fff;position:relative}.filter-button-add-machine{border:none;border-radius:8px;padding:8px 12px;display:flex;align-items:center;gap:8px;background-color:#e30613;color:#fff;cursor:pointer;font-family:Inter,sans-serif;font-weight:500;font-size:14px;position:relative}.matrix-container{margin-bottom:80px}.cell-section{margin-bottom:40px}.cell-header{display:flex;align-items:center;margin-bottom:20px;padding-left:20px}.cell-arrow{color:#252534;font-size:16px;margin-right:10px;transition:transform .2s ease}.cell-arrow.expanded{transform:rotate(0)}.cell-title{font-family:DM Sans,sans-serif;font-weight:600;font-size:18px;color:#202020;margin:0}.matrix-table{background-color:#fff;border-radius:20px;overflow:hidden;box-shadow:0 2px 8px #0000001a;margin:0 20px}.matrix-header{display:grid;grid-template-columns:.5fr .5fr repeat(5,1fr);background-color:#f7f7f7;border-bottom:1px solid #f5f5f5}.header-cell{padding:15px 10px;text-align:center;justify-self:center;font-family:DM Sans,sans-serif;font-weight:600;font-size:14px;color:#202020}.shift-header{text-align:left;padding-left:20px}.machine-cell{border-right:1px solid #f5f5f5;text-align:center;display:flex;align-items:center;justify-content:center;justify-self:stretch}.matrix-row{display:grid;grid-template-columns:.5fr .5fr repeat(5,1fr);border-bottom:1px solid #f5f5f5}.matrix-row:last-child{border-bottom:none}.shift-cell{padding:15px 20px;font-family:DM Sans,sans-serif;font-weight:600;font-size:14px;color:#202020;display:flex;align-items:center;border-right:1px solid #f5f5f5}.matrix-cell{border:none;background:none;cursor:pointer;padding:5px;height:75px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border-right:1px solid #f5f5f5;text-align:center;max-width:100%}.matrix-cell:last-child{border-right:none}.empty-cell{background-color:transparent}.empty-cell:hover{background-color:#ed1c240d}.empty-cell.drag-over{background-color:#3b82f626;outline:2px dashed #3b82f6;outline-offset:-2px}.employee-card{cursor:grab;width:100%;max-width:100%;border-radius:10px;padding:8px 12px;text-align:left;display:flex;align-items:center;gap:8px;position:relative;overflow:hidden}.employee-card:active{cursor:grabbing}.employee-card[draggable=true]:hover{background-color:#3b82f626;outline:2px dashed #3b82f6;outline-offset:-2px;z-index:100}.employee-card.dragging{opacity:.5;transform:rotate(5deg)}.employee-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0}.employee-info{flex:1;min-width:0;overflow:hidden}.employee-name{font-family:DM Sans,sans-serif;font-weight:700;font-size:12px;color:#000;line-height:16px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-id{font-family:DM Sans,sans-serif;font-weight:600;font-size:10px;color:#3f3f3f;line-height:13px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-description{font-family:DM Sans,sans-serif;font-weight:300;font-size:12px;color:#202020;line-height:13px}.employee-hours{font-family:DM Sans,sans-serif;font-weight:300;font-size:12px;color:#333;line-height:13px}.employee-dates{font-family:DM Sans,sans-serif;font-weight:300;font-size:12px;color:#202020;line-height:13px}.absence-card{background-color:#fcfaf1;border:2px solid #f9ecaa}.absence-card .employee-dot{background-color:#f59e0b}.leave-card{background-color:#f9f2f2;border:2px solid #fee1e1}.leave-card .employee-dot{background-color:#ef4444}.other-card{background-color:#f0f9f2;border:2px solid #c2eecc}.other-card .employee-dot{background-color:#10b981}.rest-card{background-color:#f4f2ff;border:2px solid #d5cdff}.rest-card .employee-dot{background-color:#745bf1}.holding-card{background-color:#f0ebff;border:2px solid #c4b5fd}.holding-card .employee-dot,.rest-type .employee-dot{background-color:#745bf1}.no-type-card{background-color:#f9f9f9;border:1px solid #e5e5e5}.user-button{display:flex;align-items:center;gap:8px;padding:8px 12px;cursor:pointer;font-family:Inter,sans-serif;font-weight:500;font-size:14px;color:#374151;transition:all .2s ease;background-color:transparent}.formation-card{background-color:#f0f7ff;border:2px solid #b3d4ff}.formation-card .employee-dot{background-color:#3b82f6}.split-cell-matrix{display:flex;flex-direction:column;padding:5px;min-height:75px;width:100%;height:100%;border-right:1px solid #f5f5f5}.split-cell-matrix:last-child{border-right:none}.split-top,.split-bottom{flex:1;border-radius:6px;padding:4px 8px;display:flex;align-items:center;gap:6px;cursor:grab;transition:transform .2s ease;width:100%;max-width:100%;overflow:hidden}.split-top:hover,.split-bottom:hover{outline:2px dashed #3b82f6;outline-offset:-2px;background-color:#3b82f626}.split-top:active,.split-bottom:active{cursor:grabbing}.split-top{margin-bottom:2px}.split-top.dragging,.split-bottom.dragging{opacity:.5}.split-top .employee-info,.split-bottom .employee-info{flex:1;min-width:0;text-align:left}.split-top .employee-name,.split-bottom .employee-name{font-size:12px;line-height:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.split-top .employee-id,.split-bottom .employee-id{font-size:10px;line-height:12px}.split-top .employee-dot,.split-bottom .employee-dot{width:8px;height:8px}.employee-card.drag-over{background-color:#3b82f626;outline:2px dashed #3b82f6;outline-offset:-2px}.rotation-indicator{position:absolute;top:10px;left:10px;width:14px;height:14px;z-index:10;pointer-events:none}.matrix-cell,.split-cell-matrix{position:relative}.rotation-indicator-split{position:absolute;top:10px;left:10px;z-index:15}.special-cell{display:flex;flex-direction:column;padding:5px;gap:3px;min-height:75px;height:auto;border-right:1px solid #f5f5f5;position:relative}.special-cell:last-child{border-right:none}.special-cell:hover{background-color:#ed1c240d}.special-cell.drag-over{background-color:#3b82f614;outline:2px dashed #3b82f6;outline-offset:-2px}.special-worker-card{border-radius:8px;padding:5px 8px;display:flex;align-items:center;gap:6px;cursor:grab;width:100%;text-align:left;transition:opacity .15s ease;overflow:hidden;box-sizing:border-box}.special-worker-card:hover{outline:2px dashed #3b82f6;outline-offset:-2px;background-color:#3b82f61a}.special-worker-card:active{cursor:grabbing}.special-worker-card.dragging{opacity:.4}.special-worker-card .employee-dot{width:9px;height:9px;flex-shrink:0}.special-worker-card .employee-info{flex:1;min-width:0}.special-worker-card .employee-name{font-size:11px;line-height:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.special-worker-card .employee-id{font-size:10px;line-height:12px}.modal-overlay-employee{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content-employee{background-color:#fff;border:3px solid #c5c5c5;border-radius:12px;width:496px;min-height:400px;max-height:90vh;position:relative;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.modal-content-employee *{box-sizing:border-box}.modal-close-btn-employee{position:absolute;top:8px;right:8px;background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.modal-close-btn-employee:hover{background-color:#fff}.modal-title-employee{font-family:DM Sans,sans-serif;font-size:24px;font-weight:600;color:#202020;margin:0 0 24px;text-align:center}.form-group-employee{margin-bottom:20px;position:relative}.form-group-employee label{display:block;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px;text-align:left}.form-input-employee{width:100%;height:40px;padding:0 16px;border:1px solid #c5c5c5;border-radius:8px;color:#313131}.search-input-container-employee{position:relative}.search-icon-employee{position:absolute;left:16px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.search-icon-employee svg{width:21px;height:20px}.search-input-employee{width:100%;height:40px;padding:0 16px 0 48px;border:1px solid #c5c5c5;border-radius:8px;font-family:DM Sans,sans-serif;font-size:14px;background-color:#fff;color:#313131}.search-input-employee:focus{outline:none;border-color:#ed1c24}.form-group-employee .select-container{position:relative;width:100%}.form-group-employee .form-select{color:#313131;width:100%;height:40px;padding:0 16px;border:1px solid #c5c5c5;border-radius:8px;font-family:DM Sans,sans-serif;font-size:14px;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.form-group-employee .form-select:focus{outline:none;border-color:#ed1c24}.form-group-employee .select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:#6b7280;font-size:12px}.form-textarea-employee{width:100%;height:80px;padding:12px 16px;border:1px solid #c5c5c5;border-radius:8px;font-family:DM Sans,sans-serif;font-size:14px;resize:none;background-color:#fff;color:#313131}.form-textarea-employee:focus{outline:none;border-color:#ed1c24}.modal-actions-employee{margin-top:auto;display:flex;justify-content:flex-end;gap:12px}.btn-cancel-employee,.btn-save-employee{padding:12px 24px;border-radius:8px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease;border:none}.btn-cancel-employee{background-color:#fff;color:#6b7280;border:1px solid #d1d5db}.btn-cancel-employee:hover{background-color:#f9fafb}.btn-save-employee{background-color:#ed1c24;color:#fff}.btn-save-employee:hover{background-color:#d41a20}.btn-save-employee:disabled{background-color:#d1d5db;cursor:not-allowed}.btn-save-employee:disabled:hover{background-color:#d1d5db}.future-change-section{margin-top:8px;margin-bottom:12px;padding-top:8px;border-top:1px solid rgba(0,0,0,.1)}.action-btn-delete{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease;flex-shrink:0}.action-btn-delete:hover{opacity:.7}@media (max-width: 768px){.modal-content-employee{width:90%;max-width:496px;height:auto;min-height:400px;padding:20px}.modal-actions-employee{flex-direction:column}.btn-cancel-employee,.btn-save-employee{width:100%}}.modal-content-edit{background-color:#fff;border:3px solid #c5c5c5;border-radius:12px;width:496px;position:relative;padding:10px 14px;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;overflow:visible;max-height:300px}.modal-content-edit.absence-card{background-color:#fcfaf1;border:3px solid #f9ecaa}.modal-content-edit.leave-card{background-color:#f9f2f2;border:3px solid #fee1e1}.modal-content-edit.other-card{background-color:#f0f9f2;border:3px solid #c2eecc}.modal-content-edit.rest-card{background-color:#f4f2ff;border:3px solid #d5cdff}.modal-content-edit.holding-card{background-color:#f0ebff;border:3px solid #c4b5fd}.modal-header-section{display:flex;flex-direction:column;margin-bottom:0;flex-shrink:0}.modal-content-edit .employee-header{display:flex;align-items:flex-start;gap:6px}.employee-status-section{display:flex;align-items:flex-start;gap:8px}.detail-status{display:flex;gap:6px;margin-top:4px;margin-bottom:8px;margin-left:4px}.status-circle{width:12px;height:12px;border-radius:50%;flex-shrink:0;margin-top:1px}.employee-name-status{display:flex;flex-direction:column;gap:2px;margin-left:20px}.modal-content-edit .employee-info{display:flex;flex-direction:column;gap:0px;flex:1}.modal-content-edit .employee-name-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin-bottom:2px}.modal-content-edit .employee-name{font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;color:#202020;margin:0;line-height:1.1;text-align:left}.modal-content-edit .action-buttons{display:flex;gap:4px;align-items:center;flex-shrink:0;position:relative}.modal-content-edit .action-btn-delete{background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;transition:opacity .2s ease}.modal-content-edit .action-btn-wrapper{position:relative;display:flex}.action-btn-tooltip{position:fixed;transform:translate(-50%,-100%);background-color:#333;color:#fff;font-family:DM Sans,sans-serif;font-size:11px;font-weight:400;white-space:nowrap;padding:4px 8px;border-radius:4px;pointer-events:none;z-index:9999}.modal-content-edit .action-btn{background:none;border:none;padding:2px;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-content-edit .action-btn:hover{opacity:.7}.modal-content-edit .employee-status{font-family:DM Sans,sans-serif;font-size:13px;font-weight:400;text-align:left;align-self:flex-start;line-height:1.1;color:#202020}.modal-body{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}.modal-content-edit .employee-details{display:flex;flex-direction:column;gap:4px}.modal-content-edit .detail-row{display:flex;align-items:flex-start;gap:6px;margin-bottom:4px;margin-left:4px}.modal-content-edit .detail-number-employee{display:flex;align-items:center;gap:6px;color:#202020;font-family:DM Sans,sans-serif;font-size:13px;font-weight:400;line-height:1.2;margin-bottom:4px;margin-left:20px}.modal-content-edit .detail-icon{font-size:16px;flex-shrink:0;margin-top:2px}.modal-content-edit .employee-dates{font-family:DM Sans,sans-serif;font-weight:400;font-size:13px;color:#202020;line-height:1.2}.modal-content-edit .location-info{display:flex;gap:10px;font-family:DM Sans,sans-serif;font-size:16px;color:#202020;flex-wrap:wrap;line-height:1.2}.modal-content-edit .location-info .bold{font-weight:700}.modal-content-edit .comment-text{font-family:DM Sans,sans-serif;font-size:13px;color:#202020;line-height:1.2}.future-change-section{margin-top:8px;padding-top:8px;border-top:1px solid rgba(0,0,0,.1)}.future-change-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;gap:8px}.future-change-content{display:flex;align-items:center;gap:8px;flex:1}.future-change-icon{width:14px;height:14px;flex-shrink:0}.future-change-text{font-family:DM Sans,sans-serif;font-size:12px;font-weight:500;color:#202020;line-height:1.3}.future-change-delete-btn{margin-left:auto;padding:4px}.future-change-delete-btn img{width:14px;height:14px}.modal-overlay-save{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content-save{background-color:#fff;border:3px solid #c5c5c5;border-radius:12px;width:496px;min-height:300px;max-height:90vh;position:relative;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.modal-close-btn-save:hover{background-color:#fff}.modal-title-save{font-family:DM Sans,sans-serif;font-size:24px;font-weight:600;color:#202020;margin:0 0 24px;text-align:center}.form-group-save{margin-bottom:20px}.form-group-save label{display:block;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px;text-align:left}.form-group-date{margin-bottom:20px}.form-group-date label{display:block;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px;text-align:left}.modal-actions-save{margin-top:auto;display:flex;justify-content:flex-end;gap:12px}.btn-cancel-save,.btn-save-save{padding:12px 24px;border-radius:8px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease;border:none}.btn-cancel-save{background-color:#fff;color:#6b7280;border:1px solid #d1d5db}.btn-cancel-save:hover{background-color:#f9fafb}.btn-save-save{background-color:#ed1c24;color:#fff}.btn-save-save:hover{background-color:#d41a20}.modal-overlay-formation{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content-formation{background-color:#fff;border:3px solid #c5c5c5;border-radius:12px;width:496px;min-height:200px;max-height:90vh;position:relative;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.modal-close-btn-save{position:absolute;top:8px;right:8px;background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.form-group-formation{margin-bottom:20px;margin-top:20px}.form-group-formation label{display:block;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px;text-align:left}.modal-actions-fomation{margin-top:auto;display:flex;justify-content:flex-end;gap:12px}.btn-cancel-fomation,.btn-save-fomation{padding:12px 24px;border-radius:8px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease;border:none}.btn-cancel-fomation{background-color:#fff;color:#6b7280;border:1px solid #d1d5db}.btn-cancel-fomation:hover{background-color:#f9fafb}.btn-save-fomation{background-color:#ed1c24;color:#fff}.btn-save-fomation:hover{background-color:#d41a20}.modal-content-reinstate{background-color:#fff;border:3px solid #c5c5c5;border-radius:12px;width:496px;min-height:450px;max-height:90vh;position:relative;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.modal-content-reinstate *{box-sizing:border-box}.form-title{font-family:DM Sans,sans-serif;font-size:18px;font-weight:500;color:#ed1c24;margin-bottom:8px;text-align:left;font-weight:600}.container-checkbox{display:flex;align-items:center;gap:8px}.container-checkbox input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:2px solid #000000;background-color:#fff;border-radius:2px;cursor:pointer;position:relative;margin:0;flex-shrink:0}.container-checkbox input[type=checkbox]:checked{background-color:#ed1c24;border-color:#ed1c24}.container-checkbox input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700}.container-checkbox input[type=checkbox]:focus{outline:2px solid #ed1c24;outline-offset:2px}.container-checkbox label{font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#313131;margin:0;cursor:pointer}@media (max-width: 768px){.modal-content-reinstate{width:90%;max-width:496px;height:auto;min-height:450px;padding:20px}.form-row{flex-direction:column;gap:0}.modal-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%}}.dropdown-section-title{padding:8px 12px 4px;font-size:11px;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.dropdown-app-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background-color:transparent;border:none;text-align:left;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;color:#374151;text-decoration:none;transition:background-color .2s ease}.dropdown-app-item:hover{background-color:#f3f4f6}.dropdown-app-icon{font-size:16px;width:20px;text-align:center}.dropdown-app-name{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-portal{color:#6b7280;font-size:12px}.dropdown-divider{height:1px;background-color:#e5e7eb;margin:4px 0}.skeleton-matrix{display:flex;flex-direction:column;gap:16px;padding:20px;width:100%}.skeleton-matrix-section{background:#fff;border-radius:8px;padding:16px}.skeleton-matrix-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.skeleton-matrix-arrow{width:16px;height:16px}.skeleton-matrix-title{width:80px;height:20px}.skeleton-matrix-table{display:flex;flex-direction:column;gap:4px}.skeleton-matrix-table-header{display:grid;grid-template-columns:100px repeat(3,1fr);gap:4px;margin-bottom:8px}.skeleton-matrix-header-cell{height:32px}.skeleton-matrix-row{display:grid;grid-template-columns:100px repeat(3,1fr);gap:4px}.skeleton-matrix-cell{height:70px;min-width:100px}.skeleton-matrix-machine{height:70px;width:100px}.modal-overlay-confirm-delete{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content-confirm-delete{background:#fff;border-radius:8px;padding:24px;max-width:400px;width:90%;box-shadow:0 4px 6px #0000001a;position:relative}.modal-close-btn-confirm{position:absolute;top:16px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:#666}.modal-title-confirm{font-size:20px;font-weight:600;margin-bottom:16px;color:#333}.form-group-confirm-delete{margin-bottom:24px}.form-group-confirm-delete p{margin-bottom:12px;color:#555;line-height:1.5}.warning-text{color:#d32f2f;font-weight:500;font-size:14px}.modal-actions-confirm-delete{display:flex;gap:12px;justify-content:flex-end}.btn-cancel-confirm,.btn-delete-confirm{padding:10px 20px;border-radius:4px;border:none;cursor:pointer;font-weight:500;transition:all .2s}.btn-cancel-confirm{background-color:#f5f5f5;color:#333}.btn-cancel-confirm:hover{background-color:#e0e0e0}.btn-delete-confirm{background-color:#d32f2f;color:#fff}.btn-delete-confirm:hover{background-color:#b71c1c}.modal-content{background-color:#fff;border:3px solid #c5c5c5;border-radius:12px;width:810px;min-height:590px;max-height:90vh;position:relative;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.modal-content *{box-sizing:border-box}.modal-close-btn:hover{background-color:#fff}.form-group{margin-bottom:10px}.form-group label{display:block;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.form-group-absence{margin-bottom:20px;position:relative}.search-input-container{position:relative}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center}.search-icon svg{width:21px;height:20px}.search-input{width:100%;height:40px;padding:0 16px 0 48px;border:1px solid #c5c5c5;border-radius:8px;font-family:DM Sans,sans-serif;font-size:14px;background-color:#fff;color:#313131}.search-input:focus{outline:none;border-color:#ed1c24}.search-loading{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:12px;color:#6b7280}.search-dropdown-employee{position:absolute;top:100%;left:0;right:0;background-color:#fff;border:1px solid #c5c5c5;border-radius:8px;margin-top:4px;max-height:200px;overflow-y:auto;z-index:10;box-shadow:0 4px 6px #0000001a}.search-dropdown-item{padding:12px 16px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .15s ease}.search-dropdown-item:hover{background-color:#f3f4f6}.search-dropdown-item.highlighted{background-color:#e5e7eb}.search-dropdown-item:first-child{border-radius:8px 8px 0 0}.search-dropdown-item:last-child{border-radius:0 0 8px 8px}.operator-name{font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#202020}.operator-number{font-family:DM Sans,sans-serif;font-size:12px;color:#6b7280}.search-dropdown-empty{padding:12px 16px;font-family:DM Sans,sans-serif;font-size:14px;color:#6b7280;text-align:center}.form-input{width:100%;height:40px;padding:0 40px 0 16px;border:1px solid #c5c5c5;border-radius:8px;font-family:DM Sans,sans-serif;font-size:14px;background-color:#fff;color:#313131}.select-container{position:relative}.form-select{width:100%;height:40px;padding:0 40px 0 16px;border:1px solid #c5c5c5;border-radius:8px;font-family:DM Sans,sans-serif;font-size:14px;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.form-select:disabled{background-color:#f5f5f5;cursor:not-allowed;color:#9ca3af}.select-arrow{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none;font-size:10px}.form-textarea{width:100%;height:80px;padding:12px 16px;border:1px solid #c5c5c5;border-radius:8px;font-family:DM Sans,sans-serif;font-size:14px;resize:none;background-color:#fff;color:#313131}.form-textarea:focus{outline:none;border-color:#ed1c24}.info-field{height:40px;border:1px solid #c5c5c5;border-radius:8px;padding:0 16px;display:flex;align-items:center;font-family:DM Sans,sans-serif;font-size:14px;color:#202020;background-color:#f5f5f5}.assignment-label{font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;display:block;margin-bottom:8px}.assignment-label--new{color:#ed1c24}.assignments-section{margin-bottom:20px}.assignments-headers-row{display:flex;gap:8px;margin-bottom:8px}.assignments-group-header{display:flex;flex:3}.assignments-group-label{font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px;display:block;width:100%}.assignments-group-label--new{color:#ed1c24}.assignment-row{display:flex;gap:8px;align-items:flex-end}.assignment-field{flex:1;min-width:0}.assignment-field label{display:block;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#374151;margin-bottom:6px}.previous-assignment-field{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:8px 12px;min-height:40px;height:40px;display:flex;align-items:center;font-family:DM Sans,sans-serif;font-size:14px;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.previous-assignment-field.empty{color:#9ca3af;font-style:italic}@media (max-width: 768px){.modal-content{width:90%;max-width:810px;height:auto;min-height:590px;padding:20px}.form-row{flex-direction:column;gap:0}.assignments-headers-row{flex-direction:column;gap:8px}.assignment-row{flex-direction:column;gap:10px;align-items:stretch}.assignment-field{min-width:unset}.modal-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%}}.modal-overlay-holding{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content-holding{background-color:#fff;border:3px solid #c5c5c5;border-radius:12px;width:496px;min-height:300px;max-height:90vh;position:relative;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.modal-close-btn-holding{position:absolute;top:8px;right:8px;background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.modal-close-btn-holding:hover{background-color:#fff}.modal-title-holding{font-family:DM Sans,sans-serif;font-size:24px;font-weight:600;color:#202020;margin:0 0 24px;text-align:center}.holding-list{display:flex;flex-direction:column;gap:10px;flex:1}.holding-item{background-color:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:4px}.holding-item-header{display:flex;justify-content:space-between;align-items:center}.holding-item-name{font-family:DM Sans,sans-serif;font-size:14px;font-weight:600;color:#202020}.holding-item-number{font-family:DM Sans,sans-serif;font-size:12px;color:#6b7280}.holding-item-dates{font-family:DM Sans,sans-serif;font-size:12px;color:#6b7280;text-align:left;width:100%}.holding-item-comment{font-family:DM Sans,sans-serif;font-size:12px;color:#9ca3af;font-style:italic;text-align:left;width:100%}.holding-empty{font-family:DM Sans,sans-serif;font-size:14px;color:#9ca3af;text-align:center;padding:40px 0}.holding-loading,.holding-loading-more{display:flex;justify-content:center;padding:20px 0}.holding-spinner{width:24px;height:24px;border:3px solid #e0e0e0;border-top-color:#202020;border-radius:50%;animation:holding-spin .7s linear infinite}@keyframes holding-spin{to{transform:rotate(360deg)}}.holding-sentinel{height:1px}.calendar{padding:0 20px 20px;background-color:#fafafa;min-height:calc(100vh - 88px)}.calendar-top-bar{position:sticky;top:0;z-index:10;background-color:#fafafa;padding:20px;display:flex;justify-content:space-between;align-items:center}.calendar-top-bar .filter-section{display:flex;gap:10px;align-items:center;justify-content:flex-start}.filter-dropdown-calendar{border:1px solid rgba(197,197,197,.5);border-radius:8px;padding:8px;display:flex;align-items:center;gap:8px;background-color:#fff;position:relative;cursor:pointer}.filter-dropdown-calendar.figma-style{border:1px solid rgba(197,197,197,.5);border-radius:8px;padding:4px 8px;display:flex;align-items:center;gap:8px;background-color:#fff;position:relative}.filter-dropdown-calendar.date-picker,.filter-dropdown-calendar.date-picker .filter-select-hidden{cursor:pointer}.calendar-container{margin-bottom:80px;width:100%}.cell-calendar-section{margin-bottom:40px}.cell-calendar-header{display:flex;align-items:center;margin-bottom:20px;padding-left:20px}.cell-calendar-arrow{color:#252534;font-size:16px;margin-right:10px;transition:transform .2s ease}.cell-calendar-arrow.expanded{transform:rotate(0)}.cell-calendar-title{font-family:DM Sans,sans-serif;font-weight:600;font-size:18px;color:#202020;margin:0}.calendar-table{background-color:#fff;border-radius:20px;overflow:hidden;box-shadow:0 2px 8px #0000001a;flex:1;margin:0 50px 0 20px}.calendar-header{display:grid;grid-template-columns:120px 120px 1fr 1fr 1fr;background-color:#f7f7f7;border-bottom:1px solid #f5f5f5}.header-calendar-cell{padding:15px 0 15px 20px;text-align:center;font-family:DM Sans,sans-serif;font-weight:600;font-size:14px;color:#202020;width:105px}.header-calendar-cell:first-child{text-align:left}.shift-calendar-header{text-align:left;padding-left:20px}.calendar-row{display:grid;grid-template-columns:120px 120px 1fr 1fr 1fr;border-bottom:1px solid #f5f5f5}.calendar-row:last-child{border-bottom:none}.shift-calendar-cell{padding:15px 0;font-family:DM Sans,sans-serif;font-weight:600;font-size:14px;color:#202020;display:flex;align-items:center;justify-content:center;min-width:105px;border-right:1px solid #f5f5f5}.calendar-calendar-cell{border:none;background:none;cursor:pointer;padding:5px;height:75px;width:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;border-right:1px solid #f5f5f5}.calendar-calendar-cell:last-child{border-right:none}.empty-calendar-cell{background-color:transparent;width:100%;min-width:200px}.empty-calendar-cell:hover{background-color:#ed1c240d}.empty-calendar-cell.drag-over{background-color:#3b82f626;outline:2px dashed #3b82f6;outline-offset:-2px}.employee-calendar-card{cursor:grab}.employee-calendar-card:active{cursor:grabbing}.employee-calendar-card[draggable=true]:hover{background-color:#3b82f626;outline:2px dashed #3b82f6;outline-offset:-2px;z-index:100}.employee-calendar-card.drag-over{background-color:#3b82f626;outline:2px dashed #3b82f6;outline-offset:-2px}.employee-calendar-card.dragging{opacity:.5;transform:rotate(5deg)}.employee-calendar-card{width:100%;min-width:200px;border-radius:10px;padding:8px 12px;text-align:left;display:flex;align-items:center;gap:8px;position:relative}.employee-calendar-card:hover{background-color:transparent}.employee-calendar-dot{width:11px;height:11px;border-radius:50%;flex-shrink:0}.employee-calendar-info{flex:1;min-width:0}.employee-calendar-name{font-family:DM Sans,sans-serif;font-weight:700;font-size:12px;color:#000;line-height:16px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-calendar-id{font-family:DM Sans,sans-serif;font-weight:600;font-size:10px;color:#3f3f3f;line-height:13px;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.employee-calendar-description{font-family:DM Sans,sans-serif;font-weight:300;font-size:10px;color:#202020;line-height:13px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2}.employee-calendar-hours{font-family:DM Sans,sans-serif;font-weight:300;font-size:12px;color:#333;line-height:13px}.employee-calendar-dates{font-family:DM Sans,sans-serif;font-weight:300;font-size:12px;color:#202020;line-height:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.absence-calendar-card{background-color:#fcfaf1;border:2px solid #f9ecaa}.absence-calendar-card .employee-calendar-dot{background-color:#f59e0b}.leave-calendar-card{background-color:#f9f2f2;border:2px solid #fee1e1}.leave-calendar-card .employee-calendar-dot{background-color:#ef4444}.other-calendar-card{background-color:#f0f9f2;border:2px solid #c2eecc}.other-calendar-card .employee-calendar-dot{background-color:#10b981}.rest-calendar-card{background-color:#f4f2ff;border:2px solid #d5cdff}.rest-calendar-card .employee-calendar-dot{background-color:#745bf1}.holding-calendar-card{background-color:#f0ebff;border:2px solid #c4b5fd}.holding-calendar-card .employee-calendar-dot{background-color:#745bf1}.no-type-calendar-card{background-color:#f9f9f9;border:1px solid #e5e5e5}@media (max-width: 768px){.configure-calendar{padding:10px}.calendar-top-bar{padding-left:20px;flex-direction:column;gap:15px}.filter-section{flex-direction:column;width:100%}.filter-dropdown-calendar{min-width:auto;justify-content:space-between}.calendar-table{margin:0;border-radius:10px}.calendar-header,.calendar-row{grid-template-columns:120px 120px 1fr 1fr 1fr}.header-calendar-cell,.shift-calendar-cell{padding:8px 5px;font-size:12px;width:100%}.calendar-calendar-cell{width:100%}.empty-calendar-cell,.employee-calendar-card{width:100%;min-width:200px}.employee-calendar-name{font-size:12px}.employee-calendar-id,.employee-calendar-description,.employee-calendar-hours,.employee-calendar-dates{font-size:11px}}.calendar-columns{display:flex;justify-content:space-between;align-items:flex-start}.calendar-right-side{width:380px;height:100%;background-color:#fff;border-radius:20px;box-shadow:0 2px 8px #0000001a;padding:20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;margin-right:40px;margin-top:46px}.unifases-title{font-family:DM Sans,sans-serif;font-weight:600;font-size:18px;color:#202020;margin:0;text-align:left}.unifase-section{margin-bottom:0;border-bottom:1px solid #f5f5f5;width:100%}.unifase-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px;background-color:transparent;border:none;cursor:pointer;transition:opacity .2s}.unifase-header:hover{background-color:#f5f5f5;padding:12px}.unifase-header-left{display:flex;align-items:center;gap:8px}.unifase-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.unifase-tipo-label{font-family:DM Sans,sans-serif;font-weight:600;font-size:14px;color:#202020}.unifase-arrow{font-size:10px;color:#6b7280;transition:transform .2s}.unifase-arrow.expanded{transform:rotate(0)}.unifase-content{padding:0}.unifase-empleados-list{margin-bottom:0}.unifase-empleado-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid #f5f5f5;background-color:transparent;gap:12px}.empleado-nombre{font-family:DM Sans,sans-serif;font-weight:500;font-size:12px;color:#202020;text-align:left;flex:1.4;min-width:0}.empleado-fecha{font-family:DM Sans,sans-serif;font-weight:600;font-size:14px;color:#6b7280;text-align:right;flex:1;min-width:0}.unifase-empty{padding:12px;text-align:center;font-family:DM Sans,sans-serif;font-size:14px;color:#9ca3af;font-style:italic}.split-cell-calendar{display:flex;flex-direction:column;padding:1px;min-height:75px;width:100%;height:100%;border-right:1px solid #f5f5f5;min-width:0;overflow:hidden;min-width:200px}.split-cell-calendar:last-child{border-right:none}.split-cell-calendar .split-top,.split-cell-calendar .split-bottom{flex:1;border-radius:6px;padding:4px 8px;display:flex;align-items:center;gap:6px;cursor:grab;transition:transform .2s ease;width:100%;max-width:100%;overflow:hidden}.split-cell-calendar .split-top:hover,.split-cell-calendar .split-bottom:hover{background-color:#3b82f626;outline:2px dashed #3b82f6;outline-offset:-2px;z-index:101}.split-cell-calendar .split-top:active,.split-cell-calendar .split-bottom:active{cursor:grabbing}.split-cell-calendar .split-top{margin-bottom:2px}.split-cell-calendar .split-top.dragging,.split-cell-calendar .split-bottom.dragging{opacity:.5}.split-cell-calendar .split-top .employee-calendar-info,.split-cell-calendar .split-bottom .employee-calendar-info{flex:1;min-width:0;text-align:left}.split-cell-calendar .split-top .employee-calendar-name,.split-cell-calendar .split-bottom .employee-calendar-name{font-size:12px;line-height:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.split-cell-calendar .split-top .employee-calendar-id,.split-cell-calendar .split-bottom .employee-calendar-id{font-size:10px;line-height:12px}.split-cell-calendar .split-top .employee-calendar-dot,.split-cell-calendar .split-bottom .employee-calendar-dot{width:8px;height:8px}.training-split-wrapper{border-radius:6px;padding:4px;background-color:#ed1c241a;border:1px solid #e5e5e5;display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.skeleton-calendar{display:flex;flex-direction:row;gap:20px;padding:20px;width:100%}.skeleton-calendar-main{flex:1;display:flex;flex-direction:column;gap:16px}.skeleton-calendar-section{background:#fff;border-radius:8px;padding:16px}.skeleton-calendar-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.skeleton-calendar-arrow{width:16px;height:16px}.skeleton-calendar-title{width:80px;height:20px}.skeleton-calendar-table{display:flex;flex-direction:column;gap:4px}.skeleton-calendar-row{display:grid;grid-template-columns:100px repeat(3,1fr);gap:4px}.skeleton-calendar-cell{height:60px;min-width:100px}.skeleton-calendar-machine{height:60px;width:100px}.skeleton-calendar-right{width:280px;display:flex;flex-direction:column;gap:12px}.skeleton-unifases-title{width:100px;height:24px;margin-bottom:8px}.skeleton-unifase-section{background:#fff;border-radius:8px;padding:12px}.skeleton-unifase-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.skeleton-unifase-dot{width:12px;height:12px;border-radius:50%}.skeleton-unifase-label{width:120px;height:16px}.skeleton-unifase-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.skeleton-unifase-name{width:100px;height:14px}.skeleton-unifase-date{width:60px;height:14px}.absences-leaves{padding:20px;background-color:#fafafa;min-height:calc(100vh - 88px)}.absences-leaves-header{display:flex;justify-content:flex-end;align-items:center;margin-bottom:2px}.absences-header{background-color:#313131;border-radius:8px;padding:20px;display:flex;justify-content:space-between;align-items:center}.absences-header h1{font-family:DM Sans,sans-serif;font-weight:700;font-size:16px;color:#fff;margin:0}.absences-table-container{width:100%;margin-bottom:20px;overflow-x:auto;border-radius:20px}.absences-table{background-color:#fff;border-radius:20px;overflow:hidden;transform:translateZ(0);box-shadow:0 2px 8px #0000001a;width:100%;display:flex;flex-direction:column;max-height:calc(100vh - 143px)}.table-body{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.table-body::-webkit-scrollbar{width:6px}.table-body::-webkit-scrollbar-track{background:transparent;margin-bottom:20px}.table-body::-webkit-scrollbar-thumb{background:#d9d9d9;border-radius:3px}.table-header,.table-filters{display:grid;grid-template-columns:.75fr 1.4fr .85fr 1.15fr 1.15fr 1.8fr .85fr .4fr;background-color:#f7f7f7;border-bottom:1px solid #d9d9d9;padding:0 20px;gap:0}.table-row{display:grid;grid-template-columns:.75fr 1.4fr .85fr 1.15fr 1.15fr 1.8fr .85fr .4fr;border-bottom:1px solid #d9d9d9;padding:0 20px;gap:0}.table-row:last-child{border-bottom:none}.header-cell,.data-cell{padding:16px 12px;display:flex;align-items:center;font-family:DM Sans,sans-serif;font-size:14px;color:#202020;min-width:0;overflow:hidden;text-overflow:ellipsis}.header-cell{font-weight:600;color:#202020}.data-cell{font-weight:500;font-size:12px;color:#313131}.filter-cell{padding:25px 12px;min-width:0;overflow:hidden}.name-cell{font-weight:700!important;color:#313131!important;justify-content:flex-start;text-align:left}.comment-cell{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:12px;font-family:Inter,sans-serif;font-weight:400;font-size:12px;line-height:16px;width:100%;justify-content:center;min-width:0;overflow:hidden}.status-badge.absence{background-color:#fef3c7;color:#92400e}.status-badge.absence .status-dot{background-color:#f59e0b}.status-badge.leave{background-color:#fee2e2;color:#991b1b}.status-badge.leave .status-dot{background-color:#ef4444}.status-badge.other{background-color:#d1fae5;color:#065f46}.status-badge.other .status-dot{background-color:#10b981}.status-dot{width:8px;height:8px;min-width:8px;min-height:8px;border-radius:50%;flex-shrink:0}.action-btn{background:none;border:none;cursor:pointer;font-size:18px;padding:4px;border-radius:4px;transition:background-color .2s;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.action-btn:hover{background-color:#f5f5f5}.action-btn.edit{color:#666}.action-btn.reinstate{color:#ed1c24;font-size:20px;font-weight:700}.filter-input{border:1px solid #d9d9d9;color:#313131;border-radius:6px;padding:0 8px;font-family:DM Sans,sans-serif;font-size:11px;outline:none;width:100%;height:40px;box-sizing:border-box;background-color:#fff}.date-input-container{position:relative;width:100%;height:40px;cursor:pointer;display:flex;align-items:center}.date-input-container .filter-input{padding:0 24px 0 8px}.date-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:12px;pointer-events:none}.select-container{position:relative;width:100%}.form-select{width:100%;border:1px solid #d9d9d9;border-radius:6px;padding:0 30px 0 8px;font-family:DM Sans,sans-serif;font-size:11px;outline:none;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.form-select:focus{border-color:#ed1c24}.select-arrow{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#666;font-size:10px;pointer-events:none}@media (max-width: 1200px){.absences-table{min-width:900px}.table-header,.table-filters,.table-row{grid-template-columns:.75fr 1.4fr .85fr 1.15fr 1.15fr 1.8fr .85fr .4fr}}@media (max-width: 768px){.absences-leaves{padding:10px}.absences-header{padding:16px}.absences-table{min-width:700px}.table-header,.table-filters,.table-row{grid-template-columns:.75fr 1.4fr .85fr 1.15fr 1.15fr 1.8fr .85fr .4fr;padding:0 10px}.header-cell,.data-cell{padding:8px 4px;font-size:11px}.filter-cell{padding:25px 4px;font-size:11px}}.user-button{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:transparent;border:none;cursor:pointer;font-family:Inter,sans-serif;font-weight:500;font-size:14px;color:#fff;transition:all .2s ease}.user-button:hover{background-color:#ffffff1a}.user-arrow{color:#ccc;font-size:12px;line-height:1}.skeleton-box{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-absences{display:flex;flex-direction:column;gap:2px;width:100%}.skeleton-absences-row{display:grid;grid-template-columns:100px 180px 140px 100px 100px 1fr 120px 60px;gap:8px;padding:12px 16px;background:#fff;border-bottom:1px solid #f0f0f0}.skeleton-absences-cell{height:20px}.skeleton-absences-cell-id{width:60px}.skeleton-absences-cell-name{width:140px}.skeleton-absences-cell-date{width:80px}.skeleton-absences-cell-comment{width:100%;max-width:200px}.skeleton-absences-cell-status{width:90px;height:28px;border-radius:14px}.skeleton-absences-cell-action{width:32px;height:32px;border-radius:4px}.statistics{padding:20px;background-color:#fafafa;min-height:calc(100vh - 88px)}.statistics-top-bar{background-color:#fafafa;padding-left:20px;padding-right:20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.statistics-top-bar .filter-section{display:flex;gap:10px;align-items:center;justify-content:flex-start}.navigation-buttons{display:flex;gap:10px;align-items:center}.filter-section{display:flex;gap:15px;align-items:center}.filter-dropdown-statistics{border:1px solid rgba(197,197,197,.5);border-radius:8px;padding:8px;display:flex;align-items:center;gap:8px;background-color:#fff;position:relative;cursor:pointer}.filter-dropdown-statistics.figma-style{border:1px solid rgba(197,197,197,.5);border-radius:8px;padding:4px 8px;display:flex;align-items:center;gap:8px;background-color:#fff;position:relative}.filter-text{font-family:Inter,sans-serif;font-weight:500;font-size:16px;color:#e30613;white-space:nowrap}.filter-text.date-text{color:#202020}.filter-text.date-text.range-text{color:#e30613}.filter-dot{width:10px;height:10px;background-color:#202020;border-radius:50%;flex-shrink:0}.filter-arrow{color:#6b7280;font-size:12px;line-height:1}.filter-select-hidden{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.filter-dropdown-statistics.date-picker,.filter-dropdown-statistics.date-picker .filter-select-hidden{cursor:pointer}.statistics-container{margin-bottom:0}.statistics-loading{display:flex;align-items:center;justify-content:center;padding:60px 20px;font-family:DM Sans,sans-serif;font-size:16px;color:#6b7280}.statistics-table-wrapper{margin:0 20px;display:flex;flex-direction:column;max-height:calc(100vh - 96px)}.statistics-table{background-color:#fff;border-radius:20px;overflow:hidden;box-shadow:0 2px 8px #0000001a;display:flex;flex-direction:column;max-height:100%}.statistics-body{overflow-y:auto;flex:1}.statistics-footer{position:sticky;bottom:0;background-color:#fff;border-top:2px solid #e5e7eb;z-index:10;box-shadow:0 -4px 12px #00000014}.statistics-header{display:grid;grid-template-columns:140px 1fr 1fr 1fr .5fr .5fr .5fr;background-color:#f7f7f7;border-bottom:1px solid #f5f5f5}.header-statistics-cell{padding:10px 0;text-align:center;font-family:DM Sans,sans-serif;font-weight:600;font-size:14px;color:#202020}.header-statistics-cell:first-child{text-align:left;padding-left:20px}.statistics-row{display:grid;grid-template-columns:140px 1fr 1fr 1fr .5fr .5fr .5fr;border-bottom:1px solid #f5f5f5;min-height:28px}.statistics-row:last-child{border-bottom:none}.statistics-row-totals{min-height:50px;border-bottom:none}.statistics-cell{padding:0;font-family:DM Sans,sans-serif;font-weight:500;font-size:14px;color:#202020;display:flex;align-items:center;justify-content:center;border-right:1px solid #f5f5f5}.statistics-cell.text-center{text-align:center!important;justify-content:center!important;color:#6b7280!important}.statistics-cell.fecha-cell{justify-content:flex-start;text-align:left}.statistics-cell:last-child{border-right:none}.fecha-cell{padding-left:20px}.valor-cell{justify-content:center}.total-cell{justify-content:center;font-weight:600;color:#2457ff!important;background-color:#f0f6ff!important;border:1px solid #32458627!important;border-radius:8px!important}.total-cell:first-child{border-radius:8px 8px 8px 20px!important}.total-cell-activos{justify-content:center;font-weight:600;color:#6b7280!important;background-color:#f9f9f9!important;border:1px solid #E5E5E5!important;border-radius:8px!important}.total-cell-last{justify-content:center;font-weight:600;color:#e30613!important;background-color:#f9f2f2!important;border:1px solid #FEE1E1!important;border-radius:8px!important}.total-cell-trainings{justify-content:center;font-weight:600;color:#16a34a!important;background-color:#f0fdf4!important;border:1px solid #BBF7D0!important;border-radius:8px!important}.celda-roja{background-color:#f9f2f2!important;border:1px solid #FEE1E1!important;border-radius:8px!important}.valor-rojo{color:#e30613;font-weight:600;font-size:16px;color:#e30613!important;background-color:#f9f2f2!important;border:1px solid #FEE1E1!important;border-radius:8px!important}.valor-verde{color:#16a34a;font-weight:600;font-size:16px;color:#16a34a!important;background-color:#f0fdf4!important;border:1px solid #BBF7D0!important;border-radius:8px!important}.valor-gris{color:#6b7280;font-weight:600;font-size:16px;background-color:#f9f9f9!important;border:1px solid #E5E5E5!important;border-radius:8px!important;width:100%}.total-valor{color:#e30613;font-weight:700;font-size:16px}.total-valor-gris{color:#6b7280;font-weight:700;font-size:16px}.total-valor-blue{color:#2457ff;font-weight:700;font-size:16px}.total-valor-verde{color:#16a34a;font-weight:700;font-size:16px}.split-cell{display:flex;width:100%;height:100%;align-items:center;justify-content:center;gap:0}.split-cell span{flex:1;display:flex;align-items:center;justify-content:center;height:100%}.split-cell .valor-gris,.split-cell .valor-verde{border-right:1px solid #f5f5f5}.split-cell .total-valor-blue-container:not(:last-child){border-right:1px solid #E5E5E5}.total-valor-leyenda{color:#6b7280;font-weight:500;font-size:8px}.total-valor-blue-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;width:100%}@media (max-width: 768px){.configure-statistics{padding:10px}.statistics-top-bar{padding-left:20px;flex-direction:column;gap:15px}.filter-section{flex-direction:column;width:100%}.filter-dropdown-statistics{min-width:auto;justify-content:space-between}.statistics-table{margin:0;border-radius:10px}.statistics-header,.statistics-row{grid-template-columns:140px 1fr 1fr 1fr .5fr .5fr .5fr}.header-statistics-cell{padding:8px 5px;font-size:12px;text-align:center}}.user-section{margin-left:auto}.user-menu{position:relative}.user-button{display:flex;align-items:center;gap:8px;padding:8px 12px;background-color:transparent;border:none;cursor:pointer;font-family:Inter,sans-serif;font-weight:500;font-size:14px;color:#374151;transition:all .2s ease}.user-button:hover{background-color:#f9fafb}.user-name{white-space:nowrap;max-width:150px;overflow:hidden;text-overflow:ellipsis}.user-arrow{color:#6b7280;font-size:12px;line-height:1}.user-dropdown{position:absolute;top:100%;right:0;margin-top:4px;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 5px 5px -3px #0000001a,0 4px 6px -2px #0000000d;z-index:1000;min-width:160px}.logout-button{width:100%;padding:5px;background-color:transparent;border:none;text-align:center;cursor:pointer;font-family:Inter,sans-serif;font-weight:500;font-size:12px;color:#374151;transition:background-color .2s ease}.logout-button:hover{background-color:#f9fafb}.logout-button:first-child{border-radius:8px 8px 0 0}.logout-button:last-child{border-radius:0 0 8px 8px}.logout-button:only-child{border-radius:8px}.view-mode-active{background-color:#e30613!important;border-color:#e30613!important}.view-mode-active .filter-text{color:#fff!important}.statistics-groups-table-wrapper{margin:0 20px;overflow-x:auto;overflow-y:auto;max-height:calc(100vh - 140px);border-radius:20px;box-shadow:0 2px 8px #0000001a;background-color:#fff}.statistics-groups-table{border-collapse:collapse;min-width:max-content;font-family:DM Sans,sans-serif}.statistics-groups-table tfoot{position:sticky;bottom:0;z-index:2}.groups-date-header,.groups-date-cell{position:sticky;left:0;color:#202020;width:140px;min-width:140px;max-width:140px;padding:6px 12px 6px 20px;font-size:14px;font-weight:500;border-right:2px solid #e5e7eb;white-space:nowrap;text-align:left}.groups-date-cell{background-color:#fff;z-index:2}.groups-date-header{top:0;background-color:#f7f7f7;z-index:4;font-weight:600}.groups-shift-section-header{position:sticky;top:0;z-index:3;text-align:center;font-size:13px;font-weight:700;color:#202020;background-color:#f7f7f7;border-left:2px solid #e5e7eb;padding:6px 4px;white-space:nowrap}.groups-group-header{position:sticky;top:32px;z-index:3;text-align:center;font-size:11px;font-weight:600;color:#374151;background-color:#f7f7f7;border-left:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:4px;white-space:nowrap;max-width:80px;overflow:hidden;text-overflow:ellipsis}.groups-shift-cell{min-width:40px;width:40px;padding:2px;text-align:center;border-bottom:1px solid #f5f5f5;border-left:1px solid #f5f5f5;vertical-align:middle}.compact-shift-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-height:20px}.compact-gris{font-size:10px;font-weight:600;color:#6b7280;line-height:1}.compact-verde{font-size:10px;font-weight:600;color:#16a34a;line-height:1}.compact-rojo{font-size:10px;font-weight:600;color:#e30613;line-height:1}.groups-totals-row{background-color:#f0f6ff!important;border-top:2px solid #e5e7eb;position:sticky;bottom:0;z-index:1;height:50px}.groups-total-label{font-weight:700;color:#202020;background-color:#f0f6ff!important;z-index:3}.groups-total-cell{background-color:#f0f6ff!important}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content-date-picker{background-color:#fff;border:3px solid #c5c5c5;border-radius:12px;width:496px;min-height:300px;max-height:90vh;position:relative;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.modal-content-date-picker *{box-sizing:border-box}.modal-close-btn{position:absolute;top:8px;right:8px;background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.form-input{width:100%;height:40px;padding:0 40px 0 16px;border:1px solid #c5c5c5;border-radius:8px;font-family:DM Sans,sans-serif;font-size:14px;background-color:#fff}.date-input-container{position:relative;cursor:pointer}.date-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none}@media (max-width: 768px){.modal-content-date-picker{width:90%;max-width:496px;height:auto;min-height:590px;padding:20px}.form-row{flex-direction:column;gap:0}.modal-actions{flex-direction:column}.btn-cancel,.btn-save{width:100%}}.skeleton-statistics-box{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:4px}.skeleton-statistics{margin:0 20px;background-color:#fff;border-radius:20px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.skeleton-statistics-header{display:grid;grid-template-columns:140px 1fr 1fr 1fr 1fr 1fr 1fr;background-color:#f7f7f7;border-bottom:1px solid #f5f5f5;padding:10px 0;gap:8px}.skeleton-statistics-header-cell{height:16px;margin:0 20px}.skeleton-statistics-row{display:grid;grid-template-columns:140px 1fr 1fr 1fr 1fr 1fr 1fr;border-bottom:1px solid #f5f5f5;min-height:28px;gap:8px;align-items:center}.skeleton-statistics-cell{height:18px;margin:0 20px}.skeleton-statistics-cell-fecha{width:100px}.skeleton-statistics-cell-valor{width:60px;margin:0 auto}.skeleton-statistics-cell-total{width:40px;margin:0 auto}.modal-overlay-move-machine{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content-move-machine{background-color:#fff;border:3px solid #c5c5c5;border-radius:12px;width:496px;min-height:200px;max-height:90vh;position:relative;padding:24px;box-sizing:border-box;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}.modal-close-btn-move{background:none;border:none;font-size:24px;cursor:pointer;color:#6b7280;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease}.modal-close-btn-move:hover{background-color:#fff}.modal-close-btn-container-move{position:absolute;top:8px;right:8px;display:flex;align-items:center;gap:0px}.modal-trash-btn-move{background:none;border:none;cursor:pointer;color:#6b7280;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease;padding:4px}.modal-trash-btn-move img{width:20px;height:20px;opacity:.7}.modal-trash-btn-move:hover{background-color:#f3f4f6}.modal-title{font-family:DM Sans,sans-serif;font-size:24px;font-weight:600;color:#202020;margin:0 0 24px;text-align:center}.form-title{font-family:DM Sans,sans-serif;font-size:18px;font-weight:600;color:#ed1c24;margin-bottom:8px;text-align:left}.form-group{margin-bottom:20px}.form-group label{display:block;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#313131;margin-bottom:8px;text-align:left}.form-row{display:flex;gap:16px;margin-bottom:20px}.form-row .form-group{flex:1;margin-bottom:0}.select-container-move{position:relative;width:100%}.form-select{color:#313131;width:100%;height:40px;padding:0 32px 0 12px;border:1px solid #c5c5c5;border-radius:8px;font-family:DM Sans,sans-serif;font-size:14px;background-color:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.form-select:focus{outline:none;border-color:#ed1c24}.select-arrow{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none}.form-input{width:100%;height:40px;padding:0 12px;border:1px solid #c5c5c5;border-radius:8px;font-family:DM Sans,sans-serif;font-size:14px;color:#313131;background-color:#fff;box-sizing:border-box}.form-input:focus{outline:none;border-color:#ed1c24}.form-group-checkbox{margin-bottom:20px}.form-checkbox-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.form-checkbox{width:16px;height:16px;cursor:pointer;flex-shrink:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#fff;border:1.5px solid #c5c5c5;border-radius:3px;transition:background-color .15s ease,border-color .15s ease}.form-checkbox:checked{background-color:#ed1c24;border-color:#ed1c24;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 8L6.5 11.5L13 5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-size:12px 12px;background-repeat:no-repeat;background-position:center}.form-checkbox:focus{outline:none;box-shadow:0 0 0 2px #ed1c2433}.form-checkbox-label{font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#313131;cursor:pointer}.form-checkbox-description{font-family:DM Sans,sans-serif;font-size:12px;font-weight:400;color:#9e9e9e;margin:0;line-height:1.5}.modal-actions{margin-top:auto;display:flex;justify-content:flex-end;gap:12px}.btn-cancel,.btn-save{padding:12px 24px;border-radius:8px;font-family:DM Sans,sans-serif;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease;border:none}.btn-cancel{background-color:#fff;color:#6b7280;border:1px solid #d1d5db}.btn-cancel:hover{background-color:#f9fafb}.btn-save{background-color:#ed1c24;color:#fff}.btn-save:hover{background-color:#d41a20}.modal-overlay-add-group{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content-add-group{background:#fff;border-radius:8px;padding:24px 30px 24px 24px;width:360px;max-width:90%;box-shadow:0 4px 16px #00000026;position:relative}.modal-close-btn-add-group{position:absolute;top:2px;right:0;background:none;border:none;font-size:18px;cursor:pointer;color:#666;line-height:1}.modal-close-btn-add-group:hover{color:#333}.modal-title-add-group{font-size:18px;font-weight:600;margin-bottom:20px;color:#1a1a1a}.form-group-add-group{margin-bottom:24px;display:flex;flex-direction:column;gap:6px}.form-label-add-group{font-size:14px;font-weight:500;color:#374151;text-align:left}.form-label-required{color:#ef4444}.form-input-add-group{width:100%;padding:9px 12px;border:1px solid #d1d5db;border-radius:6px;font-size:14px;color:#1a1a1a;outline:none;box-sizing:border-box;transition:border-color .15s}.form-input-add-group:focus{border-color:#ed1c24;box-shadow:0 0 0 2px #ed1c241a}.modal-actions-add-group{display:flex;gap:10px;justify-content:flex-end}.btn-cancel-add-group,.btn-save-add-group{padding:9px 20px;border-radius:6px;border:none;cursor:pointer;font-size:14px;font-weight:500;transition:background-color .15s,opacity .15s}.btn-cancel-add-group{background-color:#f3f4f6;color:#374151}.btn-cancel-add-group:hover{background-color:#e5e7eb}.btn-save-add-group{background-color:#ed1c24;color:#fff}.btn-save-add-group:hover:not(:disabled){background-color:#c81019}.btn-save-add-group:disabled{opacity:.4;cursor:not-allowed}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.sk-cfg-box{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:4px}.sk-cfg-view{display:flex;height:100vh;background-color:#fafafa;overflow:hidden}.sk-cfg-sidebar{width:320px;flex-shrink:0;background-color:#fff;border-right:1px solid #e5e5e5;display:flex;flex-direction:column;overflow:hidden}.sk-cfg-sidebar-header{padding:20px 24px;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;justify-content:space-between}.sk-cfg-sidebar-title{width:160px;height:22px}.sk-cfg-sidebar-btn{width:36px;height:36px;border-radius:8px;flex-shrink:0}.sk-cfg-group-list{flex:1;overflow-y:auto;padding:8px 0;display:flex;flex-direction:column;gap:2px}.sk-cfg-group-item{display:flex;align-items:center;gap:10px;height:52px;padding:0 12px}.sk-cfg-group-drag{width:16px;height:20px;border-radius:3px;flex-shrink:0}.sk-cfg-group-info{flex:1;display:flex;flex-direction:column;gap:5px;min-width:0}.sk-cfg-group-name{height:14px;width:120px}.sk-cfg-group-meta{height:11px;width:90px}.sk-cfg-group-chevron{width:16px;height:16px;border-radius:3px;flex-shrink:0}.sk-cfg-main{flex:1;background-color:#f5f5f5;padding:0 20px 20px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.sk-cfg-top-bar{display:flex;padding:0;justify-content:space-between;align-items:flex-start}.sk-cfg-content-header{padding:20px 0 0;display:flex;align-items:center;justify-content:space-between;flex:1;gap:16px}.sk-cfg-header-left{display:flex;flex-direction:column;gap:6px}.sk-cfg-header-title{width:180px;height:26px}.sk-cfg-header-subtitle{width:220px;height:14px}.sk-cfg-header-actions{display:flex;align-items:center;gap:10px}.sk-cfg-action-btn{height:38px;width:110px;border-radius:8px}.sk-cfg-action-btn-outline{width:130px}.sk-cfg-user-btn{width:36px;height:36px;border-radius:50%;flex-shrink:0;margin-top:20px}.sk-cfg-machine-list{display:flex;flex-direction:column;gap:6px}.sk-cfg-machine-row{display:flex;align-items:center;gap:12px;height:52px;background-color:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:0 16px}.sk-cfg-machine-drag{width:16px;height:20px;border-radius:3px;flex-shrink:0}.sk-cfg-machine-name{width:56px;height:15px;flex-shrink:0}.sk-cfg-machine-sep{width:1px;height:24px;background-color:#e5e5e5;flex-shrink:0}.sk-cfg-machine-ops{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.sk-cfg-ops-icon{width:13px;height:13px;border-radius:2px;flex-shrink:0}.sk-cfg-ops-text{width:100px;height:12px}.sk-cfg-machine-sep-v{width:1px;height:14px;background-color:#d0d0d0;flex-shrink:0}.sk-cfg-cell-tag{width:64px;height:22px;border-radius:4px}.sk-cfg-badge{width:60px;height:24px;border-radius:12px;flex-shrink:0}.sk-cfg-icon-btn{width:28px;height:28px;border-radius:4px;flex-shrink:0}.warning-alert-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000059;display:flex;align-items:center;justify-content:center;z-index:1000}.warning-alert-modal{background-color:#fff;border-radius:12px;padding:24px;max-width:400px;width:90%;display:flex;flex-direction:column;align-items:center;gap:16px;box-shadow:0 8px 32px #0000001f}.warning-alert-icon-wrap{width:48px;height:48px;background-color:#fef3c7;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.warning-alert-body{display:flex;flex-direction:column;gap:6px;text-align:center}.warning-alert-title{font-family:DM Sans,sans-serif;font-size:16px;font-weight:700;color:#313131;margin:0}.warning-alert-message{font-family:DM Sans,sans-serif;font-size:13px;font-weight:400;color:#757575;margin:0;line-height:1.5}.warning-alert-close-btn{height:38px;padding:0 24px;background-color:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#313131}.warning-alert-close-btn:hover{background-color:#eee}.cfg-view{display:flex;height:100vh;background-color:#fafafa;overflow:hidden}.cfg-top-bar{display:flex;padding:0 20px;justify-content:space-between;align-items:flex-start}.cfg-top-bar-user{display:flex;align-items:center;justify-content:flex-end;padding:20px 0 0 20px}.cfg-sidebar{width:320px;flex-shrink:0;background-color:#fff;border-right:1px solid #e5e5e5;display:flex;flex-direction:column;overflow:hidden}.cfg-sidebar-header{padding:20px 24px;border-bottom:1px solid #e5e5e5}.cfg-sidebar-title-row{display:flex;align-items:center;justify-content:space-between}.cfg-sidebar-title{font-family:DM Sans,sans-serif;font-size:20px;font-weight:700;color:#313131;letter-spacing:-.4px}.cfg-add-group-btn{width:36px;height:36px;border-radius:8px;background-color:#ed1c24;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cfg-add-group-btn:hover{background-color:#c8101a}.cfg-group-list{flex:1;overflow-y:auto;padding:8px 0;display:flex;flex-direction:column;gap:2px}.cfg-group-item{display:flex;align-items:center;gap:10px;height:52px;padding:0 12px;cursor:pointer;transition:background-color .15s ease}.cfg-group-item:hover:not(.cfg-group-item-active){background-color:#f9f9f9}.cfg-group-item-active{background-color:#fef2f2;border-left:3px solid #ed1c24;padding-left:5px}.cfg-group-drag-icon{display:flex;align-items:center;flex-shrink:0}.cfg-group-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.cfg-group-name{font-family:DM Sans,sans-serif;font-size:14px;color:#313131;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;font-weight:600}.cfg-group-meta{font-family:DM Sans,sans-serif;font-size:11px;font-weight:400;color:#9e9e9e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.cfg-group-chevron{display:flex;align-items:center;flex-shrink:0}.cfg-main{flex:1;background-color:#f5f5f5;padding:0 20px 20px;display:flex;flex-direction:column;gap:20px;overflow-y:auto}.cfg-content-header{padding:10px 0 0;display:flex;align-items:center;justify-content:space-between;width:100%}.cfg-header-left{display:flex;flex-direction:column;gap:4px}.cfg-header-title{font-family:DM Sans,sans-serif;font-size:24px;font-weight:700;color:#313131;letter-spacing:-.48px;margin:0;line-height:1.2;text-align:left}.cfg-header-subtitle{font-family:DM Sans,sans-serif;font-size:13px;font-weight:400;color:#9e9e9e}.cfg-header-actions{display:flex;align-items:center;gap:10px}.cfg-edit-group-btn{display:flex;align-items:center;gap:8px;height:38px;padding:0 14px;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;color:#313131}.cfg-edit-group-btn:hover{background-color:#f9f9f9}.cfg-add-machine-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:4px 12px;background-color:#ed1c24;border:1px solid #ed1c24;border-radius:8px;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:500;color:#fff;line-height:1.5;height:38px}.cfg-add-machine-btn:hover{background-color:#c8101a;border-color:#c8101a}.cfg-delete-group-btn{width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:#757575;background-color:#fff;border:1px solid #e0e0e0;border-radius:8px;cursor:pointer;flex-shrink:0}.cfg-delete-group-btn img{width:18px;height:18px;display:block}.cfg-delete-group-btn:hover{background-color:#fef2f2;border-color:#ed1c24;color:#ed1c24}.cfg-machine-list{display:flex;flex-direction:column;gap:6px}.cfg-machine-row{display:flex;align-items:center;gap:12px;height:52px;background-color:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:0 16px}.cfg-machine-drag-icon{display:flex;align-items:center;flex-shrink:0;cursor:grab}.cfg-machine-name{font-family:DM Sans,sans-serif;font-size:15px;font-weight:700;color:#313131;width:56px;flex-shrink:0;white-space:nowrap}.cfg-machine-separator{width:1px;height:24px;background-color:#e5e5e5;flex-shrink:0}.cfg-machine-ops{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.cfg-machine-ops-icon{display:flex;align-items:center;flex-shrink:0}.cfg-machine-ops-count{font-family:DM Sans,sans-serif;font-size:12px;font-weight:400;color:#9e9e9e;white-space:nowrap}.cfg-machine-cell-sep{width:1px;height:14px;background-color:#d0d0d0;flex-shrink:0}.cfg-machine-cell-tag{display:flex;align-items:center;gap:4px;background-color:#e8eaf6;border-radius:4px;padding:2px 8px;flex-shrink:0}.cfg-machine-cell-icon{display:flex;align-items:center;flex-shrink:0}.cfg-machine-cell-text{font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;color:#5c6bc0;white-space:nowrap}.cfg-machine-badge{display:flex;align-items:center;border-radius:12px;padding:3px 10px;flex-shrink:0}.cfg-machine-badge-active{background-color:#e8f5e9}.cfg-machine-badge-special{background-color:#e0f7fa}.cfg-machine-badge-text-active{font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;color:#2e7d32}.cfg-machine-badge-text-special{font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;color:#00838f}.cfg-machine-move-btn{display:flex;align-items:center;padding:5px 10px;background-color:transparent;cursor:pointer;font-family:DM Sans,sans-serif;font-size:11px;font-weight:400;color:#757575;flex-shrink:0;white-space:nowrap}.cfg-machine-move-btn:hover{background-color:#f5f5f5}.cfg-machine-more-btn{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;border-radius:4px;flex-shrink:0}.cfg-machine-more-btn:hover{background-color:#f0f0f0}.cfg-group-item[draggable=true]{cursor:grab}.cfg-group-item[draggable=true]:active{cursor:grabbing}.cfg-group-item-drag-over{border-top:2px solid #ed1c24;background-color:#fef2f2}.cfg-machine-row[draggable=true]{cursor:grab}.cfg-machine-row[draggable=true]:active{cursor:grabbing}.cfg-machine-row-drag-over{border-top:2px solid #ed1c24;background-color:#fef2f2}.cfg-empty-state{display:flex;align-items:center;justify-content:center;height:200px;color:#9e9e9e;font-family:DM Sans,sans-serif;font-size:14px}body,body *{font-family:Arial,sans-serif!important}body{margin:0;padding:0;background:#f2f2f2;min-height:100vh}.bg-body{background:linear-gradient(to right,#ffffff80 0,#ffffff80),url(https://www.bridgestone.com/etc/images/top/bg_about.jpg) center;background-size:cover;min-height:100vh;width:100%;position:fixed;top:0;left:0;right:0;bottom:0}.bs-container{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:20px;box-sizing:border-box;text-align:center;margin-top:40px}.bs-block{width:100%;max-width:400px;margin-top:20px}.bs-card{margin-top:20px;background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 20px #0000001a;text-align:center;width:100%;box-sizing:border-box}.bs-footer{color:#000;margin-top:50px;font-size:12px;text-align:center}.bs-logo{width:100%;max-width:300px;height:auto;margin-bottom:20px}.bs-title{font-size:48px;font-weight:700;margin-bottom:10px;color:#c00}.bs-subtitle{font-size:18px;font-weight:400;margin-bottom:20px;color:#666}.bs-message{padding:15px;border-radius:6px;margin-bottom:20px;width:100%;box-sizing:border-box;font-size:16px;line-height:1.5}.bs-message.error{background:#ffe5e5;color:#b30000;border:1px solid #ffcccc}.bs-info{color:#666;font-size:14px;margin-bottom:30px;line-height:1.4}.bs-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.bs-button{display:inline-block;width:100%;padding:12px 20px;background-color:#c00;border:none;border-radius:6px;color:#fff;font-size:16px;text-decoration:none;text-align:center;cursor:pointer;transition:background-color .3s ease;box-sizing:border-box}.bs-button:hover{background-color:#a30000;color:#fff;text-decoration:none}.bs-button.secondary{background-color:#666}.bs-button.secondary:hover{background-color:#555}.bs-form-options{margin-top:20px}.bs-form-options a{color:#666;text-decoration:none;font-size:14px}.bs-form-options a:hover{color:#c00;text-decoration:underline}@media screen and (max-width: 768px){.bs-container{padding:15px;margin-top:40px}.bs-block{max-width:100%;margin-top:15px}.bs-card{padding:25px;margin-top:15px}.bs-title{font-size:36px;margin-bottom:15px}.bs-subtitle{font-size:16px}.bs-button{padding:14px;font-size:16px}}@media screen and (max-width: 480px){.bs-container{padding:10px;margin-top:40px}.bs-card{padding:20px;margin-top:10px;border-radius:8px}.bs-title{font-size:32px;margin-bottom:15px}.bs-subtitle{font-size:14px}.bs-message{font-size:15px;padding:12px}}.App{text-align:center;display:flex;justify-content:center;align-items:center;height:100vh;width:100vw}.card{padding:2em}.card.error{background-color:#fee;border:1px solid #fcc;border-radius:8px;color:#c33}button{background-color:#ed1c24;color:#fff;padding:.8rem 2rem;font-size:1rem;border:none;border-radius:4px;cursor:pointer;transition:background-color .3s;font-family:DM Sans,sans-serif;font-weight:500}button:hover{background-color:#d41a20}.loader{border:4px solid #f3f3f3;border-top:4px solid #dc3545;border-radius:50%;animation:spin 1s linear infinite;width:80px;height:80px;margin-bottom:16px}.loader-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background-color:#ffffffe6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:1000}.loader-text{font-size:24px;font-weight:500;color:#dc3545}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.relative{position:relative}.static{position:static}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-2{margin:calc(var(--spacing)*2)}.m-160{margin:calc(var(--spacing)*160)}.m-320{margin:calc(var(--spacing)*320)}.flex{display:flex}.table-row{display:table-row}.border{border-style:var(--tw-border-style);border-width:1px}.text-center{text-align:center}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}}:root{color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#242424;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{place-items:center;min-width:320px;min-height:100vh;margin:0;display:flex}#root{text-align:center}button{cursor:pointer;background-color:#1a1a1a;border:1px solid #0000;border-radius:8px;padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500;transition:border-color .25s}button:focus,button:focus-visible,a:focus,a:focus-visible,[role=button]:focus,[role=button]:focus-visible{outline:none}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}}.spinner{border:2px solid #f3f3f3;border-top-color:#ed1c24;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}