.sidebar{background:#15161c;border-right:1px solid #24252c;flex-direction:column;width:250px;min-width:250px;min-height:100vh;display:flex}.sidebar-profile{background:#191b23;flex-direction:column;align-items:center;padding:32px 24px 28px;display:flex}.profile-avatar{color:#15161c;background:#e7e7e7;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:15px;font-size:23px;font-weight:700;display:flex}.profile-name{flex-direction:column;align-items:center;gap:5px;display:flex}.profile-name strong{color:#f5f5f5;font-size:15px}.profile-name span{color:#858791;font-size:12px}.sidebar-navigation{flex:1;padding:18px 12px}.sidebar-section{margin-top:22px}.sidebar-section:first-child{margin-top:0}.sidebar-section-title{color:#686b75;text-transform:uppercase;letter-spacing:.8px;margin-bottom:9px;padding:0 15px;font-size:11px;font-weight:700;display:block}.sidebar-item{color:#9b9da6;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:13px;width:100%;margin-bottom:4px;padding:12px 15px;font-size:14px;text-decoration:none;transition:background .2s,color .2s;display:flex}.sidebar-item svg{flex-shrink:0}.sidebar-item:hover{color:#fff;background:#20222b}.sidebar-item.active{color:#fff;background:#0f1017;position:relative}.sidebar-item.active:before{content:"";background:#ff4fa3;border-radius:0 3px 3px 0;width:3px;position:absolute;top:7px;bottom:7px;left:0}.sidebar-item.active svg{color:#ff4fa3}.sidebar-footer{border-top:1px solid #24252c;padding:15px 12px 20px}.sidebar-logout{color:#888a94;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:7px;align-items:center;gap:13px;width:100%;padding:12px 15px;font-size:14px;transition:all .2s;display:flex}.sidebar-logout:hover{color:#ff4fa3;background:#ff4fa314}@media (width<=1000px){.sidebar{width:220px;min-width:220px}}@media (width<=750px){.sidebar{width:70px;min-width:70px}.sidebar-profile{padding:20px 8px}.profile-avatar{width:42px;height:42px;margin-bottom:0;font-size:16px}.profile-name,.sidebar-section-title,.sidebar-item span,.sidebar-logout span{display:none}.sidebar-navigation{padding:15px 8px}.sidebar-item{justify-content:center;padding:13px 8px}.sidebar-item.active:before{left:0}.sidebar-footer{padding:10px 8px}.sidebar-logout{justify-content:center;padding:13px 8px}}.topbar{background:#101115;border-bottom:1px solid #222329;justify-content:space-between;align-items:center;height:82px;padding:0 38px;display:flex}.topbar h1{color:#fff;margin:0;font-size:25px;font-weight:700}.topbar p{color:#777a84;margin:5px 0 0;font-size:13px}.topbar-user{color:#eee;align-items:center;gap:13px;font-size:14px;display:flex}.topbar-user-role{color:#ff4fa3;font-weight:600}@media (width<=1000px){.topbar{padding:0 25px}}@media (width<=750px){.topbar{padding:0 22px}.topbar-user{display:none}}.app-shell{color:#f5f5f5;background:#09090b;width:100%;min-height:100vh;font-family:Inter,Arial,Helvetica,sans-serif;display:flex}.app-main{background:#09090b;flex:1;min-width:0;min-height:100vh}.app-page{max-width:1500px;margin:0 auto;padding:45px}@media (width<=1000px){.app-page{padding:35px 25px}}@media (width<=750px){.app-page{padding:30px 20px}}.login-page{background:#0f0f0f;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-container{background:#181818;border-radius:16px;width:100%;max-width:420px;padding:40px;box-shadow:0 20px 50px #00000073}.login-header{text-align:center;margin-bottom:35px}.login-logo{color:#fff;background:#e83e8c;border-radius:18px;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 18px;font-size:24px;font-weight:700;display:flex;box-shadow:0 8px 25px #e83e8c40}.login-header h1{color:#fff;margin:0;font-size:30px}.login-header p{color:#999;margin-top:8px;font-size:14px}.login-form{flex-direction:column;gap:22px;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#ddd;font-size:14px;font-weight:500}.form-group input{box-sizing:border-box;color:#fff;background:#242424;border:1px solid #333;border-radius:8px;outline:none;width:100%;padding:13px 14px;font-size:14px;transition:all .2s}.form-group input:focus{border-color:#e83e8c;box-shadow:0 0 0 3px #e83e8c1f}.form-group input::placeholder{color:#777}.login-button{color:#fff;cursor:pointer;background:#e83e8c;border:none;border-radius:8px;margin-top:5px;padding:14px;font-size:15px;font-weight:600;transition:all .2s}.login-button:hover{background:#d6337c;transform:translateY(-1px)}.login-footer{text-align:center;color:#666;margin-top:30px;font-size:12px}.agent-home{color:#f4f5f7;background:#0f1014;width:100%;min-height:100vh;font-family:Inter,Arial,Helvetica,sans-serif}.agent-home-header{background:#15171e;border-bottom:1px solid #292c34;justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding:0 42px;display:flex}.agent-brand,.agent-header-actions,.agent-user{align-items:center;display:flex}.agent-brand{gap:13px}.agent-brand-mark{color:#fff;background:#ff4fa3;border-radius:10px;place-items:center;width:40px;height:40px;font-size:13px;font-weight:800;display:grid}.agent-brand h1{margin:0;font-size:21px}.agent-brand p{color:#9298a8;margin:2px 0 0;font-size:12px}.agent-header-actions{gap:24px}.agent-user{gap:10px}.agent-user-icon{color:#ff4fa3;background:#191b23;border:1px solid #343844;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.agent-user strong{font-size:13px;display:block}.agent-user div span{color:#858b9b;margin-top:2px;font-size:11px;display:block}.agent-logout{color:#d9dbe0;cursor:pointer;background:0 0;border:1px solid #363944;border-radius:7px;align-items:center;gap:7px;padding:9px 13px;font-size:12px;display:inline-flex}.agent-logout:hover{color:#ff4fa3;border-color:#ff4fa3}.agent-home-content{width:min(1180px,100% - 84px);margin:0 auto;padding:42px 0 60px}.agent-welcome{border-bottom:1px solid #252831;justify-content:space-between;align-items:flex-end;gap:35px;padding-bottom:30px;display:flex}.agent-eyebrow{color:#ff4fa3;letter-spacing:.12em;margin-bottom:9px;font-size:10px;font-weight:800;display:block}.agent-welcome h2{letter-spacing:-.5px;margin:0;font-size:30px}.agent-welcome p{color:#8e94a4;max-width:650px;margin:9px 0 0;font-size:14px;line-height:1.6}.attendance-status{background:#151820;border:1px solid #30343e;border-radius:10px;align-items:center;gap:11px;min-width:215px;padding:13px 16px;display:flex}.attendance-status small{color:#858b9a;letter-spacing:.1em;font-size:9px;display:block}.attendance-status strong{margin-top:4px;font-size:13px;display:block}.status-dot{background:#ffb52e;border-radius:50%;width:9px;height:9px;box-shadow:0 0 10px #ffb52e59}.attendance-status.is-ok .status-dot{background:#39d98a;box-shadow:0 0 10px #39d98a59}.attendance-status.is-ok strong{color:#39d98a}.agent-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:25px;display:grid}.agent-info-card{background:#151820;border:1px solid #2c3039;border-radius:10px;align-items:center;gap:14px;min-height:88px;padding:18px;display:flex}.agent-info-icon{color:#ff4fa3;background:#ff4fa317;border-radius:9px;place-items:center;width:43px;height:43px;display:grid}.agent-info-card span{color:#858b9a;letter-spacing:.1em;font-size:9px;display:block}.agent-info-card strong{margin-top:5px;font-size:15px;display:block}.agent-module-section{margin-top:38px}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:15px;display:flex}.section-heading h3{margin:0;font-size:22px}.section-heading p{color:#858b9a;margin:0;font-size:12px}.operations-card{color:#fff;text-align:left;cursor:pointer;background:linear-gradient(110deg,#191b24,#15171e);border:1px solid #383b46;border-radius:13px;align-items:center;gap:19px;width:100%;min-height:145px;padding:24px 26px;transition:border-color .2s,transform .2s,background .2s;display:flex}.operations-card:hover:not(:disabled){background:#1b1d26;border-color:#ff4fa3;transform:translateY(-2px)}.operations-card:disabled{cursor:wait}.operations-card.is-locked .operations-card-icon{color:#ffb52e;background:#ffb52e1a}.operations-card.is-locked .operations-card-label{color:#ffb52e}.operations-card.is-locked:hover:not(:disabled){border-color:#ffb52e}.operations-card.is-ready .operations-card-icon{color:#ff4fa3;background:#ff4fa31a}.operations-card.is-ready .operations-card-label{color:#ff4fa3}.operations-card.is-loading{opacity:.8}.spin-icon{animation:.8s linear infinite spin-icon-rotate}@keyframes spin-icon-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.operations-card-icon{color:#ff4fa3;background:#ff4fa31a;border-radius:12px;flex:0 0 58px;place-items:center;width:58px;height:58px;display:grid}.operations-card-body{flex:1}.operations-card-label{color:#ff4fa3;letter-spacing:.12em;font-size:9px;font-weight:800}.operations-card h4{margin:5px 0;font-size:19px}.operations-card p{color:#8e94a4;margin:0;font-size:12px}.operations-card-arrow{color:#777d8d}.attendance-register-error{color:#ff8080;background:#ff80800f;border:1px solid #ff808040;border-radius:8px;margin-top:12px;padding:10px 14px;font-size:12px}.attendance-punctuality{border-radius:8px;margin-top:12px;padding:10px 14px;font-size:12px;font-weight:600}.attendance-punctuality.is-on-time{color:#39d98a;background:#39d98a12;border:1px solid #39d98a47}.attendance-punctuality.is-late{color:#ffb52e;background:#ffb52e14;border:1px solid #ffb52e4d}@media (width<=800px){.agent-home-header{align-items:flex-start;padding:15px 20px}.agent-header-actions{gap:12px}.agent-user{display:none}.agent-home-content{width:calc(100% - 40px);padding-top:28px}.agent-welcome{flex-direction:column;align-items:stretch}.attendance-status{width:100%}.agent-info-grid{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:flex-start}}.operations-page{color:#f4f5f7;background:#0f1014;width:100%;min-height:100vh;font-family:Inter,Arial,Helvetica,sans-serif}.operations-header{background:#15171e;border-bottom:1px solid #292c34;justify-content:space-between;align-items:center;gap:24px;min-height:76px;padding:0 42px;display:flex}.operations-brand,.operations-header-actions,.operations-user{align-items:center;display:flex}.operations-brand{gap:13px}.operations-brand-mark{color:#fff;background:#ff4fa3;border-radius:10px;place-items:center;width:40px;height:40px;font-size:13px;font-weight:800;display:grid}.operations-brand h1{margin:0;font-size:21px}.operations-brand p{color:#9298a8;margin:2px 0 0;font-size:12px}.operations-header-actions{gap:24px}.operations-user{gap:10px}.operations-user-icon{color:#ff4fa3;background:#191b23;border:1px solid #343844;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.operations-user strong{font-size:13px;display:block}.operations-user div span{color:#858b9b;margin-top:2px;font-size:11px;display:block}.operations-logout{color:#d9dbe0;cursor:pointer;background:0 0;border:1px solid #363944;border-radius:7px;align-items:center;gap:7px;padding:9px 13px;font-size:12px;display:inline-flex}.operations-logout:hover{color:#ff4fa3;border-color:#ff4fa3}.operations-content{width:min(1180px,100% - 84px);margin:0 auto;padding:35px 0 60px}.operations-back{color:#aeb3bf;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:12px;display:inline-flex}.operations-back:hover{color:#ff4fa3}.operations-title{margin-top:38px}.operations-title>span{color:#ff4fa3;letter-spacing:.12em;font-size:10px;font-weight:800}.operations-title h2{margin:8px 0 7px;font-size:30px}.operations-title p{color:#8e94a4;margin:0;font-size:14px}.operations-session{background:#151820;border:1px solid #2c3039;border-radius:12px;align-items:center;gap:15px;margin-top:30px;padding:22px;display:flex}.operations-session-icon{color:#39d98a;background:#39d98a14;border-radius:10px;place-items:center;width:48px;height:48px;display:grid}.operations-session span{color:#858b9a;letter-spacing:.1em;font-size:9px;display:block}.operations-session strong{margin-top:5px;font-size:15px;display:block}.operations-session p{color:#858b9a;margin:4px 0 0;font-size:12px}.operations-exit-button{color:#ffb52e;cursor:pointer;background:#ffb52e14;border:1px solid #ffb52e59;border-radius:7px;align-items:center;gap:7px;padding:9px 14px;font-size:12px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.operations-exit-button:hover:not(:disabled){background:#ffb52e29;transform:translateY(-1px)}.operations-exit-button:disabled{cursor:wait;opacity:.7}.operations-exit-done{color:#39d98a;background:#39d98a14;border:1px solid #39d98a4d;border-radius:7px;align-items:center;gap:7px;padding:9px 14px;font-size:12px;font-weight:700;display:inline-flex}.operations-form{flex-direction:column;gap:24px;margin-top:28px;display:flex}.operations-form-section{background:#151820;border:1px solid #2c3039;border-radius:13px;padding:24px}.operations-form-section h3{color:#ff4fa3;letter-spacing:.04em;margin:0 0 18px;font-size:14px}.operations-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.operations-form-grid label.span-2{grid-column:1/-1}.operations-form-grid label{color:#9298a8;flex-direction:column;gap:8px;font-size:12px;display:flex}.operations-form-grid input,.operations-form-grid select,.operations-form-grid textarea{color:#f4f5f7;resize:vertical;background:#0f1014;border:1px solid #30343e;border-radius:8px;outline:none;padding:11px 13px;font-family:inherit;font-size:13px;transition:border-color .15s}.operations-form-grid input:focus,.operations-form-grid select:focus,.operations-form-grid textarea:focus{border-color:#ff4fa3}.operations-form-grid select{cursor:pointer}.operations-total-input{background:#0f1014;border:1px solid #30343e;border-radius:8px;align-items:center;padding:0 13px;transition:border-color .15s;display:flex}.operations-total-input:focus-within{border-color:#ff4fa3}.operations-total-input span{color:#8e94a4;font-size:13px}.operations-total-input input{background:0 0;border:none;flex:1;padding:11px 6px}.operations-total-input input:focus{border:none}.operations-form-error{color:#ff8080;background:#ff808012;border:1px solid #ff80804d;border-radius:9px;padding:12px 15px;font-size:12px}.operations-form-success{color:#39d98a;background:#39d98a12;border:1px solid #39d98a4d;border-radius:9px;align-items:center;gap:8px;padding:12px 15px;font-size:12px;display:flex}.operations-submit{color:#fff;cursor:pointer;background:#ff4fa3;border:none;border-radius:9px;align-self:flex-start;align-items:center;gap:9px;padding:14px 26px;font-size:14px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.operations-submit:hover:not(:disabled){background:#ff6bb0;transform:translateY(-1px)}.operations-submit:disabled{cursor:wait;opacity:.7}@media (width<=800px){.operations-form-grid{grid-template-columns:1fr}.operations-submit{justify-content:center;width:100%}}.operations-modal-backdrop{z-index:50;background:0 0;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.operations-modal{background:#181a22;border:1px solid #343844;border-radius:16px;width:min(520px,100%);max-height:85vh;padding:26px;animation:.18s ease-out operations-modal-in;overflow-y:auto;box-shadow:0 24px 60px #0000008c,0 0 0 1px #ff4fa30d}@keyframes operations-modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.operations-modal-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.operations-modal-header h3{margin:0;font-size:18px}.operations-modal-close{color:#9298a8;cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;padding:4px;display:grid}.operations-modal-close:hover:not(:disabled){color:#fff;background:#24262f}.operations-modal-subtitle{color:#8e94a4;margin:6px 0 18px;font-size:13px}.operations-modal-summary{border:1px solid #262a33;border-radius:10px;flex-direction:column;margin:0;display:flex;overflow:hidden}.operations-modal-row{background:#101218;border-bottom:1px solid #21232b;justify-content:space-between;gap:16px;padding:10px 14px;display:flex}.operations-modal-row:nth-child(2n){background:#131520}.operations-modal-row:last-child{border-bottom:none}.operations-modal-row dt{color:#858b9a;flex:none;margin:0;font-size:12px}.operations-modal-row dd{color:#f4f5f7;text-align:right;word-break:break-word;margin:0;font-size:12px;font-weight:600}.operations-modal-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.operations-modal-cancel{color:#d9dbe0;cursor:pointer;background:0 0;border:1px solid #363944;border-radius:8px;padding:11px 18px;font-size:13px}.operations-modal-cancel:hover:not(:disabled){color:#ff8080;border-color:#ff8080}.operations-modal-confirm{color:#fff;cursor:pointer;background:#ff4fa3;border:none;border-radius:8px;align-items:center;gap:8px;padding:11px 18px;font-size:13px;font-weight:700;display:inline-flex}.operations-modal-confirm:hover:not(:disabled){background:#ff6bb0}.operations-modal-confirm:disabled,.operations-modal-cancel:disabled{cursor:wait;opacity:.7}@media (width<=800px){.operations-modal{padding:20px}.operations-modal-actions{flex-direction:column-reverse}.operations-modal-cancel,.operations-modal-confirm{justify-content:center;width:100%}.operations-header{align-items:flex-start;padding:15px 20px}.operations-header-actions{flex-wrap:wrap;gap:12px}.operations-user{display:none}.operations-content{width:calc(100% - 40px)}}.dashboard-intro{margin-bottom:35px}.dashboard-label{color:#ff4fa3;letter-spacing:1.3px;margin-bottom:10px;font-size:11px;font-weight:700;display:inline-block}.dashboard-intro h2{color:#fff;margin:0 0 10px;font-size:30px}.dashboard-intro p{color:#858791;max-width:650px;margin:0;font-size:15px;line-height:1.6}.dashboard-notice-info{color:#ffb52e;background:#ffb52e0f;border-color:#ffb52e40;align-items:center;gap:12px;margin-bottom:24px;padding:16px 20px;display:flex}.dashboard-notice-info p{margin:0;font-size:13px}.kpi-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin-bottom:30px;display:grid}.kpi-card{background:#15161b;border:1px solid #25262d;border-radius:12px;align-items:center;gap:14px;padding:20px;display:flex}.kpi-card span{color:#858791;letter-spacing:.08em;font-size:10px;font-weight:700;display:block}.kpi-card strong{color:#fff;margin-top:6px;font-size:24px;display:block}.kpi-icon{border-radius:10px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.kpi-icon-neutral{color:#ff4fa3;background:#ff4fa31a}.kpi-icon-ok{color:#34c759;background:#34c7591a}.kpi-icon-warning{color:#ff9f0a;background:#ff9f0a1a}.kpi-icon-danger{color:#ff453a;background:#ff453a1a}.dashboard-table-section h3{color:#fff;margin:0 0 14px;font-size:17px}.dashboard-table-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.dashboard-table-header h3{margin:0}.dashboard-export-button{color:#34c759;cursor:pointer;background:#34c75914;border:1px solid #34c7594d;border-radius:8px;align-items:center;gap:8px;padding:9px 15px;font-size:13px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.dashboard-export-button:hover:not(:disabled){background:#34c75929;transform:translateY(-1px)}.dashboard-export-button:disabled{opacity:.55;cursor:not-allowed}.dashboard-notice h2{color:#fff;margin:0 0 8px}@media (width<=750px){.dashboard-intro h2{font-size:24px}}.agents-intro{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.agents-label{color:#ff4fa3;letter-spacing:1.2px;margin-bottom:8px;font-size:11px;font-weight:700;display:inline-block}.agents-intro h2{color:#fff;margin:0 0 8px;font-size:28px}.agents-intro p{color:#858791;max-width:500px;margin:0;font-size:14px}.agents-new-button{color:#fff;cursor:pointer;background:#ff4fa3;border:none;border-radius:8px;flex:none;align-items:center;gap:8px;padding:11px 18px;font-size:13px;font-weight:700;display:inline-flex}.agents-new-button:hover{background:#ff6bb0}.agents-notice{color:#c7c9d1;background:#15161b;border:1px solid #25262d;border-radius:12px;padding:32px}.agents-table-container{background:#15161b;border:1px solid #25262d;border-radius:12px;overflow-x:auto}.agents-table{border-collapse:collapse;width:100%;font-size:14px}.agents-table th,.agents-table td{text-align:left;white-space:nowrap;padding:14px 18px}.agents-table thead th{color:#858791;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #25262d;font-size:12px;font-weight:700}.agents-table tbody tr{border-bottom:1px solid #1d1e24}.agents-table tbody tr:last-child{border-bottom:none}.agents-table tbody td{color:#eaeaea}.agents-status{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.agents-status.is-active{color:#34c759;background:#34c7591f}.agents-status.is-inactive{color:#ff453a;background:#ff453a1f}.agents-actions{gap:8px;display:flex}.agents-actions button{color:#d9dbe0;cursor:pointer;background:0 0;border:1px solid #2c2d35;border-radius:6px;padding:6px}.agents-actions button:hover{color:#ff4fa3;border-color:#ff4fa3}.agents-actions button:disabled{opacity:.5;cursor:wait}.agents-generate-access{color:#ffb52e!important;background:#ffb52e14!important;border-color:#ffb52e59!important}.agents-generate-access:hover:not(:disabled){color:#ffb52e!important;background:#ffb52e29!important;border-color:#ffb52e!important}.agents-modal-backdrop{z-index:50;background:0 0;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.agents-modal{background:#181a22;border:1px solid #343844;border-radius:16px;width:min(480px,100%);max-height:85vh;padding:24px;overflow-y:auto;box-shadow:0 24px 60px #0000008c}.agents-modal-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.agents-modal-header h3{color:#fff;margin:0;font-size:17px}.agents-modal-header button{color:#9298a8;cursor:pointer;background:0 0;border:none}.agents-modal-subtitle{color:#9298a8;background:#ff4fa30a;border:1px dashed #363944;border-radius:8px;margin:0 0 16px;padding:10px 13px;font-size:12px;line-height:1.5}.agents-form-grid{flex-direction:column;gap:16px;display:flex}.agents-form-grid label{color:#9298a8;flex-direction:column;gap:7px;font-size:12px;display:flex}.agents-form-grid input,.agents-form-grid select{color:#f4f5f7;background:#0f1014;border:1px solid #30343e;border-radius:8px;padding:10px 12px;font-size:13px}.agents-form-grid input:focus,.agents-form-grid select:focus{border-color:#ff4fa3;outline:none}.agents-form-grid input:disabled{opacity:.6;cursor:not-allowed}.agents-password-block{background:#ff4fa30a;border:1px dashed #363944;border-radius:10px;padding:14px}.agents-password-label{color:#ff4fa3;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.agents-password-row{align-items:center;gap:10px;display:flex}.agents-password-row code{color:#fff;letter-spacing:.5px;background:#0f1014;border:1px solid #30343e;border-radius:6px;flex:1;padding:9px 12px;font-size:14px}.agents-password-row button{color:#d9dbe0;cursor:pointer;background:0 0;border:1px solid #30343e;border-radius:6px;padding:9px}.agents-password-row button:hover{color:#ff4fa3;border-color:#ff4fa3}.agents-password-block small{color:#858b9a;margin-top:8px;display:block}.agents-reset-button{color:#ffb52e;cursor:pointer;background:#ffb52e14;border:1px solid #ffb52e59;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;font-weight:700;display:inline-flex}.agents-form-error{color:#ff8080;background:#ff808012;border:1px solid #ff80804d;border-radius:8px;margin-top:14px;padding:10px 14px;font-size:12px}.agents-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.agents-cancel{color:#d9dbe0;cursor:pointer;background:0 0;border:1px solid #363944;border-radius:8px;align-items:center;gap:8px;padding:11px 18px;font-size:13px;display:inline-flex}.agents-cancel:hover{color:#ff4fa3;border-color:#ff4fa3}.agents-save{color:#fff;cursor:pointer;background:#ff4fa3;border:none;border-radius:8px;padding:11px 18px;font-size:13px;font-weight:700}.agents-save:hover:not(:disabled){background:#ff6bb0}.agents-save:disabled,.agents-cancel:disabled{opacity:.6;cursor:wait}.agents-credentials-modal{text-align:left}.agents-credentials-modal p{color:#9298a8;font-size:13px;line-height:1.5}.agents-credentials-box{background:#0f1014;border:1px solid #30343e;border-radius:10px;flex-direction:column;gap:12px;margin-top:14px;padding:16px;display:flex}.agents-credentials-box div{justify-content:space-between;align-items:center;display:flex}.agents-credentials-box span{color:#858b9a;font-size:12px}.agents-credentials-box strong{color:#fff;letter-spacing:.3px;font-size:15px}@media (width<=750px){.agents-intro{flex-direction:column}.agents-new-button{justify-content:center;width:100%}}.users-intro{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.users-label{color:#ff4fa3;letter-spacing:1.3px;margin-bottom:10px;font-size:11px;font-weight:700;display:inline-block}.users-intro h2{color:#fff;margin:0 0 10px;font-size:30px}.users-intro p{color:#858791;max-width:650px;margin:0;font-size:15px;line-height:1.6}.users-new-button{color:#fff;cursor:pointer;background:#ff4fa3;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:8px;padding:12px 18px;font-size:13px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.users-new-button:hover{background:#ff6bb0;transform:translateY(-1px)}.users-notice{color:#c7c9d1;background:#15161b;border:1px solid #25262d;border-radius:12px;padding:32px}.users-notice p{margin:0}.users-table-container{background:#15161b;border:1px solid #25262d;border-radius:12px;overflow-x:auto}.users-table{border-collapse:collapse;width:100%;font-size:14px}.users-table th,.users-table td{text-align:left;white-space:nowrap;padding:14px 18px}.users-table thead th{color:#858791;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #25262d;font-size:12px;font-weight:700}.users-table tbody tr{border-bottom:1px solid #1d1e24}.users-table tbody tr:last-child{border-bottom:none}.users-table tbody td{color:#eaeaea}.users-status{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.users-status.is-active{color:#34c759;background:#34c7591f}.users-status.is-inactive{color:#ff453a;background:#ff453a1f}.users-actions{white-space:nowrap;align-items:center;gap:8px;display:flex}.users-actions button{color:#9298a8;cursor:pointer;background:0 0;border:1px solid #292c34;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;transition:border-color .15s,color .15s;display:inline-flex}.users-actions button:hover{color:#ff4fa3;border-color:#ff4fa3}.users-modal-backdrop{z-index:50;background:#09090ba6;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.users-modal{background:#181a22;border:1px solid #343844;border-radius:16px;width:min(520px,100%);max-height:85vh;padding:26px;animation:.18s ease-out users-modal-in;overflow-y:auto;box-shadow:0 24px 60px #0000008c,0 0 0 1px #ff4fa30d}@keyframes users-modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.users-modal-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.users-modal-header h3{color:#fff;margin:0;font-size:18px}.users-modal-header button{color:#9298a8;cursor:pointer;background:0 0;border:none;border-radius:6px;place-items:center;padding:4px;display:grid}.users-modal-header button:hover:not(:disabled){color:#fff;background:#24262f}.users-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.users-form-grid label.span-2{grid-column:1/-1}.users-form-grid label{color:#9298a8;flex-direction:column;gap:8px;font-size:12px;display:flex}.users-form-grid input,.users-form-grid select{color:#f4f5f7;background:#0f1014;border:1px solid #30343e;border-radius:8px;outline:none;padding:11px 13px;font-family:inherit;font-size:13px;transition:border-color .15s}.users-form-grid input:focus,.users-form-grid select:focus{border-color:#ff4fa3}.users-form-grid select{cursor:pointer}.users-password-block{background:#0f1014;border:1px solid #30343e;border-radius:10px;padding:14px 16px}.users-password-label{color:#9298a8;margin-bottom:8px;font-size:12px;display:block}.users-password-row{align-items:center;gap:10px;display:flex}.users-password-row code{color:#ff4fa3;letter-spacing:.04em;background:#181a22;border:1px solid #292c34;border-radius:6px;flex:1;padding:8px 10px;font-size:14px}.users-password-row button{color:#d9dbe0;cursor:pointer;background:0 0;border:1px solid #30343e;border-radius:7px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.users-password-row button:hover{color:#ff4fa3;border-color:#ff4fa3}.users-password-block small{color:#858791;margin-top:8px;font-size:11px;display:block}.users-reset-button{color:#d9dbe0;cursor:pointer;background:0 0;border:1px solid #30343e;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:13px;display:inline-flex}.users-reset-button:hover{color:#ff4fa3;border-color:#ff4fa3}.users-form-error{color:#ff8080;background:#ff808012;border:1px solid #ff80804d;border-radius:9px;margin-top:16px;padding:12px 15px;font-size:12px}.users-modal-actions{justify-content:flex-end;gap:12px;margin-top:22px;display:flex}.users-cancel{color:#d9dbe0;cursor:pointer;background:0 0;border:1px solid #363944;border-radius:8px;align-items:center;gap:7px;padding:11px 18px;font-size:13px;display:inline-flex}.users-cancel:hover:not(:disabled){color:#ff4fa3;border-color:#ff4fa3}.users-save{color:#fff;cursor:pointer;background:#ff4fa3;border:none;border-radius:8px;align-items:center;gap:8px;padding:11px 18px;font-size:13px;font-weight:700;display:inline-flex}.users-save:hover:not(:disabled){background:#ff6bb0}.users-save:disabled,.users-cancel:disabled{cursor:wait;opacity:.7}.users-credentials-modal p{color:#9298a8;margin:8px 0 0;font-size:13px;line-height:1.6}.users-credentials-box{border:1px solid #262a33;border-radius:10px;flex-direction:column;margin-top:18px;display:flex;overflow:hidden}.users-credentials-box>div{background:#101218;border-bottom:1px solid #21232b;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.users-credentials-box>div:nth-child(2n){background:#131520}.users-credentials-box>div:last-child{border-bottom:none}.users-credentials-box span{color:#858b9a;text-transform:uppercase;letter-spacing:.04em;font-size:12px}.users-credentials-box strong{color:#ff4fa3;font-family:SFMono-Regular,Consolas,monospace;font-size:14px}@media (width<=800px){.users-intro{flex-direction:column}.users-new-button{align-self:flex-start}.users-form-grid{grid-template-columns:1fr}.users-modal-actions{flex-direction:column-reverse}.users-modal-actions button{justify-content:center;width:100%}}.reports-intro{margin-bottom:20px}.reports-label{color:#ff4fa3;letter-spacing:1.2px;margin-bottom:8px;font-size:11px;font-weight:700;display:inline-block}.reports-intro h2{color:#fff;margin:0 0 8px;font-size:26px}.reports-intro p{color:#858791;margin:0;font-size:14px}.reports-notice{color:#c7c9d1;background:#15161b;border:1px solid #25262d;border-radius:12px;padding:32px}.reports-back{color:#ff4fa3;cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;margin-bottom:18px;padding:0;font-size:13px;font-weight:600;display:inline-flex}.reports-back:hover{color:#ff6bb0}.reports-turno-section{margin-bottom:26px}.reports-turno-header{justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}.reports-turno-header h3{color:#fff;margin:0;font-size:16px}.reports-turno-header span{color:#858791;font-size:12px}.reports-table-container{background:#15161b;border:1px solid #25262d;border-radius:12px;overflow-x:auto}.reports-table{border-collapse:collapse;width:100%;font-size:14px}.reports-table th,.reports-table td{text-align:left;white-space:nowrap;padding:13px 18px}.reports-table thead th{color:#858791;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #25262d;font-size:11px;font-weight:700}.reports-table tbody tr{border-bottom:1px solid #1d1e24}.reports-table tbody tr:last-child{border-bottom:none}.reports-table tbody td{color:#eaeaea}.reports-row-clickable{cursor:pointer;transition:background .15s}.reports-row-clickable:hover{background:#1b1d24}.reports-row-arrow{color:#ff4fa3;font-weight:700;text-align:right!important}.reports-count-badge{color:#ff4fa3;background:#ff4fa31a;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.reports-empty{text-align:center!important;color:#686b75!important;padding:26px!important}.reports-modal-backdrop{z-index:50;background:#06070a80;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.reports-receipt{color:#1a1a1a;background:#fdfdfb;border-radius:6px;width:min(380px,100%);max-height:90vh;padding:28px 24px 22px;font-family:Courier New,monospace;position:relative;overflow-y:auto;box-shadow:0 24px 60px #0000008c}.reports-receipt-close{color:#888;cursor:pointer;background:0 0;border:none;position:absolute;top:12px;right:12px}.reports-receipt-close:hover{color:#1a1a1a}.reports-receipt-header{text-align:center;flex-direction:column;align-items:center;gap:3px;display:flex}.reports-receipt-header strong{letter-spacing:.5px;font-size:19px}.reports-receipt-header span{color:#666;font-size:12px}.reports-receipt-header small{color:#888;margin-top:4px;font-size:10.5px}.reports-receipt-divider{border-top:1px solid #ccc;margin:14px 0}.reports-receipt-divider-dashed{border-top:1px dashed #bbb}.reports-receipt-section-title{letter-spacing:.08em;color:#ff4fa3;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.reports-receipt-row{justify-content:space-between;gap:12px;padding:3px 0;font-size:12px;display:flex}.reports-receipt-row dt{color:#555;margin:0}.reports-receipt-row dd{text-align:right;word-break:break-word;margin:0;font-weight:600}.reports-receipt-total{justify-content:space-between;align-items:baseline;padding:6px 0 4px;display:flex}.reports-receipt-total span{color:#444;letter-spacing:.05em;font-size:13px;font-weight:700}.reports-receipt-total strong{font-size:24px;font-weight:800}.reports-receipt-note{color:#999;text-align:center;margin:14px 0 0;font-family:Arial,sans-serif;font-size:9.5px;line-height:1.5}.reports-receipt-download{color:#fff;cursor:pointer;background:#ff4fa3;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:18px;padding:12px;font-family:Arial,sans-serif;font-size:13px;font-weight:700;display:inline-flex}.reports-receipt-download:hover:not(:disabled){background:#ff6bb0}.reports-receipt-download:disabled{opacity:.6;cursor:wait}@media (width<=750px){.reports-intro h2{font-size:22px}}.reports-period-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:22px;display:flex}.reports-period-selector{flex-wrap:wrap;gap:8px;display:flex}.reports-period-button{color:#9298a8;cursor:pointer;background:#15161b;border:1px solid #2c2d35;border-radius:999px;padding:8px 16px;font-size:12px;font-weight:600;transition:all .15s}.reports-period-button:hover{color:#ff4fa3;border-color:#ff4fa3}.reports-period-button.is-active{color:#fff;background:#ff4fa3;border-color:#ff4fa3}.reports-export-button{color:#34c759;cursor:pointer;background:#34c75914;border:1px solid #34c7594d;border-radius:999px;flex-shrink:0;align-items:center;gap:8px;padding:9px 16px;font-size:12px;font-weight:700;display:inline-flex}.reports-export-button:hover:not(:disabled){background:#34c75929}.reports-export-button:disabled{opacity:.5;cursor:not-allowed}.reports-trophy-icon{color:#ffb52e;vertical-align:-2px;margin-right:4px}.reports-rank-position{color:#ff4fa3;width:28px;font-weight:800}.attendance-intro{margin-bottom:24px}.attendance-label{color:#ff4fa3;letter-spacing:1.3px;margin-bottom:10px;font-size:11px;font-weight:700;display:inline-block}.attendance-intro h2{color:#fff;margin:0 0 10px;font-size:30px}.attendance-intro p{color:#858791;max-width:650px;margin:0;font-size:15px;line-height:1.6}.attendance-notice-info{color:#ffb52e;background:#ffb52e0f;border:1px solid #ffb52e40;border-radius:12px;align-items:center;gap:12px;padding:16px 20px;display:flex}.attendance-notice-info p{margin:0;font-size:13px}.attendance-filters{background:#15161b;border:1px solid #25262d;border-radius:12px;flex-wrap:wrap;align-items:end;gap:16px;margin-bottom:24px;padding:20px;display:flex}.attendance-filters label{color:#9298a8;flex-direction:column;gap:7px;min-width:180px;font-size:12px;display:flex}.attendance-filters select,.attendance-filters input{color:#f4f5f7;background:#0f1014;border:1px solid #30343e;border-radius:8px;outline:none;padding:10px 12px;font-size:13px}.attendance-filters select:focus,.attendance-filters input:focus{border-color:#ff4fa3}.attendance-filters-actions{gap:10px;margin-left:auto;display:flex}.attendance-filters-actions button[type=submit]{color:#fff;cursor:pointer;background:#ff4fa3;border:none;border-radius:8px;align-items:center;gap:7px;padding:10px 16px;font-size:13px;font-weight:700;display:inline-flex}.attendance-filters-actions button[type=submit]:hover:not(:disabled){background:#ff6bb0}.attendance-filters-actions button[type=submit]:disabled{opacity:.7;cursor:wait}.attendance-filters-clear{color:#d9dbe0;cursor:pointer;background:0 0;border:1px solid #363944;border-radius:8px;padding:10px 16px;font-size:13px}.attendance-filters-clear:hover{color:#ff4fa3;border-color:#ff4fa3}.attendance-export-button{color:#34c759;cursor:pointer;background:#34c75914;border:1px solid #34c7594d;border-radius:8px;align-items:center;gap:7px;padding:10px 16px;font-size:13px;font-weight:700;display:inline-flex}.attendance-export-button:hover:not(:disabled){background:#34c75929}.attendance-export-button:disabled{opacity:.5;cursor:not-allowed}.dashboard-notice{color:#c7c9d1;background:#15161b;border:1px solid #25262d;border-radius:12px;padding:32px}.attendance-table-container{background:#15161b;border:1px solid #25262d;border-radius:12px;overflow-x:auto}.attendance-table{border-collapse:collapse;width:100%;font-size:14px}.attendance-table th,.attendance-table td{text-align:left;white-space:nowrap;padding:14px 18px}.attendance-table thead th{color:#858791;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #25262d;font-size:12px;font-weight:700}.attendance-table tbody tr{border-bottom:1px solid #1d1e24}.attendance-table tbody tr:last-child{border-bottom:none}.attendance-table tbody td{color:#eaeaea}.empty-message{text-align:center!important;color:#686b75!important;padding:30px!important}.estado{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-block}.estado-presente,.estado-completo{color:#34c759;background:#34c7591f}.estado-tarde,.estado-tardanza{color:#ff9f0a;background:#ff9f0a1f}.estado-ausente,.estado-falta{color:#ff453a;background:#ff453a1f}.estado-pendiente{color:#ff4fa3;background:#ff4fa31f}@media (width<=750px){.attendance-intro h2{font-size:24px}.attendance-filters{flex-direction:column;align-items:stretch}.attendance-filters label{min-width:0}.attendance-filters-actions{margin-left:0}.attendance-filters-actions button{flex:1;justify-content:center}}.roles-intro{margin-bottom:24px}.roles-label{color:#ff4fa3;letter-spacing:1.2px;margin-bottom:8px;font-size:11px;font-weight:700;display:inline-block}.roles-intro h2{color:#fff;margin:0 0 8px;font-size:28px}.roles-intro p{color:#858791;margin:0;font-size:14px}.roles-muted{color:#858791;font-size:13px}.roles-layout{grid-template-columns:260px 1fr;align-items:start;gap:20px;display:grid}.roles-list{background:#15161b;border:1px solid #25262d;border-radius:12px;flex-direction:column;gap:8px;padding:10px;display:flex}.roles-list-item{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:12px 14px;display:flex}.roles-list-item:hover{background:#1c1d24}.roles-list-item.is-active{background:#ff4fa314;border-color:#ff4fa34d}.roles-list-item strong{color:#f4f5f7;font-size:14px;display:block}.roles-list-item span{color:#7f818c;margin-top:3px;font-size:11px;display:block}.roles-count{color:#d9dbe0;background:#24262f;border-radius:999px;flex:none;padding:3px 8px;font-size:11px;font-weight:700}.roles-detail{background:#15161b;border:1px solid #25262d;border-radius:12px;padding:20px}.roles-warning{color:#ffb52e;background:#ffb52e12;border:1px solid #ffb52e4d;border-radius:9px;align-items:center;gap:10px;margin-bottom:18px;padding:12px 15px;font-size:12px;display:flex}.roles-modules{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.roles-module-card{background:#101218;border:1px solid #262a33;border-radius:10px;padding:14px}.roles-module-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.roles-module-header h4{color:#ff4fa3;margin:0;font-size:13px}.roles-toggle-all{color:#7f818c;cursor:pointer;background:0 0;border:none;font-size:11px;text-decoration:underline}.roles-toggle-all:hover{color:#ff4fa3}.roles-checks{flex-direction:column;gap:8px;display:flex}.roles-check{color:#d9dbe0;cursor:pointer;align-items:center;gap:9px;font-size:13px;display:flex}.roles-check input{accent-color:#ff4fa3;cursor:pointer;width:15px;height:15px}.roles-error{color:#ff8080;background:#ff808012;border:1px solid #ff80804d;border-radius:8px;margin-top:16px;padding:10px 14px;font-size:12px}.roles-actions{justify-content:flex-end;align-items:center;gap:14px;margin-top:20px;display:flex}.roles-saved{color:#34c759;align-items:center;gap:6px;font-size:13px;font-weight:600;display:inline-flex}.roles-save-button{color:#fff;cursor:pointer;background:#ff4fa3;border:none;border-radius:8px;align-items:center;gap:8px;padding:11px 20px;font-size:13px;font-weight:700;display:inline-flex}.roles-save-button:hover:not(:disabled){background:#ff6bb0}.roles-save-button:disabled{opacity:.6;cursor:wait}@media (width<=800px){.roles-layout{grid-template-columns:1fr}}.shifts-intro{margin-bottom:24px}.shifts-label{color:#ff4fa3;letter-spacing:1.2px;margin-bottom:8px;font-size:11px;font-weight:700;display:inline-block}.shifts-intro h2{color:#fff;margin:0 0 8px;font-size:28px}.shifts-intro p{color:#858791;max-width:560px;margin:0;font-size:14px;line-height:1.5}.shifts-notice{color:#c7c9d1;background:#15161b;border:1px solid #25262d;border-radius:12px;padding:32px}.shifts-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;display:grid}.shift-card{background:#15161b;border:1px solid #25262d;border-radius:12px;gap:14px;padding:20px 48px 20px 20px;display:flex;position:relative}.shift-card-icon{color:#ff4fa3;background:#ff4fa31a;border-radius:10px;flex:0 0 44px;place-items:center;width:44px;height:44px;display:grid}.shift-card-body{flex:1}.shift-card-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.shift-card-header h3{color:#fff;margin:0;font-size:16px}.shift-status{border-radius:999px;padding:3px 8px;font-size:10px;font-weight:700}.shift-status.is-active{color:#34c759;background:#34c7591f}.shift-status.is-inactive{color:#ff453a;background:#ff453a1f}.shift-card-hours{color:#f4f5f7;margin-top:8px;font-size:20px;font-weight:700}.shift-card-tolerance{color:#858791;margin-top:6px;font-size:12px}.shift-card-tolerance strong{color:#d9dbe0}.shift-saved{color:#34c759;align-items:center;gap:5px;margin-top:8px;font-size:11px;font-weight:600;display:inline-flex}.shift-edit-button{color:#d9dbe0;cursor:pointer;background:0 0;border:1px solid #2c2d35;border-radius:6px;padding:6px;position:absolute;top:14px;right:14px}.shift-edit-button:hover{color:#ff4fa3;border-color:#ff4fa3}.shifts-modal-backdrop{z-index:50;background:0 0;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.shifts-modal{background:#181a22;border:1px solid #343844;border-radius:16px;width:min(420px,100%);padding:24px;box-shadow:0 24px 60px #0000008c}.shifts-modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.shifts-modal-header h3{color:#fff;margin:0;font-size:16px}.shifts-modal-header button{color:#9298a8;cursor:pointer;background:0 0;border:none}.shifts-form-grid{flex-direction:column;gap:14px;display:flex}.shifts-form-grid label{color:#9298a8;flex-direction:column;gap:7px;font-size:12px;display:flex}.shifts-form-grid input[type=time],.shifts-form-grid input[type=number]{color:#f4f5f7;background:#0f1014;border:1px solid #30343e;border-radius:8px;padding:10px 12px;font-size:13px}.shifts-form-grid input:focus{border-color:#ff4fa3;outline:none}.shifts-checkbox-label{cursor:pointer;align-items:center;color:#d9dbe0!important;flex-direction:row!important;gap:9px!important;font-size:13px!important}.shifts-checkbox-label input{accent-color:#ff4fa3;cursor:pointer;width:15px;height:15px}.shifts-form-error{color:#ff8080;background:#ff808012;border:1px solid #ff80804d;border-radius:8px;margin-top:14px;padding:10px 14px;font-size:12px}.shifts-modal-actions{justify-content:flex-end;gap:12px;margin-top:20px;display:flex}.shifts-cancel{color:#d9dbe0;cursor:pointer;background:0 0;border:1px solid #363944;border-radius:8px;padding:11px 18px;font-size:13px}.shifts-cancel:hover:not(:disabled){color:#ff4fa3;border-color:#ff4fa3}.shifts-save{color:#fff;cursor:pointer;background:#ff4fa3;border:none;border-radius:8px;padding:11px 18px;font-size:13px;font-weight:700}.shifts-save:hover:not(:disabled){background:#ff6bb0}.shifts-save:disabled,.shifts-cancel:disabled{opacity:.6;cursor:wait}html,body,#root{width:100%;min-height:100vh;margin:0;padding:0}#root{text-align:left}body{color:#f4f5f7;background:#0f1014}:root{color:#f4f5f7;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0f1014;font-family:Inter,Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:100%;min-height:100%;margin:0;padding:0}body{background:#0f1014;min-height:100vh}button,input,textarea,select{font:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #ff4fa3}h1,h2,h3,h4,h5,h6,p{margin-top:0}::selection{color:#fff;background:#ff4fa340}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f1014}::-webkit-scrollbar-thumb{background:#343741;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#ff4fa3}