.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:20px;text-align:center;border-bottom:1px solid #f5f5f5}.logo-image{width:195px;height:50px;object-fit:contain}.sidebar-title{padding:20px 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:20px 0 0}.nav-list{list-style:none;padding:0;margin:0}.nav-item{margin-bottom: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}.nav-link.active .nav-icon svg path{fill:#ed1c24}.nav-icon{margin-right:12px;width:16px;text-align:center}.sidebar-actions{padding:20px;border-top:1px solid #f5f5f5;display:flex;flex-direction:column;gap:12px;margin-top:auto}.sidebar-action-btn{width:100%;padding: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}.action-icon{font-size:12px}.sidebar-unifases{padding:10px 16px 0;overflow-y:auto;max-height:calc(100vh - 500px)}.unifase-totales{padding:12px 0;background-color:transparent;border:2px solid #ed1c24;border-radius:8px;margin-top:12px}.total-row{display:flex;justify-content:space-between;align-items:center;padding:6px 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}.sidebar-footer{padding:20px;border-top:1px solid #f5f5f5}.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{background-color:#d0171f}@media (max-width: 768px){.sidebar{width:240px}.logo-image{width:180px;height:24px}}.sidebar-calendar{padding:10px 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}.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:20px;background-color:#fafafa;min-height:calc(100vh - 88px)}.matrix-top-bar{background-color:#fafafa;padding:0 20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.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:120px 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}.machine-cell:hover{background-color:#f0f0f0;cursor:pointer}.shift-header{text-align:left;padding-left:20px}.matrix-row{display:grid;grid-template-columns:120px 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;min-height:75px;display:flex;align-items:center;justify-content:center;border-right:1px solid #f5f5f5;text-align:center}.matrix-cell:last-child{border-right:none}.empty-cell{background-color:transparent}.empty-cell:hover{background-color:#ed1c240d}.empty-cell.drag-over{background-color:#ed1c241a;border:2px dashed #ed1c24}.employee-card{cursor:grab;width:100%;height:100%;border-radius:10px;padding:8px 12px;text-align:left;display:flex;align-items:center;gap:8px;position:relative}.employee-card:active{cursor:grabbing}.employee-card[draggable=true]:hover{transform:scale(1.05);background-color:#ed1c240d}.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}.employee-name{font-family:DM Sans,sans-serif;font-weight:700;font-size:14px;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:12px;color:#3f3f3f;line-height:13px;margin-bottom:2px}.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,.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%}.split-top:hover,.split-bottom:hover{transform:scale(1.02)}.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}.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;border:2px dashed #3b82f6}.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:#f3f4f6}.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}.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}.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}.search-input-employee:focus{outline:none;border-color:#ed1c24}.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}@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:hidden;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-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}.status-circle{width:12px;height:12px;border-radius:50%;flex-shrink:0;margin-top:3px}.employee-name-status{display:flex;flex-direction:column;gap:2px}.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:16px;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}.modal-content-edit .action-btn{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:hover{opacity:.7}.modal-content-edit .employee-status{font-family:DM Sans,sans-serif;font-size:13px;font-weight:400;color:#6b7280;text-align:left;align-self:flex-start;line-height:1.1}.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-lef: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}.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-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}.modal-close-btn-save:hover{background-color:#f3f4f6}.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}.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}.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-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-close-btn-move:hover,.modal-trash-btn-move:hover{background-color:#f3f4f6}.form-title{font-family:DM Sans,sans-serif;font-size:18px;font-weight:600;color:#ed1c24;margin-bottom:8px;text-align:left}.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}.select-container-move{position:relative;width:40%}.calendar{padding:20px;background-color:#fafafa;min-height:calc(100vh - 88px)}.calendar-top-bar{background-color:#fafafa;padding-left:20px;padding-right:20px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.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}.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;max-width:fit-content;margin:0 20px}.calendar-header{display:grid;grid-template-columns:120px 140px 140px 140px;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 140px 140px 140px;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;min-height:75px;width:140px;display:flex;align-items:center;justify-content:center;border-right:1px solid #f5f5f5}.calendar-calendar-cell:last-child{border-right:none}.empty-calendar-cell{background-color:transparent;width:140px;min-width:140px}.empty-calendar-cell:hover{background-color:#ed1c240d}.empty-calendar-cell.drag-over{background-color:#ed1c241a;border:2px dashed #ed1c24}.employee-calendar-card{cursor:grab}.employee-calendar-card:active{cursor:grabbing}.employee-calendar-card[draggable=true]:hover{transform:scale(1.05);box-shadow:0 4px 8px #00000026}.employee-calendar-card.dragging{opacity:.5;transform:rotate(5deg)}.employee-calendar-card{width:140px;min-width:140px;height:100%;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:14px;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:12px;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:12px;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}.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 140px 140px 140px}.header-calendar-cell,.shift-calendar-cell{padding:8px 5px;font-size:12px;width:140px}.calendar-calendar-cell{width:140px}.empty-calendar-cell,.employee-calendar-card{width:140px;min-width:140px}.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:300px;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 0;background-color:transparent;border:none;cursor:pointer;transition:opacity .2s}.unifase-header:hover{background-color:#f5f5f5}.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}.empleado-nombre{font-family:DM Sans,sans-serif;font-weight:500;font-size:14px;color:#202020}.empleado-turno{font-family:DM Sans,sans-serif;font-weight:600;font-size:14px;color:#6b7280}.unifase-empty{padding:12px;text-align:center;font-family:DM Sans,sans-serif;font-size:14px;color:#9ca3af;font-style:italic}.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;margin-bottom: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}.absences-table{background-color:#fff;border-radius:20px;overflow:hidden;box-shadow:0 2px 8px #0000001a;width:100%}.table-header,.table-filters{display:grid;grid-template-columns:.8fr 1.5fr .9fr .9fr 2fr .7fr .4fr .4fr;background-color:#f7f7f7;border-bottom:1px solid #d9d9d9;padding:0 20px;gap:0}.table-row{display:grid;grid-template-columns:.8fr 1.5fr .9fr .9fr 2fr .7fr .4fr .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}.header-cell{font-weight:600;color:#202020}.data-cell{font-weight:500;font-size:12px;color:#313131}.filter-cell{padding:25px 12px}.name-cell{font-weight:700!important;color:#313131!important}.comment-cell{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-badge{display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:12px;font-family:Inter,sans-serif;font-weight:400;font-size:12px;line-height:16px;width:100%;justify-content:center}.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:12px;height:12px;border-radius:50%}.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%}.date-input-container .filter-input{padding:0 40px 0 8px}.date-icon{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#6b7280;font-size:12px;pointer-events:none}.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:.8fr 1.4fr .85fr .85fr 1.8fr .8fr .35fr .35fr}}@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:.7fr 1.3fr .8fr .8fr 1.6fr .7fr .3fr .3fr;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}.modal-content{background-color:#fff;border:3px solid #c5c5c5;border-radius:12px;width:496px;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}.form-group label{display:block;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px}.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}.search-input:focus{outline:none;border-color:#ed1c24}.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}@media (max-width: 768px){.modal-content{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%}}.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-group label{display:block;font-family:DM Sans,sans-serif;font-size:14px;font-weight:500;color:#374151;margin-bottom:8px;text-align:left}.form-row .form-group{flex:1;margin-bottom:0}.select-container{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}.date-input-container{position:relative}.form-input{border:1px solid #313131;color:#313131;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}.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}@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%}}.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:80px}.statistics-table{background-color:#fff;border-radius:20px;overflow:hidden;box-shadow:0 2px 8px #0000001a;max-width:fit-content;margin:0 20px}.statistics-header{display:grid;grid-template-columns:140px 140px 140px 140px 140px 140px;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;width:140px}.header-statistics-cell:first-child{text-align:left;padding-left:20px}.statistics-row{display:grid;grid-template-columns:140px 140px 140px 140px 140px 140px;border-bottom:1px solid #f5f5f5;min-height:28px}.statistics-row:last-child{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-last{justify-content:center;font-weight:600;color:#e30613!important;background-color:#f9f2f2!important;border:1px solid #FEE1E1!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-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}.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{border-right:1px solid #f5f5f5}.split-cell .total-valor-gris{border-right:1px solid #FEE1E1}.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 140px 140px 140px 140px 140px}.header-statistics-cell{padding:8px 5px;font-size:12px;width:140px}}.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}.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}.modal-close-btn: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-group{margin-bottom:20px}.form-row{display:flex;gap:16px;margin-bottom:20px}.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}.form-input:focus{outline:none;border-color:#ed1c24}.date-input-container{position:relative;cursor:pointer}.date-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:#6b7280;pointer-events:none}.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}@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%}}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:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background-color:#fff;z-index:9999}.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}}}@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;--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{.static{position:static}.table-row{display:table-row}.border{border-style:var(--tw-border-style);border-width:1px}.text-center{text-align:center}}: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{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme:light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
