:root{--color-bg: #FCFCFC;--color-surface: #FFFFFF;--color-text-main: #1A1A1A;--color-text-muted: #666666;--color-border: #EAEAEA;--color-primary: #C5A059;--color-primary-hover: #b08d4f;--color-secondary: #F5F0E6;--color-secondary-hover: #EBE4D5;--color-danger: #E05252;--color-success: #4CAF50;--sidebar-width: 250px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-family-sans: "Manrope", "Segoe UI", sans-serif;--font-family-display: "Cormorant Garamond", "Georgia", serif;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 4px 12px rgba(0, 0, 0, .05);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--transition-fast: .15s ease;--transition-normal: .3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-sans);background-color:var(--color-bg);color:var(--color-text-main);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-display);font-weight:500;color:var(--color-text-main)}a{text-decoration:none;color:inherit}button{font-family:inherit;cursor:pointer;border:none;background:none;outline:none}input,select,textarea{font-family:inherit;font-size:1rem;outline:none}.app-container{display:flex;min-height:100vh}.main-content{flex:1;margin-left:var(--sidebar-width);padding:var(--spacing-xl);display:flex;flex-direction:column;min-width:0}.page-header{margin-bottom:var(--spacing-xl);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.page-title{font-size:2rem;font-weight:600}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);border:1px solid var(--color-border)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-weight:500;font-size:.9rem;transition:all var(--transition-fast);min-height:38px}.btn-primary{background-color:var(--color-primary);color:var(--color-surface)}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-text-main)}.btn-secondary:hover{background-color:var(--color-secondary-hover)}.btn-outline{border:1px solid var(--color-border);background-color:transparent;color:var(--color-text-main)}.btn-outline:hover{border-color:var(--color-text-muted);background-color:var(--color-bg)}@media (max-width: 1180px){:root{--sidebar-width: 220px}.main-content{padding:var(--spacing-lg)}}@media (max-width: 900px){.app-container{flex-direction:column}.main-content{margin-left:0;padding:var(--spacing-md)}.page-title{font-size:1.65rem}}@media (max-width: 560px){.main-content{padding:12px}.page-header{align-items:stretch}.page-header>*,.page-header .btn{width:100%}.card{padding:var(--spacing-md)}.btn{width:100%}}.sidebar{width:var(--sidebar-width);height:100vh;position:fixed;left:0;top:0;background-color:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:var(--spacing-lg) var(--spacing-md);z-index:100}.sidebar-header{padding:0 var(--spacing-sm) var(--spacing-xl)}.sidebar-header h2{font-size:1.5rem;font-weight:600;color:var(--color-primary);letter-spacing:-.5px}.sidebar-subtitle{font-size:.8rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px}.sidebar-nav{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:var(--color-text-muted);font-weight:500;transition:all var(--transition-fast)}.nav-icon{color:inherit;transition:color var(--transition-fast)}.nav-item:hover{background-color:var(--color-bg);color:var(--color-text-main)}.nav-item.active{background-color:var(--color-secondary);color:var(--color-primary)}.sidebar-footer{margin-top:auto;padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.user-profile{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm)}.logout-button{margin-left:auto;background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center}.logout-button:hover{color:#ef4444;background-color:#ef44441a}.avatar{width:36px;height:36px;border-radius:var(--radius-full);background-color:var(--color-primary);color:var(--color-surface);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.2rem}.user-info{display:flex;flex-direction:column}.user-name{font-weight:600;font-size:.9rem}.user-role{font-size:.8rem;color:var(--color-text-muted)}@media (max-width: 900px){.sidebar{position:sticky;top:0;width:100%;height:auto;min-height:0;padding:10px 12px}.sidebar-header{padding:0 4px 8px}.sidebar-header h2{font-size:1.2rem}.sidebar-subtitle,.user-info{display:none}.sidebar-nav{flex-direction:row;overflow-x:auto;gap:6px;padding-bottom:2px}.nav-item{flex:0 0 auto;padding:8px 10px;white-space:nowrap}.sidebar-footer{position:absolute;right:10px;top:10px;margin:0;padding:0;border:0}.user-profile{padding:0}.avatar{display:none}}@media (max-width: 560px){.nav-item span{display:none}.nav-item{width:40px;height:40px;justify-content:center;padding:0}}.dashboard-page{animation:fadeIn .3s ease-out}.quick-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card{display:flex;align-items:center;gap:var(--spacing-md)}.stat-icon-wrapper{width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.bg-primary-light{background-color:var(--color-secondary)}.bg-success-light{background-color:#e8f5e9}.text-success{color:var(--color-success)}.stat-info{display:flex;flex-direction:column}.stat-label{font-size:.9rem;color:var(--color-text-muted);font-weight:500}.stat-value{font-size:1.8rem;font-family:var(--font-family-display);font-weight:600;color:var(--color-text-main);line-height:1.2}.upcoming-appointments h2{font-size:1.2rem;margin-bottom:var(--spacing-md)}.appointment-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.appointment-item{display:flex;align-items:center;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.appointment-item:hover{border-color:var(--color-primary);background-color:var(--color-bg)}.app-time{font-weight:600;font-size:1.1rem;width:80px;color:var(--color-primary)}.app-details{flex:1}.app-client{font-weight:600}.app-service{font-size:.9rem;color:var(--color-text-muted)}.app-status{padding:4px 12px;border-radius:var(--radius-full);font-size:.8rem;font-weight:500}.status-pending{background-color:var(--color-secondary);color:#b08d4f}.status-completed{background-color:#e8f5e9;color:var(--color-success)}.status-cancelled{background-color:#ffebee;color:var(--color-danger)}.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--color-text-muted);font-style:italic;background-color:var(--color-bg);border-radius:var(--radius-md)}@keyframes fadeIn{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.ui-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;padding:18px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 25% 12%,rgba(197,160,89,.14),transparent 42%),radial-gradient(circle at 78% 85%,rgba(30,40,58,.12),transparent 46%),#11151c61;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);animation:ui-modal-fade-in .18s ease-out}.ui-modal-content{position:relative;width:min(560px,100%);max-height:calc(100dvh - 36px);overflow:hidden;display:flex;flex-direction:column;border-radius:20px;border:1px solid rgba(197,160,89,.3);background:linear-gradient(180deg,#fff,#fefdf9);box-shadow:0 26px 64px #12141947,0 10px 24px #12141924;animation:ui-modal-slide-up .24s cubic-bezier(.22,.78,.2,1)}.ui-modal-content:before{content:"";position:sticky;top:0;display:block;width:100%;height:2px;background:linear-gradient(90deg,#c5a05900,#c5a059f2,#c5a05900)}.ui-modal-header{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px 20px 12px;border-bottom:1px solid #f0e7d7;background:linear-gradient(180deg,#faf4e9b8,#fffffff5)}.ui-modal-title{margin:0;font-size:1.55rem;line-height:1.05;letter-spacing:.02em;font-weight:600}.ui-modal-close{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid rgba(197,160,89,.28);border-radius:999px;color:#6b7280;background:linear-gradient(180deg,#fff,#faf7f0);transition:all var(--transition-fast)}.ui-modal-close:hover{color:#1f2937;border-color:#c5a059ad;box-shadow:0 4px 12px #c5a0592e;transform:translateY(-1px)}.ui-modal-body{padding:16px 20px 20px;overflow-y:auto;min-height:0;overscroll-behavior:contain}.ui-modal-body .client-form-actions,.ui-modal-body .payment-form-actions{position:sticky;bottom:-1px;z-index:2;background:linear-gradient(180deg,#ffffffd6,#fffdf9 42%);border-top:1px solid #f0e7d7;padding-top:10px}@keyframes ui-modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-modal-slide-up{0%{opacity:0;transform:translateY(12px) scale(.987)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 700px){.ui-modal-overlay{padding:14px;align-items:flex-end}.ui-modal-content{width:100%;max-height:calc(100dvh - 18px);border-radius:18px 18px 0 0}.ui-modal-title{font-size:1.35rem}.ui-modal-header{padding:14px 16px 12px}.ui-modal-body{padding:14px 16px 18px}}@media (max-height: 760px){.ui-modal-overlay{padding:10px}.ui-modal-content{max-height:calc(100dvh - 20px);border-radius:16px}.ui-modal-header{padding:10px 16px 9px}.ui-modal-title{font-size:1.28rem}.ui-modal-close{width:30px;height:30px}.ui-modal-body{padding:12px 16px 14px}}.agenda-page{display:flex;flex-direction:column;gap:12px}.agenda-header{gap:12px;align-items:flex-start}.agenda-subtitle{color:var(--color-text-muted);margin-top:4px}.agenda-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.agenda-date-input{border:1px solid var(--color-border);border-radius:10px;padding:8px 10px;background:#fff}.agenda-meta-card{display:flex;align-items:center;gap:8px;padding:12px 16px}.agenda-grid-card{padding:0;overflow:hidden}.agenda-grid-header{display:grid;grid-template-columns:90px repeat(3,minmax(0,1fr));border-bottom:1px solid var(--color-border);background:#faf9f6}.timeline-time-title,.timeline-cabin-title{font-weight:600;padding:12px}.timeline-cabin-title{border-left:1px solid var(--color-border)}.agenda-grid-body{display:grid;grid-template-columns:90px repeat(3,minmax(0,1fr));position:relative;max-height:calc(100vh - 290px);overflow:auto}.timeline-time-col{border-right:1px solid var(--color-border);background:#fafafa}.timeline-time-slot{padding:3px 8px;border-bottom:1px dashed #e9e9e9;font-size:.66rem;color:var(--color-text-muted);line-height:1.05}.timeline-time-slot.hour-mark{color:#2c3441;font-weight:700}.timeline-cabin-col{position:relative;border-right:1px solid var(--color-border);background:#fff}.timeline-cabin-col:last-child{border-right:0}.timeline-guide-line{position:absolute;left:0;right:0;height:0;border-top:1px dashed #ececec}.agenda-appointment{position:absolute;left:8px;right:8px;border-radius:10px;border:0;padding:8px;display:flex;flex-direction:column;text-align:left;gap:2px;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast);z-index:3;overflow:hidden}.agenda-appointment:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.agenda-appointment strong{font-size:.86rem}.agenda-appointment span{font-size:.78rem}.agenda-appointment small{font-size:.72rem;opacity:.82}.agenda-appointment.compact{justify-content:center;gap:1px;padding:6px 8px}.agenda-appointment.compact strong{font-size:.8rem;line-height:1.1}.agenda-appointment.compact small{font-size:.68rem;line-height:1.05}.agenda-appointment.micro{gap:0;padding:2px 6px}.agenda-appointment.micro strong{font-size:.68rem;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agenda-appointment.micro small{display:none}.agenda-appointment.status-pending{background:#fef5e5;border-left:3px solid #c38d18}.agenda-appointment.status-completed{background:#eaf9ec;border-left:3px solid #2f8d4a}.agenda-appointment.status-cancelled{background:#fff1f1;border-left:3px solid #bf2e2e}.agenda-create-modal{width:min(760px,calc(100vw - 24px));overflow:hidden}.agenda-create-modal .ui-modal-header{padding:18px 24px 14px}.agenda-create-modal .ui-modal-body{padding:20px 24px 24px}.agenda-form{display:flex;flex-direction:column;gap:16px}.agenda-form-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px 16px;align-items:start}.agenda-field,.agenda-time-part{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:.9rem}.agenda-field>span,.agenda-field-label{color:#2c3441;font-size:.84rem;font-weight:700}.agenda-form input,.agenda-form select,.agenda-form textarea{width:100%;min-height:44px;border:1px solid #ded8cc;border-radius:8px;padding:10px 12px;background:#fff;color:#27303d;box-shadow:inset 0 1px #ffffffeb;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.agenda-form input:focus,.agenda-form select:focus,.agenda-form textarea:focus{border-color:#c5a059d1;box-shadow:0 0 0 3px #c5a05929}.agenda-service-field,.agenda-notes-field,.agenda-duration-card{grid-column:1 / -1}.agenda-client-picker{position:relative}.agenda-client-picker input{width:100%}.agenda-client-results{position:absolute;z-index:12;left:0;right:0;top:calc(100% + 6px);border:1px solid var(--color-border);border-radius:10px;background:#fff;box-shadow:var(--shadow-md);max-height:210px;overflow-y:auto;padding:6px;display:flex;flex-direction:column;gap:4px}.agenda-client-option{text-align:left;border:1px solid transparent;background:#fff;border-radius:8px;padding:9px 10px;color:#27303d;font-size:.9rem;display:flex;flex-direction:column;gap:2px;transition:all var(--transition-fast)}.agenda-client-option:hover{border-color:#e6d4b0;background:#fdf8ee}.agenda-client-option span{font-weight:600}.agenda-client-option small{color:var(--color-text-muted);font-size:.8rem}.agenda-client-empty{margin:0;padding:8px 10px;font-size:.85rem;color:var(--color-text-muted)}.agenda-client-loading{color:#7a5a19}.agenda-client-error{color:#9f1f1f}.agenda-time-field{display:flex;flex-direction:column;gap:6px;min-width:0}.agenda-time-selectors{display:grid;grid-template-columns:minmax(82px,1fr) minmax(82px,1fr) minmax(96px,1fr);gap:8px;padding:10px;border:1px solid #ebe2d2;border-radius:10px;background:#fbf8f1}.agenda-time-part{gap:4px}.agenda-time-part span{color:var(--color-text-muted);font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.agenda-time-part select{min-height:38px;padding:8px 9px;width:100%}.agenda-duration-card{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:10px 14px;border:1px solid #eadfca;border-radius:10px;background:linear-gradient(180deg,#fffdf8,#fbf6ec)}.agenda-duration-card span{color:#766a57;font-size:.82rem;font-weight:700}.agenda-duration-card strong{color:#6f4f0f;font-size:.95rem}.agenda-notes-field textarea{min-height:92px;resize:vertical}.agenda-form-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;padding-top:10px;position:sticky;bottom:-1px;z-index:2;background:linear-gradient(180deg,#ffffffd6,#fffdf9 42%);border-top:1px solid #f0e7d7}.agenda-form-error{color:#9f1f1f;background:#fff3f3;border:1px solid #ffd1d1;padding:10px;border-radius:10px}.agenda-details{display:flex;flex-direction:column;gap:12px}.agenda-detail-grid{display:grid;gap:8px}.agenda-detail-row{display:grid;grid-template-columns:116px minmax(0,1fr);align-items:center;gap:10px;padding:8px 10px;border:1px solid #efe8d9;border-radius:12px;background:linear-gradient(180deg,#fffefb,#fcf9f2)}.agenda-detail-label{color:#736a5a;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.agenda-detail-value{color:#2c3441;font-weight:600}.agenda-pill{display:inline-flex;align-items:center;justify-content:center;width:fit-content;border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:700}.agenda-pill.warning{color:#7f5b15;background:#fff4d9;border:1px solid #f0d89a}.agenda-pill.success{color:#22693e;background:#e7f7ed;border:1px solid #b9e1c6}.agenda-pill.danger{color:#902f2f;background:#ffe9e9;border:1px solid #f0c2c2}.agenda-pill.muted{color:#5f6570;background:#eceff4;border:1px solid #dde2ea}.agenda-detail-notes{border:1px solid #e8e2d6;border-radius:12px;background:linear-gradient(180deg,#fff,#faf6ee);padding:10px;display:flex;flex-direction:column;gap:8px}.agenda-detail-notes p{margin:0;line-height:1.4;color:#27303d}.agenda-details-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:4px}.agenda-details-actions .btn{width:100%}.agenda-details-actions.actions-1 .btn{grid-column:1 / -1;max-width:220px;justify-self:center}.agenda-details-actions.actions-3 .btn:last-child{grid-column:1 / -1}@media (max-width: 960px){.agenda-create-modal .ui-modal-body{padding:16px}.agenda-form-grid{grid-template-columns:1fr}.agenda-grid-header,.agenda-grid-body{grid-template-columns:68px repeat(3,220px);min-width:fit-content}.agenda-details-actions{grid-template-columns:1fr}.agenda-detail-row{grid-template-columns:1fr;gap:4px}.agenda-details-actions.actions-1 .btn,.agenda-details-actions.actions-3 .btn:last-child{grid-column:auto;max-width:none}}@media (max-width: 520px){.agenda-time-selectors{grid-template-columns:1fr}.agenda-form-actions{flex-direction:column-reverse}.agenda-form-actions .btn{width:100%}}@media (max-height: 760px){.agenda-create-modal{width:min(620px,calc(100vw - 20px))}.agenda-create-modal .ui-modal-header{padding:10px 16px 9px}.agenda-create-modal .ui-modal-body{padding:12px 16px 14px}.agenda-form{gap:10px}.agenda-form-grid{gap:9px 12px}.agenda-field,.agenda-time-field{gap:4px}.agenda-form input,.agenda-form select,.agenda-form textarea{min-height:38px;padding:8px 10px}.agenda-time-selectors{padding:8px}.agenda-time-part select{min-height:34px;padding:6px 8px}.agenda-duration-card{min-height:38px;padding:8px 12px}.agenda-notes-field textarea{min-height:62px}.agenda-form-error{padding:8px 10px}.agenda-form-actions{padding-top:8px}}@media (max-height: 680px){.agenda-create-modal{width:min(560px,calc(100vw - 20px))}.agenda-form-grid{grid-template-columns:1fr}}.servicios-page{display:flex;flex-direction:column;gap:16px}.servicios-layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:16px}.servicios-form-card h2,.servicios-list-card h2{font-size:1.05rem;margin-bottom:12px}.servicios-form{display:flex;flex-direction:column;gap:10px}.servicios-form label{display:flex;flex-direction:column;gap:6px}.servicios-form input,.servicios-form select{border:1px solid var(--color-border);border-radius:10px;padding:10px}.servicios-cabins{border:1px solid var(--color-border);border-radius:10px;padding:12px}.servicios-cabins legend{font-size:.85rem;color:var(--color-text-muted);padding:0 4px}.servicios-cabins-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.servicios-cabin-tile{border:1px solid #f0b6b6;border-radius:12px;padding:12px 10px;background:#fff1f1;color:#9d2424;font-weight:600;font-size:.92rem;text-align:center;transition:transform .16s ease,background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.servicios-cabin-tile:hover{border-color:#e07a7a;background:#ffe8e8;box-shadow:0 8px 18px #e0525229;transform:translateY(-1px)}.servicios-cabin-tile:active{transform:translateY(0) scale(.985)}.servicios-cabin-tile.selected{border-color:#39a765;background:linear-gradient(180deg,#edf9f1,#d9f3e3);color:#1f6b3d;box-shadow:0 6px 14px #39a7652e}.servicios-cabin-tile.selected:hover{border-color:#2d8f55;background:#e1f6e8;box-shadow:0 8px 18px #39a76533}.servicios-error{border:1px solid #ffd3d3;border-radius:12px;padding:10px;color:#8f2020;background:#fff4f4}.servicios-form-actions{display:flex;justify-content:flex-end}.servicios-list{display:flex;flex-direction:column;gap:10px}.servicio-item{border:1px solid var(--color-border);border-radius:12px;padding:12px;background:#fff;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast)}.servicio-item:hover{border-color:#ead9b9;box-shadow:0 10px 22px #27303d0f;transform:translateY(-1px)}.servicio-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.servicio-title{display:inline-flex;align-items:center;gap:8px;min-width:0}.servicio-title strong{overflow-wrap:anywhere}.servicio-delete-btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:34px;height:34px;border:1px solid #f0d3d3;border-radius:10px;color:#9d3232;background:#fff8f8;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.servicio-delete-btn:hover:not(:disabled){border-color:#e7a9a9;color:#7f1f1f;background:#ffecec;transform:translateY(-1px)}.servicio-delete-btn:disabled{cursor:wait;opacity:.58}.servicio-meta{margin-top:8px;display:flex;flex-direction:column;gap:6px;color:#5d6470;font-size:.92rem}.servicio-meta span{display:inline-flex;align-items:center;gap:6px}@media (max-width: 1100px){.servicios-layout,.servicios-cabins-grid{grid-template-columns:1fr}}.clientes-page{display:flex;flex-direction:column;height:calc(100vh - calc(var(--spacing-xl) * 2))}.clientes-content{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;flex:1;min-height:0}.clientes-sidebar{padding:0;overflow:hidden;display:flex;flex-direction:column}.search-box{padding:12px;border-bottom:1px solid var(--color-border);position:relative}.search-icon{position:absolute;left:22px;top:22px;color:var(--color-text-muted)}.search-input{width:100%;border:1px solid var(--color-border);border-radius:10px;padding:10px 10px 10px 35px}.clients-list{overflow:auto;flex:1}.client-list-item{width:100%;display:flex;align-items:center;gap:10px;text-align:left;padding:10px 12px;border-bottom:1px solid var(--color-border)}.client-list-item:hover{background:#fafafa}.client-list-item.active{background:#fdf6eb;border-left:3px solid var(--color-primary)}.client-avatar,.client-avatar-large{border-radius:999px;background:#d5ab57;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.client-avatar{width:36px;height:36px}.client-avatar-large{width:62px;height:62px;font-size:1.2rem}.client-list-info{min-width:0}.client-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-phone{color:var(--color-text-muted);font-size:.85rem}.client-details{padding:0;display:flex;flex-direction:column;min-height:0}.client-details-header{border-bottom:1px solid var(--color-border);padding:18px;display:flex;gap:12px;align-items:flex-start}.client-header-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.client-header-info{flex:1}.client-header-info h2{font-size:1.5rem}.client-contact-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--color-border);background:#fafafa;color:#49505d;border-radius:999px;padding:4px 10px;font-size:.8rem}.client-tabs{display:flex;border-bottom:1px solid var(--color-border);overflow-x:auto}.tab{padding:10px 14px;font-size:.9rem;color:#5e6774;border-bottom:2px solid transparent;white-space:nowrap}.tab.active{color:#af7b0d;border-bottom-color:#af7b0d;font-weight:600}.tab-content{padding:18px;overflow:auto;flex:1}.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.info-box{border:1px solid var(--color-border);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}.list-grid{display:flex;flex-direction:column;gap:8px;margin-top:10px}.history-item,.payment-item,.consent-item{border:1px solid var(--color-border);border-radius:12px;padding:10px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;align-items:center}.consent-item{grid-template-columns:1fr auto}.consent-item-actions{display:flex;gap:8px}.consent-delete-btn{border-color:#e7baba;color:#9e2a2a}.consent-delete-btn:hover{border-color:#cf8989;background:#fff1f1}.consent-delete-modal{display:flex;flex-direction:column;gap:8px}.consent-delete-modal p{margin:0}.client-delete-btn{border-color:#e7baba;color:#9e2a2a}.client-delete-btn:hover{border-color:#cf8989;background:#fff1f1}.notes-label{display:flex;flex-direction:column;gap:6px;margin-top:10px}.notes-label textarea{border:1px solid var(--color-border);border-radius:10px;padding:10px}.notes-actions{margin-top:12px;display:flex;justify-content:flex-end}.consent-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.consent-actions h3{display:inline-flex;align-items:center;gap:8px}.consent-buttons{display:flex;gap:8px;flex-wrap:wrap}.client-form{display:flex;flex-direction:column;gap:10px}.client-form label{display:flex;flex-direction:column;gap:6px;font-size:.9rem}.client-form input,.client-form select,.client-form textarea{border:1px solid var(--color-border);border-radius:10px;padding:10px}.client-form-field{display:flex;flex-direction:column;gap:6px;font-size:.9rem}.client-time-selectors{display:grid;grid-template-columns:minmax(82px,1fr) minmax(82px,1fr) minmax(96px,1fr);gap:8px;padding:10px;border:1px solid #ebe2d2;border-radius:10px;background:#fbf8f1}.client-time-part{gap:4px}.client-time-part span{color:var(--color-text-muted);font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.client-form .client-checkbox{flex-direction:row;align-items:center;gap:8px}.client-checkbox input{width:auto}.client-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.consent-result{border:1px solid #c2ebd0;background:#f2fff4;color:#1f6d33;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:4px}.consent-result a{color:#155fbb;text-decoration:underline}.empty-selection,.empty-state{color:var(--color-text-muted)}.page-inline-error{margin-top:10px;border:1px solid #ffd3d3;border-radius:12px;padding:10px;color:#8f2020;background:#fff4f4}.bonuses-header,.voucher-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.bonuses-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px;margin-top:12px}.voucher-list,.voucher-sessions,.privacy-panel{display:flex;flex-direction:column;gap:10px}.voucher-card,.voucher-session{border:1px solid var(--color-border);border-radius:12px;background:#fff;padding:12px}.voucher-card{text-align:left;display:flex;flex-direction:column;gap:4px}.voucher-card.active{border-color:#c59f5f;background:#fffaf0}.voucher-card span,.voucher-card small,.voucher-detail-header p,.voucher-session-main span{color:var(--color-text-muted)}.voucher-note{margin:0;color:#685b47;font-size:.86rem;line-height:1.35}.voucher-detail{min-width:0}.session-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:12px 0;color:var(--color-text-muted);font-size:.82rem}.legend-dot{width:10px;height:10px;border-radius:999px;display:inline-block}.legend-dot.completed{background:#3478d4}.legend-dot.pending{background:#dba51d}.legend-dot.paid-pending{background:#399e57}.legend-dot.unpaid-completed{background:#d94b4b}.voucher-session{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;border-left-width:5px}.voucher-session.completed{border-left-color:#3478d4;background:#eef6ff}.voucher-session.pending{border-left-color:#dba51d;background:#fff9e8}.voucher-session.paid-pending{border-left-color:#399e57;background:#effaf2}.voucher-session.unpaid-completed{border-left-color:#d94b4b;background:#fff0f0}.voucher-session-main{display:flex;flex-direction:column;min-width:0}.voucher-session-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.privacy-panel{max-width:620px}.privacy-panel-header{border:1px solid #eadfca;border-radius:14px;background:linear-gradient(180deg,#fffdf8,#fbf6ec);padding:14px}.privacy-panel-header p{margin-top:4px;color:var(--color-text-muted);font-size:.92rem}.privacy-toggle{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;border:1px solid #eadfca;border-radius:14px;background:#fff;padding:12px;cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast)}.privacy-toggle:hover{border-color:#d7bb82;background:#fffaf0}.privacy-toggle.disabled{opacity:.62;cursor:not-allowed}.privacy-toggle input{position:absolute;opacity:0;pointer-events:none}.privacy-toggle-control{width:46px;height:26px;border-radius:999px;border:1px solid #ded8cc;background:#f0f0f0;position:relative;transition:all var(--transition-fast)}.privacy-toggle-control:after{content:"";position:absolute;width:20px;height:20px;top:2px;left:2px;border-radius:999px;background:#fff;box-shadow:0 2px 6px #27303d38;transition:transform var(--transition-fast)}.privacy-toggle input:checked+.privacy-toggle-control{border-color:#c59f5f;background:#c59f5f}.privacy-toggle input:checked+.privacy-toggle-control:after{transform:translate(20px)}.privacy-toggle strong{display:block;color:#2c3441}.privacy-toggle small{color:var(--color-text-muted);display:block;margin-top:2px}.privacy-feedback{border:1px solid #b9e1c6;background:#effaf2;color:#22693e;border-radius:12px;padding:10px 12px;font-weight:600}@media (max-width: 1100px){.clientes-content{grid-template-columns:1fr;height:auto}.clientes-sidebar{max-height:280px}.client-details{min-height:520px}.info-grid{grid-template-columns:1fr}.history-item,.payment-item{grid-template-columns:1fr 1fr}.bonuses-layout{grid-template-columns:1fr}}@media (max-width: 720px){.clientes-page{height:auto;min-height:0}.client-details-header,.client-form-actions,.voucher-session{grid-template-columns:1fr}.client-details-header{flex-direction:column}.client-header-actions,.voucher-session-actions,.client-form-actions{width:100%;justify-content:stretch}.client-header-actions .btn,.voucher-session-actions .btn,.client-form-actions .btn{width:100%}.history-item,.payment-item,.consent-item,.client-time-selectors,.privacy-toggle{grid-template-columns:1fr}}.caja-page{display:flex;flex-direction:column;gap:14px}.total-card{max-width:420px;display:flex;justify-content:space-between;align-items:center;border-left:4px solid var(--color-primary);background:linear-gradient(125deg,#fffdf8,#f8f4ea)}.total-info{display:flex;flex-direction:column}.total-label{font-size:.86rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em}.total-value{font-size:2.1rem;font-weight:600}.total-icon{width:56px;height:56px;border-radius:999px;background:#c5a0592e;display:grid;place-items:center}.caja-content-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;flex-wrap:wrap}.caja-filters{display:flex;gap:8px;flex-wrap:wrap}.filter-group,.search-box-small{display:flex;align-items:center;gap:6px;border:1px solid var(--color-border);border-radius:10px;padding:8px 10px}.date-input,.search-box-small input{border:0;background:transparent}.payments-table{border:1px solid var(--color-border);border-radius:12px;overflow:hidden}.table-header{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr .7fr;gap:8px;background:#f7f7f7;font-weight:600;font-size:.82rem;text-transform:uppercase;letter-spacing:.03em;padding:10px}.table-body{display:flex;flex-direction:column}.table-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr .7fr;gap:8px;padding:11px 10px;border-top:1px solid var(--color-border);align-items:center}.payment-form{display:flex;flex-direction:column;gap:10px}.payment-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px}.payment-mode-btn{border:1px solid var(--color-border);border-radius:10px;padding:9px 10px;font-size:.9rem;color:#515968;background:#fff;transition:all var(--transition-fast)}.payment-mode-btn:hover{border-color:#ceb383;background:#fdf9f1}.payment-mode-btn.active{border-color:#c59f5f;color:#9e6f08;background:#fcf5e8}.payment-appointment-info{border:1px solid #eadfc8;background:#fffaf0;border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:4px;font-size:.84rem;color:#4e5562}.payment-form label{display:flex;flex-direction:column;gap:6px;font-size:.9rem}.payment-form input,.payment-form select{border:1px solid var(--color-border);border-radius:10px;padding:10px}.payment-form-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}.form-error{border:1px solid #ffd2d2;color:#8f2020;background:#fff5f5;border-radius:10px;padding:8px 10px}@media (max-width: 960px){.table-header,.table-row{grid-template-columns:1fr 1fr 1fr}.table-header span:nth-child(3),.table-header span:nth-child(4),.table-row span:nth-child(3),.table-row span:nth-child(4){display:none}}.mensajes-container{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:var(--spacing-xl);align-items:flex-start}.composition-card{display:flex;flex-direction:column;gap:var(--spacing-lg)}.composition-card h2{font-size:1.2rem;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border)}.form-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.form-group label{font-weight:500;color:var(--color-text-main)}.select-wrapper{position:relative;display:flex;align-items:center}.select-icon{position:absolute;left:var(--spacing-md)}.client-select{width:100%;padding:var(--spacing-md);padding-left:calc(var(--spacing-xl) + var(--spacing-xs));border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.client-select:focus,.subject-input:focus,.message-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #c5a05933}.subject-input{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg)}.message-textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);resize:vertical;line-height:1.5;font-size:.95rem}.character-count{font-size:.8rem;text-align:right}.email-preview-note{border:1px solid #e9dfcb;background:#fffaf0;color:#66553a;border-radius:10px;padding:10px 12px;font-size:.84rem}.form-actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);padding-top:var(--spacing-md)}.success-text{color:var(--color-success);font-weight:500}.error-text{color:#a42727;font-weight:500}.templates-card h2{font-size:1.2rem;padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md)}.templates-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.template-btn{width:100%;text-align:left;padding:var(--spacing-md);background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-main);font-size:.95rem;transition:all var(--transition-fast);display:flex;flex-direction:column;gap:2px}.template-btn:hover{border-color:var(--color-primary);background-color:var(--color-secondary);box-shadow:var(--shadow-sm)}.template-btn span{color:var(--color-text-muted);font-size:.76rem}.template-btn.blocked{border-color:#dc6b6b;color:#9d2424;background:#fff0f0}.custom-template-row{display:grid;grid-template-columns:minmax(0,1fr) 38px;gap:8px;align-items:stretch}.template-delete-btn{border:1px solid #efc1c1;border-radius:var(--radius-md);color:#9d2424;background:#fff7f7;display:grid;place-items:center}.template-form{margin-top:16px;border-top:1px solid var(--color-border);padding-top:16px;display:flex;flex-direction:column;gap:10px}.template-form h3{font-size:1rem}.template-form input,.template-form select,.template-form textarea{width:100%;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px;background:#fff}.template-hint{margin-top:12px;font-size:.84rem;color:var(--color-text-muted)}@media (max-width: 1080px){.mensajes-container{grid-template-columns:1fr}}@media (max-width: 640px){.custom-template-row{grid-template-columns:1fr}.template-delete-btn{min-height:38px}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-bg)}.login-card{width:100%;max-width:400px;padding:var(--spacing-xl)}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-header h2{font-size:2rem;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.login-header p{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.85rem}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.login-form .form-group input{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-top:var(--spacing-xs)}.login-form .form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #c5a05933}.login-error{color:var(--color-danger);font-size:.9rem;text-align:center}.login-btn{width:100%;padding:var(--spacing-md);font-size:1rem;margin-top:var(--spacing-sm)}.login-terminal-btn{width:100%;margin-top:var(--spacing-sm)}.plain-terminal-btn{border:1px solid var(--color-border);background:#fff;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);font-weight:500;color:#4c515d;transition:all var(--transition-fast)}.plain-terminal-btn:hover{border-color:#c2c5cb;background:#fafafa}.login-logo{font-size:2rem;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.login-subtitle{color:var(--color-text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.82rem;margin-bottom:8px}.login-helper{color:var(--color-text-muted);font-size:.88rem;line-height:1.4}.input-icon-wrapper{position:relative}.input-icon-wrapper input{width:100%;padding-left:38px}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.spinner{animation:spin 1s linear infinite}.terminal-access-box{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.terminal-access-title{font-size:.9rem;color:var(--color-text-muted);margin-bottom:var(--spacing-sm);text-align:center}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background-color:var(--color-bg);color:var(--color-text-main);text-align:center}.loading-content{display:flex;flex-direction:column;gap:var(--spacing-lg);align-items:center}.loading-logo{font-size:2.5rem;color:var(--color-primary);font-family:Outfit,sans-serif;margin-bottom:var(--spacing-sm)}.loader-container{margin:var(--spacing-md) 0}.spinner{color:var(--color-primary);animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-message{font-size:1.1rem;font-weight:500}.loading-subtext{font-size:.85rem;color:var(--color-text-muted);max-width:300px}.user-management{display:flex;flex-direction:column;gap:var(--spacing-lg)}.table-container{overflow-x:auto;border:1px solid var(--color-border)}.users-table-shell{background:#fff;border-radius:12px;padding:10px 14px}.users-loading{min-height:120px;display:flex;align-items:center;justify-content:center}.users-table{width:100%;border-collapse:collapse;table-layout:fixed}.users-table thead tr{border-bottom:1px solid #e5e7eb}.users-table thead th{text-align:left;padding:12px 14px;color:#3f4652;font-weight:600;font-size:.9rem}.users-table tbody tr{border-bottom:1px solid #eceff3}.users-table tbody tr:last-child{border-bottom:none}.users-table tbody td{text-align:left;padding:12px 14px;vertical-align:middle}.cell-username{font-weight:600;color:#242a34}.role-badge,.status-badge{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;letter-spacing:.02em}.role-badge{text-transform:uppercase}.role-admin{color:#c17d0f}.role-terminal{color:#3d4a5d}.role-worker{color:#6b7280}.status-warning{color:#ca8a04}.status-active{color:#22a156;font-style:italic}.delete-user-btn{color:#ef4444;padding:4px;border-radius:8px;transition:background-color .15s ease,color .15s ease}.delete-user-btn:hover{color:#dc2626;background-color:#fff1f1}.user-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.user-modal-content{background:var(--color-surface);padding:var(--spacing-xl);border-radius:var(--radius-lg);width:100%;max-width:500px;box-shadow:var(--shadow-lg)}.user-modal-title{margin-bottom:var(--spacing-lg);font-size:1.5rem;color:var(--color-text-main)}.user-modal-actions{margin-top:var(--spacing-xl);display:flex;justify-content:flex-end;gap:var(--spacing-md)}.user-form-grid{display:flex;flex-direction:column;gap:var(--spacing-md)}.user-form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.user-form-group label{font-size:.85rem;font-weight:500;color:var(--color-text-muted)}.user-form-group input,.user-form-group select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);transition:border-color var(--transition-fast)}.user-form-group input:focus{border-color:var(--color-primary)}.text-amber-600{color:#d97706}.text-amber-500{color:#f59e0b}.text-green-500{color:#22c55e}.text-red-400{color:#f87171}.hover\:text-red-600:hover{color:#dc2626}.bg-white{background-color:#fff}.rounded-lg{border-radius:.5rem}.shadow-sm{box-shadow:var(--shadow-sm)}.p-4{padding:1rem}.w-full{width:100%}.border-collapse{border-collapse:collapse}.border-b{border-bottom:1px solid var(--color-border)}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.italic{font-style:italic}.font-light{font-weight:300}.font-medium{font-weight:500}.uppercase{text-transform:uppercase}.text-xs{font-size:.75rem}.tracking-wider{letter-spacing:.05em}.inline-flex{display:inline-flex}.items-center{align-items:center}.gap-1{gap:.25rem}.text-right{text-align:right}.mx-auto{margin-left:auto;margin-right:auto}.terminal-container{min-height:100vh;width:100%;background:radial-gradient(circle at center,#1a1a1a,#0a0a0a);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-family:var(--font-family-sans);padding:var(--spacing-xl);overflow:hidden;position:relative}.terminal-container:before{content:"";position:absolute;top:-10%;right:-10%;width:40%;height:40%;background:radial-gradient(circle,rgba(197,160,89,.1) 0%,transparent 70%);z-index:0}.terminal-container:after{content:"";position:absolute;bottom:-10%;left:-10%;width:40%;height:40%;background:radial-gradient(circle,rgba(197,160,89,.05) 0%,transparent 70%);z-index:0}.terminal-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%;max-width:600px}.terminal-clock-section{text-align:center;margin-bottom:var(--spacing-xl);animation:fadeInDown 1s ease-out}.terminal-time{font-size:8rem;font-family:var(--font-family-display);font-weight:700;color:var(--color-primary);text-shadow:0 0 30px rgba(197,160,89,.4);line-height:1;margin-bottom:var(--spacing-sm)}.terminal-date{font-size:1.5rem;color:#fff9;text-transform:capitalize;letter-spacing:2px}.terminal-card{background:#ffffff08;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:32px;padding:var(--spacing-xl);width:100%;box-shadow:0 25px 50px -12px #00000080;animation:fadeInUp 1s ease-out .2s both}.terminal-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.terminal-input-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.terminal-input-group label{font-size:.9rem;font-weight:500;color:#ffffff80;margin-left:var(--spacing-sm)}.terminal-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);color:#fff;font-size:1.2rem;transition:all var(--transition-normal)}.terminal-input:focus{border-color:var(--color-primary);background:#c5a0590d;box-shadow:0 0 0 4px #c5a0591a}.terminal-type-toggle{display:flex;background:#0003;border-radius:var(--radius-lg);padding:4px;margin-top:var(--spacing-sm)}.type-btn{flex:1;padding:var(--spacing-md);border-radius:calc(var(--radius-lg) - 4px);font-weight:600;font-size:1rem;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.type-btn.active.entrada{background:var(--color-success);color:#fff;box-shadow:0 4px 15px #4caf504d}.type-btn.active.salida{background:var(--color-danger);color:#fff;box-shadow:0 4px 15px #e052524d}.type-btn:not(.active){color:#fff6}.type-btn:not(.active):hover{background:#ffffff0d;color:#fffc}.terminal-submit-btn{margin-top:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-primary);color:#000;font-size:1.2rem;font-weight:700;border-radius:var(--radius-lg);transition:all var(--transition-normal);text-transform:uppercase;letter-spacing:1px}.terminal-submit-btn:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 10px 20px #c5a0594d}.terminal-submit-btn:active{transform:translateY(0)}.terminal-submit-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.feedback-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s ease-out}.feedback-overlay.success{background:#4caf50e6}.feedback-overlay.warning{background:#c5a059e6}.feedback-overlay.error{background:#e05252e6}.feedback-content{text-align:center;color:#fff}.feedback-content .icon{font-size:5rem;margin-bottom:var(--spacing-md);animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1)}.feedback-content h2{font-size:2.5rem;margin-bottom:var(--spacing-sm);color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.terminal-logout-btn{margin-top:var(--spacing-xl);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff6;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-full);font-size:.85rem;font-weight:500;display:flex;align-items:center;gap:var(--spacing-xs);transition:all var(--transition-normal);cursor:pointer;z-index:5}.terminal-logout-btn:hover{background:#e052521a;border-color:#e052524d;color:var(--color-danger)}.verify-logout-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-out}.verify-logout-modal{width:90%;max-width:450px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:var(--spacing-xl);box-shadow:0 40px 100px #00000080}.verify-logout-modal.glass{background:#141414e6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.verify-logout-modal .modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.verify-logout-modal .modal-header .title-area{display:flex;align-items:center;gap:var(--spacing-sm)}.verify-logout-modal .modal-header h2{font-size:1.5rem;font-weight:700;margin:0;color:#fff}.btn-close-modal{color:#fff6;background:none;border:none;cursor:pointer;padding:4px;border-radius:50%;transition:all .2s}.btn-close-modal:hover{background:#ffffff1a;color:#fff}.verify-logout-modal .modal-instruction{font-size:.95rem;color:#fff9;line-height:1.5;margin-bottom:var(--spacing-lg)}.verify-logout-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.verify-logout-modal .modal-input-group{display:flex;flex-direction:column;gap:.5rem}.verify-logout-modal .modal-input-group label{font-size:.85rem;font-weight:600;color:#fff6;text-transform:uppercase}.verify-logout-modal .modal-input-group input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);padding:12px 16px;color:#fff;font-size:1rem}.verify-error-msg{color:#ff5252;background:#ff52521a;padding:10px;border-radius:8px;font-size:.9rem;text-align:center}.verify-logout-modal .modal-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-md)}.btn-cancel{flex:1;padding:14px;background:#ffffff0d;color:#fff;border-radius:var(--radius-md);font-weight:600;cursor:pointer}.btn-verify-submit{flex:2;padding:14px;background:var(--color-primary);color:#000;border-radius:var(--radius-md);font-weight:700;cursor:pointer}.btn-verify-submit:disabled{opacity:.5;cursor:not-allowed}.text-primary{color:var(--color-primary)}.fichajes-admin-page{animation:fadeIn .5s ease-out}.filters-card{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.admin-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:150px}.filter-group.main-search{flex:2;min-width:250px;position:relative;justify-content:flex-end}.filter-group label{font-size:.8rem;font-weight:600;color:#888;text-transform:uppercase}.search-icon{position:absolute;left:1rem;bottom:.7rem;color:#888}.filter-group input,.admin-select{padding:.6rem 1rem;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:#fff;font-size:.9rem;transition:all .3s ease;width:100%}.main-search input{padding-left:2.6rem}.filter-group input:focus,.admin-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #c5a0591a;outline:none}.btn-clear-filters{padding:.6rem 1.2rem;background:#f5f5f5;border:1px solid #ddd;border-radius:var(--radius-lg);font-size:.9rem;font-weight:500;color:#666;cursor:pointer;transition:all .2s ease}.btn-clear-filters:hover{background:#eee;color:#333}.fichajes-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.fichajes-table{width:100%;border-collapse:collapse}.fichajes-table th{text-align:left;padding:1rem;font-size:.85rem;font-weight:600;color:#888;text-transform:uppercase;border-bottom:2px solid var(--color-border-light)}.fichajes-table td{padding:1.2rem 1rem;border-bottom:1px solid var(--color-border-light);font-size:.95rem}.worker-name{display:flex;align-items:center;gap:.8rem;font-weight:500}.avatar-mini{width:32px;height:32px;background:var(--color-primary-light);color:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700}.badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:var(--radius-full);font-size:.8rem;font-weight:600}.badge-entrada{background:#e8f5e9;color:#2e7d32}.badge-salida{background:#ffebee;color:#c62828}.time-cell{font-family:var(--font-family-mono);color:#666}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.search-box input{min-width:auto;width:100%}}.consent-signature-page{min-height:100vh;padding:24px;background:radial-gradient(circle at top right,#f5eee1,#f9f9f9 40%,#f4f5f7)}.consent-signature-layout{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:420px minmax(0,1fr);gap:20px}.consent-signature-loading{max-width:520px;margin:100px auto 0;text-align:center;display:flex;flex-direction:column;gap:12px;align-items:center}.spin{animation:spin 1s linear infinite}.consent-signature-panel{display:flex;flex-direction:column;gap:14px}.consent-signature-panel h1{font-size:1.5rem}.signature-subtitle,.signature-expire{color:var(--color-text-muted);font-size:.94rem}.signature-step{border:1px solid var(--color-border);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:10px;background:#fff}.signature-step h3{display:flex;align-items:center;gap:8px;font-size:.95rem}.signature-step input{width:100%;border:1px solid var(--color-border);border-radius:10px;padding:10px}.signature-canvas{width:100%;max-width:100%;border:1px dashed #b8becc;border-radius:10px;touch-action:none;background:#fff}.signature-error{border:1px solid #ffcfcf;border-radius:10px;padding:10px;color:#8f2020;background:#fff4f4}.signature-success{border:1px solid #c4e9cd;border-radius:10px;padding:10px;color:#1c6b35;background:#f1fff4;display:flex;flex-direction:column;gap:6px}.signature-success a{color:#155fbb;text-decoration:underline}.signature-success-actions{display:flex;gap:10px;flex-wrap:wrap}.consent-document-viewer{min-height:calc(100vh - 48px);padding:0;overflow:hidden}.consent-document-viewer iframe{width:100%;height:100%;min-height:calc(100vh - 48px);border:0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 1080px){.consent-signature-layout{grid-template-columns:1fr}.consent-document-viewer,.consent-document-viewer iframe{min-height:70vh}}