:root{--color-sidebar-bg: #111827;--color-sidebar-hover: #1f2937;--color-sidebar-active: #15803d;--color-content-bg: #f9fafb;--color-card-border: #f3f4f6;--status-pending-bg: #fef3c7;--status-pending-text: #d97706;--status-visit-bg: #dbeafe;--status-visit-text: #2563eb;--status-active-bg: #dcfce7;--status-active-text: #16a34a;--status-rejected-bg: #fee2e2;--status-rejected-text: #dc2626}body.backoffice-body{background-color:var(--color-content-bg);font-family:var(--font-primary);min-height:100vh;margin:0;color:var(--color-dark)}.login-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-dark) 0%,var(--color-primary-dark) 100%);padding:20px;box-sizing:border-box}.login-card{background:#fffffff2;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:40px;width:100%;max-width:420px;box-sizing:border-box}.login-header{text-align:center;margin-bottom:30px}.login-header h2{font-family:var(--font-display);font-size:24px;margin-top:10px;color:var(--color-dark)}.login-header p{font-size:13.5px;color:var(--color-muted);margin-top:4px}.login-card .form-group{margin-bottom:20px}.login-alert{background-color:#fef2f2;border-left:4px solid #ef4444;color:#b91c1c;padding:12px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:20px;display:none}.dashboard-wrapper{display:flex;min-height:100vh}.sidebar{width:260px;background-color:var(--color-sidebar-bg);color:var(--color-white);display:flex;flex-direction:column;flex-shrink:0;transition:all var(--transition-base);z-index:100}.sidebar-brand{padding:24px 20px;border-bottom:1px solid var(--color-sidebar-hover);display:flex;align-items:center;gap:12px;color:var(--color-white)}.sidebar-brand i{color:var(--color-secondary);font-size:20px}.sidebar-brand .logo-text{font-weight:800;font-size:20px;letter-spacing:.5px}.sidebar-menu{padding:20px 0;flex-grow:1}.sidebar-item{margin:4px 12px}.sidebar-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);font-size:14.5px;font-weight:500;color:#ffffffb3;transition:all var(--transition-fast);cursor:pointer}.sidebar-link:hover{background-color:var(--color-sidebar-hover);color:var(--color-white)}.sidebar-item.active .sidebar-link{background-color:var(--color-sidebar-active);color:var(--color-white)}.sidebar-footer{padding:20px;border-top:1px solid var(--color-sidebar-hover)}.btn-logout{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:10px;background-color:#ef4444;color:var(--color-white);border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:background-color var(--transition-fast)}.btn-logout:hover{background-color:#dc2626}.main-content{flex-grow:1;background-color:var(--color-content-bg);padding:30px;overflow-y:auto;box-sizing:border-box}.content-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:15px}.header-title h1{font-size:28px;font-family:var(--font-display);color:var(--color-dark)}.header-title p{font-size:14px;color:var(--color-muted)}.header-actions{display:flex;gap:12px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}@media(max-width:1024px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.metrics-grid{grid-template-columns:1fr}}.metric-card{background-color:var(--color-white);border-radius:var(--radius-md);padding:24px;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm);border:1px solid var(--color-card-border);transition:transform var(--transition-base)}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.metric-info h3{font-size:13.5px;color:var(--color-muted);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.metric-value{font-size:32px;font-weight:800;color:var(--color-dark);line-height:1}.metric-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px}.icon-blue{background-color:#eff6ff;color:#3b82f6}.icon-yellow{background-color:#fef3c7;color:#d97706}.icon-green{background-color:#f0fdf4;color:#16a34a}.icon-red{background-color:#fef2f2;color:#ef4444}.data-panel{background-color:var(--color-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-card-border);overflow:hidden}.panel-controls{padding:20px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap}.search-box{position:relative;max-width:300px;width:100%}.search-box i{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--color-muted)}.search-input{width:100%;padding:10px 14px 10px 38px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;outline:none;box-sizing:border-box}.search-input:focus{border-color:var(--color-primary)}.filter-box{display:flex;gap:12px;align-items:center}.filter-select{padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:14px;outline:none;background-color:var(--color-white);cursor:pointer}.table-responsive{width:100%;overflow-x:auto}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:14.5px}.data-table th{background-color:#f8fafc;padding:16px 20px;font-weight:600;color:var(--color-body);border-bottom:1px solid var(--color-border);font-size:13.5px;text-transform:uppercase;letter-spacing:.5px}.data-table td{padding:16px 20px;border-bottom:1px solid var(--color-border);color:var(--color-dark)}.data-table tbody tr{transition:background-color var(--transition-fast)}.data-table tbody tr:hover{background-color:#f8fafc}.badge{display:inline-block;padding:4px 12px;border-radius:50px;font-size:12px;font-weight:600}.badge-pending{background-color:var(--status-pending-bg);color:var(--status-pending-text)}.badge-visit{background-color:var(--status-visit-bg);color:var(--status-visit-text)}.badge-active{background-color:var(--status-active-bg);color:var(--status-active-text)}.badge-rejected{background-color:var(--status-rejected-bg);color:var(--status-rejected-text)}.btn-sm{padding:8px 12px;font-size:13px;border-radius:var(--radius-sm)}.btn-icon-only{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);background-color:var(--color-light);color:var(--color-body);border:1px solid var(--color-border);cursor:pointer;transition:all var(--transition-fast)}.btn-icon-only:hover{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn-icon-only.btn-delete:hover{background-color:#ef4444;border-color:#ef4444}.actions-cell{display:flex;gap:8px;align-items:center}.empty-state{padding:50px 20px;text-align:center;color:var(--color-muted)}.empty-state i{font-size:48px;margin-bottom:16px;opacity:.3}.modal-overlay{position:fixed;inset:0;background-color:#111827b3;backdrop-filter:blur(4px);z-index:1000;display:none;align-items:center;justify-content:center;padding:20px;animation:fadeIn var(--transition-fast) forwards}.modal-card{background-color:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:100%;max-width:650px;max-height:90vh;overflow-y:auto;animation:scaleIn .3s cubic-bezier(.175,.885,.32,1.275) forwards;position:relative}.modal-header{padding:20px 24px;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:20px;font-family:var(--font-display);color:var(--color-dark)}.modal-close{background:none;border:none;font-size:20px;color:var(--color-muted);cursor:pointer;transition:color var(--transition-fast)}.modal-close:hover{color:var(--color-dark)}.modal-body{padding:24px}.modal-footer{padding:20px 24px;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:12px;background-color:#f8fafc;border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item.full-width{grid-column:span 2}@media(max-width:576px){.detail-grid{grid-template-columns:1fr}.detail-item.full-width{grid-column:span 1}}.detail-label{font-size:12px;font-weight:600;color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px}.detail-value{font-size:15px;color:var(--color-dark);font-weight:500}.visit-history-box{background-color:#f8fafc;border-radius:var(--radius-md);padding:16px;border:1px solid var(--color-border);margin-top:20px}.visit-history-box h4{font-size:14px;color:var(--color-dark);margin-bottom:12px;display:flex;align-items:center;gap:8px}.modal-form{display:grid;gap:16px}#printArea{display:none}@media print{body{background-color:#fff!important;color:#000!important}.backoffice-body,.dashboard-wrapper,.sidebar,.main-content,.modal-overlay,#navbar,.back-to-top{display:none!important}#printArea{display:block!important;width:100%!important;margin:0!important;padding:0!important;font-family:Times New Roman,Times,serif;font-size:12pt;line-height:1.5;color:#000!important}.print-header{text-align:center;border-bottom:3px double #000000;padding-bottom:15px;margin-bottom:30px}.print-logo-section{display:flex;justify-content:center;align-items:center;gap:15px;margin-bottom:10px}.print-logo-placeholder{font-size:32pt}.print-title-group h2{font-size:16pt;font-weight:700;margin:0;letter-spacing:.5px}.print-title-group h3{font-size:12pt;font-weight:400;margin:5px 0 0}.print-form-title{text-align:center;text-decoration:underline;font-size:14pt;font-weight:700;margin-bottom:25px;text-transform:uppercase}.print-form-meta{display:flex;justify-content:space-between;margin-bottom:20px;font-size:11pt}.print-table{width:100%;border-collapse:collapse;margin-bottom:35px}.print-table td{padding:10px 15px;border:1px solid #000000;vertical-align:top}.print-table td.label-col{width:30%;font-weight:700;background-color:#f2f2f2}.print-statement{margin-bottom:40px;text-align:justify;text-indent:40px}.print-signatures{display:flex;justify-content:space-between;margin-top:50px;page-break-inside:avoid}.sig-block{width:40%;text-align:center;display:flex;flex-direction:column;justify-content:space-between;height:140px}.sig-title{font-size:11pt;margin-bottom:70px}.sig-name{font-weight:700;text-decoration:underline}.sig-nip{font-size:10pt;margin-top:4px}}