html,body,#root{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#f5f5f5}.app-root{min-height:100vh;display:flex;flex-direction:column}.app-content{flex:1;padding:16px}.page-container{padding:16px;background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0f172a14}.centered{display:flex;align-items:center;justify-content:center}.stack{display:flex;flex-direction:column;gap:16px}.dashboard-layout{min-height:100vh;background-color:#fdfdfd}.dashboard-sider{background:linear-gradient(180deg,#f7f9fb,#f2f5f9);border-right:1px solid #dbe2ec;position:sticky;top:0;height:100vh;box-shadow:12px 0 30px #0f233f0d}.dashboard-sider .ant-layout-sider-children{height:100%}.sider-inner{display:flex;flex-direction:column;height:100%;padding:24px 20px;gap:18px}.sider-inner.is-collapsed{align-items:center;padding:24px 12px}.sider-logo-block{display:flex;flex-direction:column;gap:12px;text-align:center;align-items:center}.sider-logo-block img{width:140px;max-width:100%}.sider-inner.is-collapsed .sider-logo-block{align-items:center}.sider-inner.is-collapsed .sider-logo-block img{width:52px}.logo-title{display:block;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#00aeef;font-size:.9rem}.logo-subtitle{font-size:.8rem}.sider-separator{height:1px;background:#dfe5f0;margin:12px 0 16px}.user-card{background:#fff;border-radius:18px;padding:16px;display:flex;gap:12px;box-shadow:0 20px 40px #0f233f14}.user-details{flex:1}.user-avatar{width:48px;height:48px;border-radius:16px;background:#00aeef26;display:flex;align-items:center;justify-content:center;color:#00aeef}.user-card-name{font-weight:600;color:#0f172a}.user-role-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}.user-card-role{font-size:.85rem}.user-bell{color:#1f2933}.menu-scroll{flex:1;overflow-y:auto;padding-right:4px;transition:padding .2s ease}.menu-scroll.is-collapsed{padding-right:0}.dashboard-menu{border-inline-end:none!important;background:transparent!important;width:100%}.dashboard-menu .ant-menu-item{margin:4px 8px;border-radius:12px!important;height:44px;display:flex;align-items:center;font-weight:500}.dashboard-menu .ant-menu-item-selected{background:#00aeef26!important;color:#00aeef!important}.dashboard-menu .ant-menu-item-selected .ant-menu-title-content{color:#00aeef}.dashboard-menu .ant-menu-item-icon{color:#1f2933}.dashboard-menu .ant-menu-item-selected .ant-menu-item-icon{color:#00aeef}.dashboard-menu .ant-menu-item-icon{display:inline-flex;align-items:center;justify-content:center}.dashboard-menu .ant-menu-item-icon svg{width:18px;height:18px}.sider-footer{border-top:1px solid #dfe5f0;padding-top:14px;display:flex;flex-direction:column;gap:6px;align-items:center}.is-collapsed .sider-top{padding-bottom:20px;border-bottom:1px solid #dfe5f0}.sider-logout{color:#4b5563!important;padding-left:0}.sider-copy{font-size:.7rem;line-height:1.2;display:block;color:#94a3b8!important;text-align:center}.ant-layout-sider-collapsed .sider-copy{display:none}.ant-layout-sider-collapsed .sider-footer{align-items:center}.dashboard-menu-collapsed .ant-menu-item{padding:0 10px!important;justify-content:center}.dashboard-menu-collapsed .ant-menu-item-icon{margin-inline-end:0!important}.dashboard-menu-collapsed .ant-menu-title-content{display:none!important}.dashboard-header{background:#fff;padding:0 24px;min-height:56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb;gap:16px;flex-wrap:wrap;position:sticky;top:0;z-index:90;box-shadow:0 1px 3px #0f172a14}.header-left{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.collapse-trigger{color:#1f2933}.header-context{display:flex;flex-direction:column;gap:4px}.system-title{display:block;font-weight:600;font-size:1.1rem}.system-subtitle{font-size:.9rem}.header-user{align-items:flex-end}.user-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.user-name{font-weight:600;color:#111827}.dashboard-content{padding:24px;background:#fff;min-height:calc(100vh - 80px)}.welcome-card{background:linear-gradient(135deg,#fff,#f0fbff);border:1px solid #d8f1ff}.metric-card{border:1px solid #e0f2ff;border-radius:16px;box-shadow:0 10px 30px #00aeef14}.metric-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#00aeef}.chart-placeholder{background:linear-gradient(135deg,#00aeef26,#13c2c233);border-radius:16px;padding:16px;min-height:220px;display:flex;align-items:flex-end;justify-content:center}.chart-bars{display:flex;gap:12px;width:100%;max-width:460px;align-items:flex-end}.chart-bars span{flex:1;background:#00aeef;border-radius:999px 999px 0 0;transition:transform .3s ease}.chart-bars span:nth-child(2n){background:#13c2c2}.chart-legend{margin-top:16px;display:flex;justify-content:flex-end}.legend-item{display:flex;align-items:center;font-size:.9rem;gap:8px;color:#4b5563}.legend-color{width:12px;height:12px;border-radius:999px;display:inline-block}.legend-color.primary{background:#00aeef}.legend-color.secondary{background:#13c2c2}.shift-item{padding:12px 0;border-bottom:1px solid #f0f0f0}.shift-detail{display:flex;flex-direction:column;gap:4px}.zones-page{display:flex;flex-direction:column;gap:24px}.zones-layout{display:grid;grid-template-columns:360px 1fr;gap:24px}.zones-layout-mobile{grid-template-columns:1fr}.zones-panel{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:20px;box-shadow:0 25px 60px #0f233f0f}.zones-panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}.zones-table .zone-row-selected td{background:#00aeef14!important}.zones-table .ant-table-tbody>tr.zone-row-selected:hover>td{background:#00aeef1f!important}.zones-action-footer{margin-top:12px}.zones-field-set{display:flex;flex-direction:column;gap:6px}.zones-field-set label{font-size:.85rem;font-weight:600;color:#0f172a}.zones-email-list{border:1px solid #e5e7eb;border-radius:12px;background:linear-gradient(180deg,#f9fbff,#f1f5f9);overflow:hidden;max-height:260px}.zones-email-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid #e2e8f0;font-size:.9rem}.zones-email-item:last-child{border-bottom:none}.zones-email-empty{padding:24px 16px;text-align:center}.zones-detail-actions{display:flex;justify-content:flex-end;margin-top:8px}.zones-detail-actions .ant-space{width:100%;display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.zones-detail-actions .ant-btn{min-width:140px}.zones-back-button{padding-left:0}.users-page{display:flex;flex-direction:column;gap:16px}.users-card{border-radius:20px;box-shadow:0 20px 50px #0f233f12}.users-filters label{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px;color:#0f172a}.users-actions{display:flex;justify-content:flex-end;margin:12px 0}.users-actions .ant-space{width:100%;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:12px}.users-table .ant-table-thead>tr>th{background:#f0f5ff;font-weight:600}.modal-actions{display:flex;justify-content:flex-end;margin-top:16px}.modal-actions .ant-space{display:flex;gap:8px}.replacements-page{display:flex;flex-direction:column;gap:16px}.replacements-card{border-radius:20px;box-shadow:0 20px 50px #0f233f12}.replacements-filters label{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px;color:#0f172a}.replacements-actions{display:flex;justify-content:flex-end;margin:12px 0}.replacements-actions .ant-space{width:100%;display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.replacements-secondary{font-size:.75rem;color:#64748b}.replacements-table .ant-table-thead>tr>th{background:#f4f7ff;font-weight:600}.tech-calendar-page{display:flex;flex-direction:column;gap:24px}.tech-calendar-card{border-radius:20px;box-shadow:0 18px 45px #0f233f14;padding:24px}.tech-calendar-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px;margin-bottom:16px}.tech-calendar-filters label{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px;color:#0f172a}.tech-calendar-content{display:flex;gap:24px;margin-top:24px;flex-wrap:wrap}.tech-calendar-grid{display:grid;grid-template-columns:80px repeat(7,minmax(110px,1fr));width:100%;flex:1 1 640px;gap:8px}.tech-calendar-grid-header{text-align:center;font-weight:600;background:#f4f6fb;padding:8px 4px;border-radius:10px;color:#1f2937}.tech-calendar-week-number{text-align:center;font-weight:600;color:#64748b;padding:8px 4px;border-radius:12px;border:1px dashed #d4dae4;display:flex;flex-direction:column;align-items:center;gap:4px}.tech-calendar-day{border:1px solid #e5e7eb;border-radius:12px;padding:10px;min-height:120px;display:flex;flex-direction:column;gap:8px;background:#fff;transition:background .2s ease}.tech-calendar-day.is-outside{opacity:.5}.tech-calendar-day-header{display:flex;justify-content:space-between;align-items:baseline;font-size:.85rem}.tech-calendar-day-month{color:#94a3b8;font-size:.75rem}.tech-calendar-event{border-radius:12px;background:#f8fafc;padding:8px;display:flex;flex-direction:column;gap:4px;box-shadow:inset 0 0 0 1px #e2e8f0}.tech-calendar-event.is-flat{background:transparent;box-shadow:none;padding:4px 0 0}.tech-calendar-event-icons{display:flex;gap:6px;flex-wrap:wrap}.tech-calendar-status-icon{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:999px;background:#0000000a}.tech-calendar-shift{font-weight:600;color:#0f172a}.tech-calendar-color-tags{display:flex;flex-direction:column;gap:4px}.tech-calendar-color-pill{display:inline-flex;padding:2px 10px;border-radius:999px;font-size:.75rem;color:#334155;border:1px solid rgba(15,23,42,.05)}.tech-calendar-responsables{flex:0 0 240px}.responsable-item{padding-bottom:8px;border-bottom:1px solid #e2e8f0}.legend-section .legend-row{display:flex;align-items:center;gap:10px}.legend-section .tech-calendar-color-pill{margin-right:auto}.cops-weekly-page{display:flex;flex-direction:column;gap:24px}.cops-weekly-card{border-radius:18px;box-shadow:0 18px 45px #0f233f14;padding:24px}.cops-weekly-header{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.cops-weekly-filters label{display:block;font-size:.85rem;font-weight:600;margin-bottom:6px;color:#0f172a}.filters-actions{display:flex;align-items:flex-end}.cops-weekly-table{margin-top:18px;border:1px solid #e2e8f0;border-radius:16px;overflow:hidden}.cops-weekly-table-header,.cops-weekly-row{display:grid;grid-template-columns:90px 120px repeat(7,minmax(130px,1fr))}.cops-weekly-table-header{background:#f4f6fb;font-weight:600}.table-cell{padding:12px;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;display:flex;align-items:center;min-height:72px}.table-cell:last-child{border-right:none}.day-header{justify-content:center}.turn-cell{font-weight:600;color:#0f172a}.cops-weekly-row.is-diurno .table-cell{background:#f5fbff}.cops-weekly-row.is-nocturno .table-cell{background:#fdf6ff}.zone-cell{font-weight:500}.assignment-cell{background:#fff}.guard-card{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:6px;flex-direction:column}.guard-info{display:flex;align-items:center;gap:6px;font-size:.9rem}.guard-id{font-size:.8rem;color:#94a3b8;font-weight:600}.guard-name{font-weight:600}.guard-actions{display:flex;gap:2px}.cops-weekly-body .table-cell{border-bottom:1px solid #edf1f7}@media(max-width:991px){.cops-weekly-table-header,.cops-weekly-row{grid-template-columns:90px 100px repeat(7,minmax(100px,1fr))}}@media(max-width:768px){.cops-weekly-table{overflow-x:auto}.cops-weekly-table-header,.cops-weekly-row{min-width:720px}}@media(max-width:991px){.zones-layout{grid-template-columns:320px 1fr}}@media(max-width:767px){.zones-layout{grid-template-columns:1fr}.zones-panel{min-height:auto}}@media(max-width:768px){.dashboard-header{padding:12px 16px}.dashboard-content{padding:16px}.header-context{width:100%}.tech-calendar-grid{grid-template-columns:60px repeat(7,minmax(80px,1fr))}.tech-calendar-responsables{flex-basis:100%}}.login-hero{min-height:100vh;background:radial-gradient(circle at 10% 20%,#e0f3ff 0,transparent 35%),radial-gradient(circle at 90% 10%,#d9e4ff 0,transparent 30%),linear-gradient(135deg,#f8fbff,#f0f4ff);padding:40px 16px;display:flex;align-items:center;justify-content:center}.login-wrapper{width:100%;max-width:460px}.login-card{width:100%;max-width:420px;box-shadow:0 20px 60px #0f233f26;border-radius:18px;border:1px solid #e6e9f0}.login-card .ant-card-body{padding:32px clamp(20px,5vw,32px)}.login-brand{width:100%;justify-content:flex-start;flex-wrap:wrap;text-align:left}.login-logo{width:clamp(90px,20vw,120px)}@media(max-width:480px){.login-brand{justify-content:center;text-align:center}.login-card{border-radius:24px}}html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}.ant-layout{background:transparent}.ant-btn-primary{font-weight:500}.ant-result{padding:24px 0}