@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--surface:#f8f9fa;--surface-dim:#d9dadb;--surface-bright:#f8f9fa;--surface-container-lowest:#fff;--surface-container-low:#f3f4f5;--surface-container:#edeeef;--surface-container-high:#e7e8e9;--surface-container-highest:#e1e3e4;--on-surface:#191c1d;--on-surface-variant:#414844;--inverse-surface:#2e3132;--inverse-on-surface:#f0f1f2;--outline:#717973;--outline-variant:#c1c8c2;--surface-tint:#3f6653;--primary:#012d1d;--on-primary:#fff;--primary-container:#1b4332;--on-primary-container:#86af99;--inverse-primary:#a5d0b9;--secondary:#2b694d;--on-secondary:#fff;--secondary-container:#b0f1cc;--on-secondary-container:#327053;--tertiary:#332400;--on-tertiary:#fff;--tertiary-container:#4d3900;--on-tertiary-container:#caa13b;--error:#ba1a1a;--on-error:#fff;--error-container:#ffdad6;--on-error-container:#93000a;--primary-fixed:#c1ecd4;--primary-fixed-dim:#a5d0b9;--on-primary-fixed:#002114;--on-primary-fixed-variant:#274e3d;--secondary-fixed:#b0f1cc;--secondary-fixed-dim:#94d4b1;--on-secondary-fixed:#002113;--on-secondary-fixed-variant:#0c5136;--tertiary-fixed:#ffdf9b;--tertiary-fixed-dim:#edc157;--on-tertiary-fixed:#251a00;--on-tertiary-fixed-variant:#5b4300;--background:#f8f9fa;--on-background:#191c1d;--surface-variant:#e1e3e4;--spacing-unit:4px;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:48px;--gutter:16px;--margin:20px;--radius-sm:.125rem;--radius-default:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-full:9999px;--font-family:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--background);color:var(--on-background);-webkit-font-smoothing:antialiased;line-height:1.6}h1,.headline-lg{font-size:32px;font-weight:700;line-height:1.2}h2,.headline-md{font-size:24px;font-weight:600;line-height:1.3}h3,.headline-sm{font-size:18px;font-weight:600;line-height:1.4}.body-lg{font-size:16px;font-weight:400;line-height:1.6}.body-md{font-size:14px;font-weight:400;line-height:1.5}.label-md{letter-spacing:.05em;text-transform:uppercase;font-size:12px;font-weight:600;line-height:1}.code-tracking{letter-spacing:.1em;font-size:14px;font-weight:700;line-height:1}.btn{border-radius:var(--radius-default);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);text-transform:uppercase;border:none;padding:.75rem 1.5rem;font-size:14px;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover{background:var(--primary-container)}.btn-secondary{background:var(--secondary-container);color:var(--on-secondary-container)}.btn-ghost{border:1px solid var(--outline);color:var(--primary);background:0 0}.input-field{border:1px solid var(--outline-variant);border-radius:var(--radius-default);background:var(--surface-container-lowest);width:100%;padding:.75rem 1rem;transition:all .2s}.input-field:focus{border-color:var(--primary);outline:none}.card{background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-lg);padding:var(--spacing-md)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.badge{border-radius:var(--radius-full);padding:.25rem .75rem;font-size:12px;font-weight:600}.badge-success{background:var(--secondary-container);color:var(--on-secondary-container)}body{font-family:var(--font-family);background-color:var(--background);color:var(--on-surface);min-height:100vh;margin:0;padding:0}.login-page{background-color:var(--background);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex}.login-header{text-align:center;margin-bottom:2.5rem}.login-header h1{color:var(--primary);letter-spacing:-.02em;margin-bottom:.5rem;font-size:3rem;font-weight:800}.login-header p{color:var(--on-surface-variant);opacity:.8;font-size:1rem}.login-card{border-radius:var(--radius-lg);border:1px solid var(--outline-variant);background:#fff;width:100%;max-width:440px;padding:2.5rem;box-shadow:0 4px 20px #00000008}.login-card h2{color:var(--on-surface);margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.login-card .subtitle{color:var(--on-surface-variant);margin-bottom:2rem;font-size:.9rem;line-height:1.4}.form-label{color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.75rem;font-weight:700;display:block}.input-container{margin-bottom:1.5rem;position:relative}.input-icon{color:var(--on-surface-variant);opacity:.7;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.login-input{border:1px solid var(--outline-variant);border-radius:var(--radius-default);background:var(--surface-container-low);width:100%;color:var(--on-surface);padding:.875rem 1rem .875rem 3rem;font-size:1rem;transition:all .2s}.login-input:focus{border-color:var(--primary);background:#fff;outline:none;box-shadow:0 0 0 4px #012d1d0d}.login-btn{background:var(--primary);color:#fff;border-radius:var(--radius-default);cursor:pointer;border:none;justify-content:center;align-items:center;gap:.75rem;width:100%;margin-bottom:1.5rem;padding:1rem;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.login-btn:hover{background:#004029;transform:translateY(-1px)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.card-footer{text-align:center}.card-footer a{color:var(--secondary);font-size:.85rem;font-weight:600;text-decoration:none;transition:color .2s}.card-footer a:hover{text-decoration:underline}.system-footer{color:var(--on-surface-variant);align-items:center;gap:.75rem;margin-top:3rem;font-size:.85rem;font-weight:600;display:flex}.status-dot{background:#10b981;border-radius:50%;width:8px;height:8px}.footer-divider{background:var(--outline-variant);width:1px;height:14px}.footer-links{justify-content:center;gap:1rem;margin-top:.5rem;display:flex}.footer-links a{color:var(--secondary);font-weight:600}.dashboard-layout{width:100vw;height:100vh;transition:all .3s;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--outline-variant);background:#fff;flex-direction:column;flex-shrink:0;width:280px;padding:1.5rem;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex}.sidebar-collapsed .sidebar{width:88px;padding:1.5rem .75rem}.sidebar-brand{color:var(--primary);align-items:center;gap:.75rem;margin-bottom:2rem;font-size:1.25rem;font-weight:700;display:flex}.user-profile{background:var(--surface-variant);border-radius:var(--radius-md);align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem;display:flex}.avatar{background:var(--primary);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex}.user-name{font-size:.9rem;font-weight:600}.user-role{color:var(--on-surface-variant);font-size:.75rem}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--on-surface-variant);transition:var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;font-weight:500;display:flex}.nav-item:hover{background:var(--surface-variant);color:var(--primary)}.nav-item.active{background:var(--secondary-container);color:var(--primary);font-weight:700}.nav-item.active svg{color:var(--primary)}.sidebar-footer{border-top:1px solid var(--outline-variant);flex-direction:column;gap:.5rem;margin-top:auto;padding-top:1rem;display:flex}.main-content{background:var(--background);flex-direction:column;flex:1;display:flex}.content-header{border-bottom:1px solid var(--outline-variant);background:#fff;justify-content:space-between;align-items:center;height:70px;padding:0 2rem;display:flex}.header-search{background:var(--surface-variant);border-radius:var(--radius-full);align-items:center;gap:.75rem;width:300px;padding:.5rem 1rem;display:flex}.header-search input{background:0 0;border:none;outline:none;width:100%;font-size:.9rem}.header-actions{align-items:center;gap:1rem;display:flex}.icon-btn{cursor:pointer;color:var(--on-surface-variant);border-radius:var(--radius-full);transition:var(--transition-fast);background:0 0;border:none;padding:.5rem}.icon-btn:hover{background:var(--surface-variant)}.view-container{flex:1;padding:2rem;overflow-y:auto}.view-title{margin-bottom:.25rem}.view-subtitle{color:var(--on-surface-variant);margin-bottom:2rem}.upload-grid{grid-template-columns:1fr 1.2fr;gap:2rem;display:grid}.drop-zone{border:2px dashed var(--outline-variant);border-radius:var(--radius-xl);text-align:center;cursor:pointer;transition:var(--transition-fast);background:#fff;padding:4rem 2rem}.drop-zone:hover{border-color:var(--secondary);background:var(--secondary-container)}.drop-icon-container{background:var(--secondary-container);width:80px;height:80px;color:var(--secondary);border-radius:var(--radius-lg);justify-content:center;align-items:center;margin:0 auto 1.5rem;display:flex}.progress-card{border-radius:var(--radius-lg);border:1px solid var(--outline-variant);background:#fff;margin-top:2rem;padding:1.5rem}.progress-bar{background:var(--surface-variant);border-radius:var(--radius-full);height:8px;margin:1rem 0;overflow:hidden}.progress-fill{background:var(--primary);height:100%;transition:width .5s}.status-msg{color:var(--secondary);align-items:center;gap:.5rem;font-size:.8rem;display:flex}.summary-stats{grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem;display:grid}.stat-item{border-radius:var(--radius-lg);border:1px solid var(--outline-variant);background:#fff;padding:1.5rem}.stat-item.dark{background:var(--primary);color:#fff;border:none;justify-content:space-between;align-items:center;padding:2rem;display:flex}.stat-item.dark .stat-value{color:#fff;font-size:2.5rem;font-weight:800}.stat-item.dark .stat-label{opacity:.9;text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.badge-alta{color:#166534;background:#dcfce7;font-size:10px;font-weight:800}.badge-media,.badge-baja{color:#475569;background:#f1f5f9;font-size:10px;font-weight:800}.table-header-actions{color:var(--on-surface-variant);align-items:center;gap:1rem;display:flex}.btn-dark{background:var(--primary);color:#fff;border-radius:var(--radius-default);cursor:pointer;border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:700;display:flex}.btn-dark:hover{background:#004029}.preview-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.preview-list{min-height:400px;max-height:500px;overflow:hidden auto}.preview-table{border-collapse:collapse;width:100%}.preview-table th{text-align:left;color:var(--outline);border-bottom:1px solid var(--outline-variant);padding:.75rem;font-size:.75rem}.preview-table td{border-bottom:1px solid var(--outline-variant);padding:1rem .75rem;font-size:.85rem}.bold{font-weight:700}.preview-footer{border-top:1px solid var(--outline-variant);justify-content:space-between;margin-top:1.5rem;padding-top:1.5rem;display:flex}.empty-preview{height:300px;color:var(--outline);flex-direction:column;justify-content:center;align-items:center;display:flex}.code-badge{background:var(--surface-variant);border-radius:var(--radius-sm);padding:.25rem .5rem;font-weight:700}.role-badge{border-radius:var(--radius-full);text-transform:uppercase;padding:.2rem .5rem;font-size:.7rem}.role-badge.admin{background:var(--secondary-container);color:var(--primary)}.role-badge.employee{background:var(--surface-variant);color:var(--on-surface-variant)}.modal-overlay{z-index:100;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:400px}.modal-footer{justify-content:flex-end;gap:1rem;margin-top:2rem;display:flex}.mobile-confirm-container,.mobile-guide-cards,.mobile-only{display:none!important}.animate-spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1024px){.desktop-only{display:none!important}}.results-table{border-collapse:collapse;width:100%}.preview-table thead th{z-index:10;box-shadow:inset 0 -1px 0 var(--outline-variant);background:#fff;position:sticky;top:0}.preview-list::-webkit-scrollbar{width:6px}.preview-list::-webkit-scrollbar-track{background:0 0}.preview-list::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:10px}.preview-list::-webkit-scrollbar-thumb:hover{background:var(--primary)}.results-table th{text-align:left;border-bottom:2px solid var(--surface-variant);color:var(--outline);padding:1rem;font-size:.8rem}.results-table td{border-bottom:1px solid var(--surface-variant);padding:1rem}.error-message{color:var(--error);text-align:center;background:#ef44441a;border-radius:.5rem;margin-bottom:1rem;padding:1rem}@media (width<=1024px){.sidebar{display:none!important}.dashboard-layout{flex-direction:column;height:auto;overflow-y:auto}.content-header{z-index:100;height:60px;padding:0 1rem;position:sticky;top:0}.upload-grid{grid-template-columns:1fr;gap:1.5rem;padding:1rem}.view-container{padding:1rem}.preview-table{display:none!important}.mobile-guide-cards{flex-direction:column;gap:1rem;padding-bottom:5rem;display:flex}.guide-card{border:1px solid var(--outline-variant);border-radius:var(--radius-lg);background:#fff;padding:1.5rem;box-shadow:0 2px 8px #00000005}.guide-card .guide-id{color:var(--primary);margin-bottom:.25rem;font-size:.9rem;font-weight:800}.guide-card .guide-city{margin-bottom:1rem;font-size:1.25rem;font-weight:800}.guide-card .card-footer{border-top:1px solid var(--outline-variant);color:var(--on-surface-variant);flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;margin-top:1rem;padding-top:.75rem;font-size:.85rem;display:flex}.guide-card .card-footer span{white-space:nowrap;gap:.25rem;display:flex}.mobile-confirm-container{border-top:1px solid var(--outline-variant);z-index:100;background:#fff;flex-direction:column;align-items:center;gap:.5rem;padding:1rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 10px #0000000d}.mobile-confirm-container .btn-dark{justify-content:center;width:100%;padding:1rem}.mobile-menu-btn{display:block!important}.mobile-nav-overlay{z-index:1000;opacity:0;visibility:hidden;background:#00000080;width:100vw;height:100vh;transition:all .3s;display:block;position:fixed;top:0;left:0}.mobile-nav-overlay.open{opacity:1;visibility:visible}.mobile-drawer{background:#fff;flex-direction:column;width:280px;height:100%;padding:1.5rem;transition:transform .3s;display:flex;transform:translate(-100%)}.mobile-nav-overlay.open .mobile-drawer{transform:translate(0)}.drawer-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}}.mobile-nav-overlay{display:none}.mobile-bottom-nav{z-index:1000;background:#fff;border-top:1px solid #eee;width:100%;padding:.5rem 0;display:none;position:fixed;bottom:0;left:0;box-shadow:0 -2px 10px #0000000d}.bottom-nav-item{color:#666;cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.25rem;padding:.5rem 0;transition:all .2s;display:flex}.bottom-nav-item.active{color:#1a4a3a}.bottom-nav-item span{font-size:.65rem;font-weight:600}@media (width<=1024px){.mobile-bottom-nav{display:flex}.sidebar{display:none}.main-content{margin-left:0!important;padding-bottom:80px!important}.worker-grid{grid-template-columns:1fr!important}.sector-selection-grid{grid-template-columns:repeat(2,1fr)!important}.mobile-only{display:block!important}}.overview-grid{flex-direction:column;gap:2rem;display:flex}.overview-stats{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.overview-actions{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.action-banner{border-radius:var(--radius-xl);color:#fff;cursor:pointer;flex-direction:column;justify-content:center;padding:3rem 2rem;transition:transform .2s;display:flex;position:relative;overflow:hidden}.action-banner:hover{transform:translateY(-2px)}.action-banner h2{z-index:2;margin-bottom:.5rem;font-size:2rem;font-weight:800;position:relative}.action-banner p{opacity:.8;z-index:2;max-width:80%;font-size:.95rem;position:relative}.action-banner.primary{background:var(--primary)}.action-banner.secondary{background:var(--secondary-container);color:var(--primary)}.action-banner .bg-icon{opacity:.1;z-index:1;width:250px;height:250px;position:absolute;bottom:-20%;right:-5%}.chart-container{justify-content:space-between;align-items:flex-end;gap:1rem;height:200px;padding-top:2rem;display:flex}.chart-bar-group{flex-direction:column;flex:1;align-items:center;gap:.5rem;display:flex}.chart-bar{background:var(--secondary-container);border-radius:4px 4px 0 0;width:100%;min-height:20px;transition:height .3s}.chart-bar.highlight{background:var(--primary)}.chart-label{color:var(--on-surface-variant);text-transform:uppercase;font-size:.75rem;font-weight:600}.alert-item{border:1px solid var(--outline-variant);border-radius:var(--radius-lg);background:#fff;gap:1rem;margin-bottom:.75rem;padding:1rem;display:flex}.alert-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.bottom-banner{border-radius:var(--radius-xl);background-image:url(https://images.unsplash.com/photo-1586528116311-ad8ed7c1590f?q=80&w=2070&auto=format&fit=crop);background-position:50%;background-size:cover;align-items:flex-end;height:200px;padding:2rem;display:flex;position:relative;overflow:hidden}.bottom-banner:before{content:"";background:linear-gradient(#0000,#000c);position:absolute;inset:0}.bottom-banner p{color:#fff;z-index:2;font-size:1.25rem;font-weight:600;position:relative}@media (width<=1024px){.overview-stats{grid-template-columns:1fr 1fr}.overview-actions{grid-template-columns:1fr}.action-banner{text-align:center;align-items:center;padding:2rem 1.5rem}.action-banner h2{font-size:1.5rem}.action-banner p,.action-banner .bg-icon,.desktop-table{display:none}}