.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:var(--font-weight-medium);font-size:var(--font-size-base);line-height:var(--line-height-tight);transition:all var(--transition-fast);white-space:nowrap;cursor:pointer;border:1px solid transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background:var(--color-surface);color:var(--color-text-primary);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-text-tertiary)}.btn-danger{background:var(--color-danger);color:var(--color-text-inverse)}.btn-danger:hover:not(:disabled){background:#c53030;box-shadow:var(--shadow-md)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-primary-bg);color:var(--color-primary)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--font-size-md)}.btn-icon{padding:var(--space-2);border-radius:var(--radius-md)}.btn-full{width:100%}.input-group{display:flex;flex-direction:column;gap:var(--space-1)}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.input-field{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-surface);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%}.input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.input-field::placeholder{color:var(--color-text-tertiary)}.input-field.input-error{border-color:var(--color-danger)}.input-field.input-error:focus{box-shadow:0 0 0 3px var(--color-danger-bg)}.input-error-text{font-size:var(--font-size-xs);color:var(--color-danger)}.input-with-icon{position:relative}.input-with-icon .input-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.input-with-icon .input-field{padding-left:var(--space-10)}.select-field{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:var(--space-2) var(--space-8) var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23718096' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right var(--space-2) center;cursor:pointer;width:100%;transition:border-color var(--transition-fast)}.select-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.textarea-field{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-text-primary);background:var(--color-surface);resize:vertical;min-height:80px;width:100%;transition:border-color var(--transition-fast)}.textarea-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg)}.state-view{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center;animation:fadeIn var(--transition-normal) ease-out}.state-view-icon{color:var(--color-text-tertiary);margin-bottom:var(--space-4)}.state-view-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.state-view-message{font-size:var(--font-size-base);color:var(--color-text-secondary);max-width:400px}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite;margin-bottom:var(--space-4)}.skeleton{background:linear-gradient(90deg,var(--color-border-light) 25%,var(--color-background) 50%,var(--color-border-light) 75%);background-size:200% 100%;animation:pulse 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-line{height:14px;margin-bottom:var(--space-2)}.skeleton-line:last-child{width:60%}.skeleton-card{height:80px;border-radius:var(--radius-lg)}.license-activation-wrapper{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 10%,rgba(37,99,235,.08),transparent 70%),var(--color-background, #f8fafc);padding:clamp(1rem,3vw,2.5rem);box-sizing:border-box;position:relative}.license-activation-card{width:100%;max-width:660px;background:var(--color-surface, #ffffff);border-radius:var(--radius-xl, 16px);border:1px solid var(--color-border, #e2e8f0);box-shadow:0 20px 40px -15px #0000001f,0 0 0 1px #00000005;overflow:hidden;display:flex;flex-direction:column}.dark .license-activation-card{background:#0f172a;border-color:#334155;box-shadow:0 25px 50px -12px #00000080}.license-activation-header{padding:clamp(1.25rem,3vw,1.75rem);border-bottom:1px solid var(--color-border, #e2e8f0);background:var(--color-surface-subtle, #f8fafc);display:flex;align-items:center;gap:14px}.dark .license-activation-header{background:#1e293b;border-color:#334155}.license-header-icon{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #2563eb4d}.license-activation-title{font-size:clamp(1.15rem,2.5vw,1.35rem);font-weight:700;margin:0;color:var(--color-text-primary, #0f172a)}.dark .license-activation-title{color:#f8fafc}.license-activation-subtitle{font-size:.85rem;color:var(--color-text-secondary, #64748b);margin:4px 0 0}.license-modes-nav{display:grid;grid-template-columns:1fr 1fr;background:var(--color-surface-subtle, #f1f5f9);padding:6px;gap:6px;border-bottom:1px solid var(--color-border, #e2e8f0)}.dark .license-modes-nav{background:#1e293b;border-color:#334155}.license-mode-tab{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;font-size:.9rem;font-weight:600;border-radius:10px;border:none;background:transparent;color:var(--color-text-secondary, #64748b);cursor:pointer;transition:all .2s ease}.license-mode-tab.active{background:var(--color-surface, #ffffff);color:#2563eb;box-shadow:0 2px 8px #00000014}.dark .license-mode-tab.active{background:#0f172a;color:#60a5fa;box-shadow:0 2px 8px #0000004d}.license-activation-body{padding:clamp(1.25rem,3vw,2rem);display:flex;flex-direction:column;gap:1.25rem}.license-vps-status-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;border-radius:10px;font-size:.82rem;font-weight:600;flex-wrap:wrap;gap:8px}.license-vps-status-bar.online{background:#10b9811a;border:1px solid rgba(16,185,129,.25);color:#065f46}.dark .license-vps-status-bar.online{color:#34d399}.license-vps-status-bar.offline{background:#f59e0b1a;border:1px solid rgba(245,158,11,.25);color:#92400e}.dark .license-vps-status-bar.offline{color:#fbbf24}.hwid-display-card{background:var(--color-surface-subtle, #f8fafc);border:1px solid var(--color-border, #cbd5e1);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:8px}.dark .hwid-display-card{background:#1e293b;border-color:#475569}.hwid-code-string{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(1rem,2.5vw,1.25rem);font-weight:700;letter-spacing:.08em;color:#2563eb;word-break:break-all;text-align:center;padding:6px 0;-webkit-user-select:all;user-select:all}.dark .hwid-code-string{color:#60a5fa}.hwid-actions-bar{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.license-alert-box{padding:12px 16px;border-radius:10px;font-size:.88rem;display:flex;align-items:flex-start;gap:10px}.license-alert-box.success{background:#10b9811f;border:1px solid #10b981;color:#065f46}.dark .license-alert-box.success{color:#34d399}.license-alert-box.error{background:#ef44441f;border:1px solid #ef4444;color:#991b1b}.dark .license-alert-box.error{color:#f87171}.sidebar{width:var(--sidebar-width);height:100vh;background:linear-gradient(180deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);position:fixed;left:0;top:0;z-index:var(--z-sidebar);display:flex;flex-direction:column;transition:width var(--transition-normal);overflow:hidden}.sidebar.collapsed{width:var(--sidebar-collapsed-width)}.sidebar-brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-5);border-bottom:1px solid rgba(255,255,255,.1);min-height:var(--topbar-height)}.sidebar-brand-icon{width:36px;height:36px;background:#fff3;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.sidebar-brand-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#fff;white-space:nowrap;overflow:hidden}.sidebar.collapsed .sidebar-brand-text{display:none}.sidebar-nav{flex:1;padding:var(--space-3) var(--space-3);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);color:#ffffffb3;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all var(--transition-fast);white-space:nowrap;text-decoration:none;cursor:pointer}.sidebar-link:hover{background:#ffffff1a;color:#fff}.sidebar-link.active{background:#fff3;color:#fff;font-weight:var(--font-weight-semibold);box-shadow:0 2px 8px #00000026}.sidebar-link-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:20px}.sidebar-link-text{overflow:hidden}.sidebar.collapsed .sidebar-link-text{display:none}.sidebar.collapsed .sidebar-link{justify-content:center;padding:var(--space-3)}.sidebar-section-label{padding:var(--space-4) var(--space-4) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#fff6;text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.sidebar.collapsed .sidebar-section-label{display:none}.sidebar-footer{padding:var(--space-3);border-top:1px solid rgba(255,255,255,.1)}.topbar{height:var(--topbar-height);background:var(--color-surface);border-bottom:1px solid var(--color-border-light);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6);position:sticky;top:0;z-index:var(--z-sticky);box-shadow:var(--shadow-xs)}.topbar-left{display:flex;align-items:center;gap:var(--space-4)}.topbar-toggle{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer;background:none;border:none}.topbar-toggle:hover{background:var(--color-background);color:var(--color-text-primary)}.topbar-search{position:relative;width:280px}.topbar-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.topbar-search-input{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-10);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-background);transition:all var(--transition-fast)}.topbar-search-input:focus{border-color:var(--color-primary);background:var(--color-surface);box-shadow:0 0 0 3px var(--color-primary-bg)}.topbar-search-input::placeholder{color:var(--color-text-tertiary)}.topbar-right{display:flex;align-items:center;gap:var(--space-4)}.topbar-notification{position:relative;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer;background:none;border:none}.topbar-notification:hover{background:var(--color-background);color:var(--color-text-primary)}.topbar-notification-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--color-danger);border-radius:var(--radius-full);border:2px solid var(--color-surface)}.topbar-user{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-lg);transition:background var(--transition-fast)}.topbar-user:hover{background:var(--color-background)}.topbar-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.topbar-user-info{text-align:right}.topbar-user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.topbar-user-role{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.topbar-page-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}@media(max-width:900px){.topbar{padding:0 var(--space-3);gap:var(--space-2)}.topbar-search{width:180px}.topbar-user-info{display:none}}@media(max-width:640px){.topbar-search{display:none}.topbar-page-title{font-size:var(--font-size-md)}.topbar-right{gap:var(--space-2)}}.main-layout{display:flex;min-height:100vh}.main-content-wrapper{flex:1;margin-left:var(--sidebar-width);transition:margin-left var(--transition-normal);display:flex;flex-direction:column;min-height:100vh}.main-layout.sidebar-collapsed .main-content-wrapper{margin-left:var(--sidebar-collapsed-width)}.main-content{flex:1;padding:var(--space-6);overflow-y:auto}.page-header{margin-bottom:var(--space-6);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}.page-header-left{display:flex;flex-direction:column;gap:var(--space-1)}.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.page-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-5);margin-bottom:var(--space-6)}.content-grid{display:grid;gap:var(--space-5)}.content-grid-2{grid-template-columns:2fr 1fr}.content-grid-equal{grid-template-columns:1fr 1fr}@media(max-width:1024px){.content-grid-2,.content-grid-equal{grid-template-columns:1fr}.main-content-wrapper{margin-left:var(--sidebar-collapsed-width)}}@media(max-width:768px){.main-content-wrapper{margin-left:0}.main-content{padding:var(--space-4)}.stats-grid{grid-template-columns:1fr 1fr}}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);white-space:nowrap;line-height:1.6}.badge-success{background:var(--color-success-bg);color:var(--color-success)}.badge-warning{background:var(--color-warning-bg);color:var(--color-warning)}.badge-danger{background:var(--color-danger-bg);color:var(--color-danger)}.badge-info{background:var(--color-info-bg);color:var(--color-info)}.badge-neutral{background:var(--color-background);color:var(--color-text-secondary)}.badge-purple{background:#ede9fe;color:#6d28d9}.badge-dot{width:6px;height:6px;border-radius:var(--radius-full);background:currentColor}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 80% 20%,#1e3a8a,#0f172a);padding:var(--space-4);position:relative;overflow:hidden}.login-page:before{content:"";position:absolute;top:-120px;right:-100px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.25) 0%,transparent 70%);pointer-events:none}.login-page:after{content:"";position:absolute;bottom:-150px;left:-120px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(14,165,233,.15) 0%,transparent 70%);pointer-events:none}.login-card{background:#fffffff5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.6);border-radius:var(--radius-2xl);box-shadow:0 25px 50px -12px #00000059;padding:var(--space-8);width:100%;max-width:440px;position:relative;z-index:10;animation:scaleIn .35s cubic-bezier(.16,1,.3,1)}.login-brand{text-align:center;margin-bottom:var(--space-6)}.login-logo{width:64px;height:64px;background:linear-gradient(135deg,var(--color-primary) 0%,#0284c7 100%);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto var(--space-3);box-shadow:0 10px 20px -5px #0284c766}.login-brand-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#0f172a;letter-spacing:-.02em}.login-brand-subtitle{font-size:var(--font-size-xs);color:#64748b;margin-top:3px}.login-vps-pill{margin-top:var(--space-3);display:flex;justify-content:center}.pulsing-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background-color:var(--color-warning);margin-right:6px;vertical-align:middle;animation:pulseDot 1.8s infinite}.pulsing-dot.online{background-color:var(--color-success)}.pulsing-dot.offline{background-color:#94a3b8;animation:none}@keyframes pulseDot{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.3);opacity:1}to{transform:scale(.9);opacity:.7}}.login-form{display:flex;flex-direction:column;gap:var(--space-4)}.login-field-group{display:flex;flex-direction:column;gap:4px}.login-field-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#475569;display:flex;align-items:center;gap:5px}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-field{width:100%;padding-right:40px!important}.password-toggle-btn{position:absolute;right:10px;background:transparent;border:none;color:#64748b;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:color .15s ease}.password-toggle-btn:hover{color:var(--color-primary)}.login-error{padding:var(--space-3) var(--space-4);background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--space-2)}.login-submit-btn{margin-top:var(--space-2);height:44px;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-semibold)!important;box-shadow:0 4px 12px #0284c740}.login-hint-card{margin-top:var(--space-5);padding:var(--space-3) var(--space-4);background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-lg);font-size:var(--font-size-xs);color:#475569}.login-hint-header{font-weight:var(--font-weight-semibold);color:#1e293b;display:flex;align-items:center;gap:6px;margin-bottom:4px}.login-hint-content{display:flex;justify-content:space-between;color:#334155;margin-bottom:6px}.login-autofill-btn{background:transparent;border:none;color:var(--color-primary);font-size:11px;font-weight:var(--font-weight-semibold);cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}.login-autofill-btn:hover{color:var(--color-primary-dark)}.login-footer{text-align:center;margin-top:var(--space-5);font-size:11px;color:#94a3b8}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.stat-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;align-items:center;gap:var(--space-4);box-shadow:var(--shadow-sm);transition:transform var(--transition-fast),box-shadow var(--transition-fast);animation:fadeIn var(--transition-normal) ease-out}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card-icon{width:52px;height:52px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-icon.blue{background:var(--color-primary-bg);color:var(--color-primary)}.stat-card-icon.green{background:var(--color-success-bg);color:var(--color-success)}.stat-card-icon.orange{background:var(--color-warning-bg);color:var(--color-warning)}.stat-card-icon.red{background:var(--color-danger-bg);color:var(--color-danger)}.stat-card-icon.purple{background:#805ad51f;color:#805ad5}.stat-card-content{flex:1;min-width:0}.stat-card-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.stat-card-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-top:2px}.stat-card-subtitle{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:3px}.chart-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);animation:fadeIn var(--transition-normal) ease-out}.chart-card-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-light)}.chart-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.chart-card-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.chart-card-body{padding:var(--space-4) var(--space-5)}.chart-card-body canvas{max-height:300px}.data-table-wrapper{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden;animation:fadeIn var(--transition-normal) ease-out}.data-table-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-light)}.data-table-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.data-table-actions{display:flex;align-items:center;gap:var(--space-2)}.data-table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;background:var(--color-background);border-bottom:1px solid var(--color-border-light);white-space:nowrap}.data-table td{padding:var(--space-3) var(--space-4);font-size:var(--font-size-base);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--color-surface-hover)}.data-table tbody tr:last-child td{border-bottom:none}.table-user-cell{display:flex;align-items:center;gap:var(--space-3)}.table-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-primary-bg);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);flex-shrink:0}.table-user-info{min-width:0}.table-user-name{font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-user-email{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.data-table-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border-light);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.data-table-pagination{display:flex;align-items:center;gap:var(--space-1)}.page-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:all var(--transition-fast);border:none;background:none;cursor:pointer}.page-btn:hover:not(:disabled){background:var(--color-primary-bg);color:var(--color-primary)}.page-btn.active{background:var(--color-primary);color:var(--color-text-inverse)}.page-btn:disabled{opacity:.3;cursor:not-allowed}.dashboard-header-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);flex-wrap:wrap;gap:var(--space-4);padding:var(--space-4) var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.dashboard-header-container:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 50%,#38A169 100%)}.dashboard-greeting{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary);margin-bottom:2px}.dashboard-header-left h1.page-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-extrabold);color:var(--color-text-primary);letter-spacing:-.02em;margin:0}.dashboard-header-left p.page-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:4px 0 0}.dashboard-header-right{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.dashboard-live-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#38a16914;border:1px solid rgba(56,161,105,.25);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-success)}.dashboard-live-dot{width:8px;height:8px;background-color:var(--color-success);border-radius:var(--radius-full);animation:pulse-live 2s infinite ease-in-out}@keyframes pulse-live{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.2);opacity:1}to{transform:scale(.9);opacity:.7}}.dashboard-date-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.dashboard-refresh-btn{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;display:flex;align-items:center;gap:var(--space-2);transition:all var(--transition-fast)}.dashboard-refresh-btn:hover{background:var(--color-surface-hover);color:var(--color-primary);border-color:var(--color-primary-light);transform:translateY(-1px)}.dashboard-pulse-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-5)}@media(max-width:1024px){.dashboard-pulse-strip{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.dashboard-pulse-strip{grid-template-columns:1fr}}.pulse-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-xs);transition:all var(--transition-normal);position:relative;overflow:hidden}.pulse-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#1565c04d}.pulse-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.pulse-card-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.pulse-card-icon{width:28px;height:28px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.pulse-card-icon.blue{background:#1565c01a;color:var(--color-primary)}.pulse-card-icon.green{background:#38a1691a;color:var(--color-success)}.pulse-card-icon.orange{background:#dd6b201a;color:var(--color-warning)}.pulse-card-icon.purple{background:#805ad51a;color:#805ad5}.pulse-card-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.pulse-card-subtext{font-size:var(--font-size-xs);color:var(--color-text-tertiary);display:flex;align-items:center;gap:var(--space-1)}.pulse-progress-bar{width:100%;height:6px;background:var(--color-border-light);border-radius:var(--radius-full);margin-top:var(--space-3);overflow:hidden}.pulse-progress-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-primary-light),var(--color-success));transition:width .6s ease}.dashboard-featured{background:linear-gradient(135deg,#0d47a1,#1565c0 60%,#1e88e5);border-radius:var(--radius-xl);padding:var(--space-6);color:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 10px 25px #1565c040;position:relative;overflow:hidden;animation:fadeIn var(--transition-normal) ease-out}.dashboard-featured:after{content:"";position:absolute;top:-50px;right:-50px;width:180px;height:180px;border-radius:var(--radius-full);background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);pointer-events:none}.dashboard-featured-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.dashboard-featured-badge{display:inline-flex;align-items:center;gap:var(--space-1);background:#fff3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:4px var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase;border:1px solid rgba(255,255,255,.3)}.dashboard-featured-period{font-size:var(--font-size-xs);opacity:.85}.dashboard-featured-profile{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}.dashboard-featured-avatar{width:64px;height:64px;border-radius:var(--radius-full);background:#ffffff40;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);border:3px solid rgba(255,255,255,.4);box-shadow:0 4px 12px #00000026;flex-shrink:0}.dashboard-featured-info{flex:1}.dashboard-featured-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0;line-height:var(--line-height-tight)}.dashboard-featured-subtitle{font-size:var(--font-size-sm);opacity:.9;margin-top:4px}.dashboard-featured-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.dashboard-featured-stat{background:#ffffff26;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);text-align:center;transition:transform var(--transition-fast)}.dashboard-featured-stat:hover{transform:translateY(-2px);background:#ffffff38}.dashboard-featured-stat-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.dashboard-featured-stat-label{font-size:var(--font-size-xs);opacity:.85;margin-top:2px}.chart-view-toggle{display:flex;background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:2px}.chart-toggle-btn{background:transparent;border:none;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:4px var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.chart-toggle-btn.active{background:var(--color-surface);color:var(--color-primary);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-xs)}.dashboard-sections{display:grid;grid-template-columns:1.15fr .85fr;gap:var(--space-5);margin-top:var(--space-5)}@media(max-width:1024px){.dashboard-sections{grid-template-columns:1fr}}.alerts-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.alerts-filter-pills{display:flex;gap:var(--space-1)}.alerts-filter-btn{background:transparent;border:none;font-size:var(--font-size-xs);padding:3px var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.alerts-filter-btn.active{background:var(--color-primary-bg);color:var(--color-primary);font-weight:var(--font-weight-semibold)}.alert-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-light);transition:background var(--transition-fast)}.alert-item:last-child{border-bottom:none}.alert-icon{width:34px;height:34px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.alert-icon.late{background:var(--color-warning-bg);color:var(--color-warning)}.alert-icon.missing{background:var(--color-danger-bg);color:var(--color-danger)}.alert-icon.info{background:var(--color-info-bg);color:var(--color-info)}.alert-body{flex:1}.alert-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);display:block}.alert-meta{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:2px}.alerts-empty-state{padding:var(--space-8) var(--space-4);text-align:center;color:var(--color-text-tertiary)}.alerts-empty-icon{width:48px;height:48px;border-radius:var(--radius-full);background:#38a1691a;color:var(--color-success);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-3) auto}.alerts-empty-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 4px}.alerts-empty-text{font-size:var(--font-size-xs);margin:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-overlay);animation:fadeIn .15s ease-out;padding:var(--space-4)}.modal{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:520px;max-height:90vh;display:flex;flex-direction:column;animation:scaleIn .2s ease-out;z-index:var(--z-modal)}.modal-lg{max-width:720px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border-light)}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast);cursor:pointer;background:none;border:none}.modal-close:hover{background:var(--color-background);color:var(--color-text-primary)}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border-light)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-grid .full-width{grid-column:1 / -1}@media(max-width:640px){.modal{max-height:95vh;border-radius:var(--radius-lg)}.modal-header,.modal-body,.modal-footer{padding:var(--space-4)}.form-grid{grid-template-columns:1fr}}.employee-filters-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-5);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;gap:var(--space-4)}.employee-filters-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-light)}.employee-filters-title-group{display:flex;align-items:center;gap:var(--space-2)}.employee-filters-icon{color:var(--color-primary)}.employee-filters-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.employee-filters-actions{display:flex;align-items:center;gap:var(--space-3)}.employee-filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3);align-items:flex-end}@media(max-width:640px){.employee-filters-grid{grid-template-columns:1fr}}.employees-page-container{display:flex;flex-direction:column;gap:var(--space-6, 24px)}.employees-header-panel{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4, 16px);padding-bottom:var(--space-5, 20px);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.employees-header-left{display:flex;align-items:center;gap:var(--space-4, 16px)}.employees-header-icon-box{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-lg, 12px);background:linear-gradient(135deg,var(--color-primary) 0%,#3b82f6 100%);color:#fff;box-shadow:0 4px 14px #2563eb40;flex-shrink:0}.employees-header-titles h1{font-size:var(--font-size-2xl, 24px);font-weight:700;color:var(--color-text);margin:0;line-height:1.2}.employees-header-titles p{font-size:var(--font-size-sm, 14px);color:var(--color-text-light);margin:4px 0 0}.employees-header-actions{display:flex;align-items:center;gap:var(--space-2, 8px);flex-wrap:wrap}.employees-kpis-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4, 16px)}.employees-table-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-sm);overflow:hidden}.employee-avatar-badge{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,#3b82f6 100%);color:#fff;font-weight:700;font-size:13.5px;letter-spacing:.5px;flex-shrink:0;box-shadow:0 2px 8px #2563eb40}.employee-doc-cell{display:inline-flex;align-items:center;gap:5px;font-size:13px;color:var(--color-text);font-weight:500}.employee-foreman-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:var(--radius-md, 6px);background:#d9770614;border:1px solid rgba(217,119,6,.2);color:#d97706;font-size:12.5px;font-weight:600}.employee-supervisor-badge{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;color:var(--color-text-light);margin-top:2px}.employee-modal-subtitle-box{padding:12px 16px;margin-bottom:var(--space-4, 16px);background:var(--color-surface-hover, #f1f5f9);border-left:3px solid var(--color-primary);border-radius:0 var(--radius-md, 8px) var(--radius-md, 8px) 0}.employee-modal-subtitle-box p{font-size:var(--font-size-sm, 13px);color:var(--color-text-light);margin:0;line-height:1.4}.employee-step-box{background:var(--color-surface-hover, #f8fafc);border:1px solid var(--color-border);border-radius:var(--radius-lg, 12px);padding:18px 20px;margin-bottom:var(--space-4, 16px);transition:border-color .2s,box-shadow .2s}.employee-step-box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.employee-step-box-header{display:flex;align-items:flex-start;gap:var(--space-3, 12px);margin-bottom:var(--space-4, 16px)}.employee-step-badge{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:12px;font-weight:700;flex-shrink:0}.employee-step-box-titles h4{font-size:14px;font-weight:700;color:var(--color-text);margin:0}.employee-step-box-titles p{font-size:12px;color:var(--color-text-light);margin:2px 0 0}.employee-fields-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4, 16px)}.employee-fields-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4, 16px)}.employee-hierarchy-preview{margin-top:14px;padding:12px 14px;background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-md, 8px);display:flex;flex-direction:column;gap:8px}.employee-hierarchy-preview-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-light)}.employee-hierarchy-preview-chain{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px}.employee-chain-item{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:6px;background:var(--color-surface-hover, #f1f5f9);color:var(--color-text);font-weight:500}.employee-chain-item.primary{background:#2563eb14;color:var(--color-primary);font-weight:600}.employee-chain-item.purple{background:#9333ea14;color:#7c3aed;font-weight:600}.employee-chain-item.amber{background:#d9770614;color:#d97706;font-weight:600}.employee-chain-chevron{color:var(--color-text-light);opacity:.6}.employee-modal-validation-error{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-danger, #ef4444);margin-top:6px}.employee-modal-success-chip{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--color-success, #10b981);background:#10b98114;padding:6px 10px;border-radius:6px;margin-top:12px}.table-actions-cell{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.action-btn-edit{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md, 6px);background:#1565c014;border:1px solid rgba(21,101,192,.25);color:var(--color-primary, #1565C0);cursor:pointer;transition:all var(--transition-fast, .15s ease)}.action-btn-edit:hover{background:var(--color-primary, #1565C0);color:#fff;transform:translateY(-1px);box-shadow:0 2px 6px #1565c040}.action-btn-delete{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md, 6px);background:#e53e3e14;border:1px solid rgba(229,62,62,.25);color:var(--color-danger, #E53E3E);cursor:pointer;transition:all var(--transition-fast, .15s ease)}.action-btn-delete:hover{background:var(--color-danger, #E53E3E);color:#fff;transform:translateY(-1px);box-shadow:0 2px 6px #e53e3e40}@media(max-width:1024px){.employees-kpis-grid{grid-template-columns:repeat(2,1fr)}.employee-fields-grid-3{grid-template-columns:1fr 1fr}}@media(max-width:640px){.employees-kpis-grid,.employee-fields-grid-2,.employee-fields-grid-3{grid-template-columns:1fr}.employees-header-panel{flex-direction:column;align-items:stretch}.employees-header-actions{justify-content:flex-start}}.contracts-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-5)}.metric-card{display:flex;align-items:center;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-sm);transition:transform .15s ease,box-shadow .15s ease}.metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.metric-card-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--radius-md);flex-shrink:0}.metric-icon-total{background:#1565c01f;color:var(--color-primary)}.metric-icon-active{background:#38a1691f;color:var(--color-success)}.metric-icon-estimated{background:#3182ce1f;color:var(--color-info)}.metric-icon-assigned{background:#dd6b201f;color:var(--color-warning)}.metric-card-content{display:flex;flex-direction:column;gap:2px;min-width:0}.metric-card-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);display:flex;align-items:baseline;gap:var(--space-2);line-height:1.2}.metric-card-pct{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-success);background:#38a1691f;padding:1px var(--space-2);border-radius:var(--radius-full)}.metric-card-pct.is-overrun{color:var(--color-danger);background:#e53e3e1f}.metric-card-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.contracts-toolbar{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.contracts-search{position:relative;flex:1;max-width:420px}.contracts-search-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.contracts-search-input{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) calc(var(--space-3) * 2 + 16px);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-hover);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.contracts-search-input:focus{outline:none;background:var(--color-surface);border-color:var(--color-primary);box-shadow:0 0 0 3px #1565c01f}.contracts-search-input::placeholder{color:var(--color-text-tertiary)}.contracts-status-filter{min-width:200px}.contract-id-cell{display:flex;flex-direction:column;gap:1px}.contract-id-number{font-weight:var(--font-weight-semibold);color:var(--color-primary);font-size:var(--font-size-sm)}.contract-id-code{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.contract-client-cell{display:flex;align-items:center;gap:var(--space-2)}.contract-client-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-md);background:#1565c014;color:var(--color-primary);flex-shrink:0}.contract-client-info{display:flex;flex-direction:column;gap:1px;min-width:0}.contract-client-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.contract-client-location{display:flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.hours-progress-cell{display:flex;flex-direction:column;gap:var(--space-1);min-width:140px}.hours-progress-labels{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.hours-progress-overrun-text{color:var(--color-danger);font-weight:var(--font-weight-semibold)}.hours-progress-alert-icon{color:var(--color-danger)}.hours-progress-track{width:100%;height:6px;border-radius:var(--radius-full);background:var(--color-border-light);overflow:hidden}.hours-progress-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-primary-light),var(--color-primary));transition:width .3s ease}.hours-progress-fill.is-overrun{background:var(--color-danger)}.contract-actions-cell{display:flex;gap:var(--space-1)}.form-section{margin-bottom:var(--space-5)}.form-section:last-child{margin-bottom:0}.form-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--space-3) 0;padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.form-section-title svg{color:var(--color-primary)}.modal-contract-header{display:flex;align-items:center;gap:var(--space-3)}.modal-contract-icon{width:38px;height:38px;border-radius:var(--radius-md);background:#1565c01a;color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.modal-contract-title-group h2{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.modal-contract-subtitle{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:2px 0 0}.contract-form-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4);box-shadow:0 1px 3px #0000000a}.contract-form-card:last-child{margin-bottom:0}.contract-form-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-light)}.contract-form-header-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.contract-form-step-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);width:22px;height:22px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center}.contract-budget-simulation{margin-top:var(--space-4);background:#f0f4f8b3;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.contract-budget-sim-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.contract-budget-sim-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);display:flex;align-items:center;gap:var(--space-1)}.contract-budget-sim-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3);margin-top:var(--space-3)}.contract-budget-sim-item{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);text-align:center}.contract-budget-sim-val{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.contract-budget-sim-lbl{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:1px}@media(max-width:1100px){.contracts-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.contracts-metrics-grid{grid-template-columns:1fr}.contracts-toolbar{flex-direction:column;align-items:stretch}.contracts-search{max-width:none}}.areas-page-container{display:flex;flex-direction:column;gap:var(--space-6, 24px)}.areas-header-panel{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4, 16px);padding-bottom:var(--space-5, 20px);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.areas-header-left{display:flex;align-items:center;gap:var(--space-4, 16px)}.areas-header-icon-box{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-lg, 12px);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light, #2563eb) 100%);color:#fff;box-shadow:0 4px 14px #2563eb38;flex-shrink:0}.areas-header-titles h1{font-size:var(--font-size-2xl, 24px);font-weight:700;color:var(--color-text);margin:0;line-height:1.2}.areas-header-titles p{font-size:var(--font-size-sm, 14px);color:var(--color-text-light);margin:4px 0 0}.areas-kpis-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4, 16px)}.areas-toolbar-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg, 12px);padding:var(--space-4, 16px);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-3, 12px)}.areas-toolbar-row{display:flex;align-items:center;gap:var(--space-3, 12px);flex-wrap:wrap}.areas-search-wrapper{position:relative;flex:1 1 300px;min-width:240px;display:flex;align-items:center}.areas-search-icon{position:absolute;left:12px;color:var(--color-text-light);pointer-events:none}.areas-search-input{width:100%;padding:10px 36px 10px 38px;border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);font-size:var(--font-size-sm, 14px);background:var(--color-surface);color:var(--color-text);transition:border-color .2s,box-shadow .2s}.areas-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f}.areas-search-clear{position:absolute;right:10px;background:none;border:none;color:var(--color-text-light);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .15s,background-color .15s}.areas-search-clear:hover{background:var(--color-border);color:var(--color-text)}.areas-filters-group{display:flex;align-items:center;gap:var(--space-3, 12px);flex-wrap:wrap}.areas-filter-select{min-width:210px}.areas-toolbar-summary{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-2, 8px);border-top:1px dashed var(--color-border);font-size:var(--font-size-xs, 12px);color:var(--color-text-light)}.areas-reset-filters-btn{background:none;border:none;color:var(--color-primary);font-size:var(--font-size-xs, 12px);font-weight:600;cursor:pointer;padding:2px 6px;border-radius:4px}.areas-reset-filters-btn:hover{text-decoration:underline}.areas-table-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-sm);overflow:hidden}.area-avatar-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-md, 8px);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light, #2563eb) 100%);color:#fff;flex-shrink:0;box-shadow:0 2px 6px #2563eb33}.area-badge-ods{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius-md, 8px);background:#9333ea14;border:1px solid rgba(147,51,234,.2);color:#7c3aed;font-size:13px;font-weight:500}.area-badge-ods-code{font-weight:700}.area-badge-ods-sep{opacity:.4}.area-contract-meta{display:flex;flex-direction:column;gap:3px}.area-contract-number-row{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--color-text)}.area-contract-client-row{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--color-text-light)}.area-modal-subtitle-box{padding:12px 16px;margin-bottom:var(--space-4, 16px);background:var(--color-surface-hover, #f1f5f9);border-left:3px solid var(--color-primary);border-radius:0 var(--radius-md, 8px) var(--radius-md, 8px) 0}.area-modal-subtitle-box p{font-size:var(--font-size-sm, 13px);color:var(--color-text-light);margin:0;line-height:1.4}.area-step-box{background:var(--color-surface-hover, #f8fafc);border:1px solid var(--color-border);border-radius:var(--radius-lg, 12px);padding:18px 20px;margin-bottom:var(--space-4, 16px);transition:border-color .2s,box-shadow .2s}.area-step-box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.area-step-box-header{display:flex;align-items:flex-start;gap:var(--space-3, 12px);margin-bottom:var(--space-4, 16px)}.area-step-badge{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:12px;font-weight:700;flex-shrink:0}.area-step-box-titles h4{font-size:14px;font-weight:700;color:var(--color-text);margin:0}.area-step-box-titles p{font-size:12px;color:var(--color-text-light);margin:2px 0 0}.area-fields-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4, 16px)}.area-hierarchy-preview{margin-top:14px;padding:12px 14px;background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-md, 8px);display:flex;flex-direction:column;gap:8px}.area-hierarchy-preview-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-light)}.area-hierarchy-preview-chain{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px}.area-chain-item{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:6px;background:var(--color-surface-hover, #f1f5f9);color:var(--color-text);font-weight:500}.area-chain-item.primary{background:#2563eb14;color:var(--color-primary);font-weight:600}.area-chain-item.purple{background:#9333ea14;color:#7c3aed;font-weight:600}.area-chain-chevron{color:var(--color-text-light);opacity:.6}.area-modal-validation-error{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-danger, #ef4444);margin-top:6px}.area-modal-success-chip{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--color-success, #10b981);background:#10b98114;padding:6px 10px;border-radius:6px;margin-top:12px}@media(max-width:1024px){.areas-kpis-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.areas-kpis-grid,.areas-fields-grid-2{grid-template-columns:1fr}.areas-filters-group,.areas-filter-select{width:100%}.areas-toolbar-row{flex-direction:column;align-items:stretch}}.page-header-left{display:flex;align-items:center;gap:var(--space-3)}.page-header-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);background:var(--color-primary-bg);color:var(--color-primary);flex-shrink:0}.od-stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-5)}@media(max-width:1024px){.od-stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.od-stats-row{grid-template-columns:1fr}}.od-toolbar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.od-search-box{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:260px;padding:var(--space-2) var(--space-3);background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-tertiary);transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.od-search-box:focus-within{background:var(--color-surface);border-color:var(--color-primary);color:var(--color-text-secondary);box-shadow:0 0 0 3px #1565c01f}.od-search-box input{flex:1;border:none;outline:none;background:transparent;font-size:var(--font-size-sm);color:var(--color-text-primary);font-family:inherit}.od-search-box input::placeholder{color:var(--color-text-tertiary)}.od-toolbar-filters{display:flex;gap:var(--space-3);flex-wrap:wrap}.od-filter-select{min-width:190px}@media(max-width:768px){.od-toolbar{flex-direction:column;align-items:stretch}.od-search-box{min-width:0}}.od-code-cell{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.od-contract-cell{display:flex;flex-direction:column;gap:3px}.od-contract-label{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);background:var(--color-primary-bg);color:var(--color-primary);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);width:fit-content}.od-client-sub{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);color:var(--color-text-secondary);padding-left:2px}.od-area-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px var(--space-2);background:var(--color-surface-hover);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.od-coordinator-cell{display:flex;align-items:center;gap:var(--space-2)}.od-avatar{width:30px;height:30px;border-radius:var(--radius-full);background:#1565c01a;color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);flex-shrink:0}.od-coord-name{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-text-primary)}.od-coord-code{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.od-hours-cell{display:flex;flex-direction:column;gap:4px;min-width:140px}.od-hours-track{width:100%;height:6px;border-radius:var(--radius-full);background:var(--color-border-light);overflow:hidden}.od-hours-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-primary-light),var(--color-success));transition:width .3s ease}.od-hours-fill.is-overrun{background:var(--color-danger)}.od-hours-meta{display:flex;justify-content:space-between;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.od-hours-pct{font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.od-hours-pct.is-overrun{color:var(--color-danger)}.filter-chip{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast)}.filter-chip:hover{background:var(--color-surface-hover)}.filter-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.od-modal-header{display:flex;align-items:center;gap:var(--space-3);padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--color-border-light)}.od-modal-header-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg);background:#1565c01a;color:var(--color-primary);flex-shrink:0}.od-modal-header-title{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 2px}.od-modal-header-subtitle{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0}.od-section-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-4);box-shadow:0 1px 3px #0000000a}.od-section-card:last-child{margin-bottom:0}.od-section-header{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border-light)}.od-step-badge{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);background:var(--color-primary);color:#fff;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);flex-shrink:0}.od-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 2px}.od-section-desc{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0}.od-gauge-card{margin-top:var(--space-4);padding:var(--space-4);background:#f0f4f8b3;border:1px solid var(--color-border);border-radius:var(--radius-md)}.od-gauge-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.od-gauge-title{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.od-gauge-pct{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-success);background:#38a1691f;padding:2px var(--space-2);border-radius:var(--radius-full)}.od-gauge-pct.is-overrun{color:var(--color-danger);background:#e53e3e1f}.od-gauge-track{width:100%;height:8px;border-radius:var(--radius-full);background:var(--color-border-light);overflow:hidden;margin-bottom:var(--space-3)}.od-gauge-fill{height:100%;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--color-primary-light),var(--color-success));transition:width .3s ease}.od-gauge-fill.is-overrun{background:var(--color-danger)}.od-gauge-footer{display:flex;flex-wrap:wrap;gap:var(--space-4);align-items:center}.od-gauge-stat{display:flex;flex-direction:column;gap:2px}.od-gauge-stat-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.od-gauge-stat-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.od-gauge-stat-value.is-overrun{color:var(--color-danger)}.od-gauge-warning{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:#e53e3e1a;color:var(--color-danger);border:1px solid rgba(229,62,62,.2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-left:auto}@media(max-width:640px){.od-gauge-warning{margin-left:0}}.supervisors-page-container{display:flex;flex-direction:column;gap:var(--space-6, 24px)}.supervisors-header-panel{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4, 16px);padding-bottom:var(--space-5, 20px);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.supervisors-header-left{display:flex;align-items:center;gap:var(--space-4, 16px)}.supervisors-header-icon-box{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-lg, 12px);background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;box-shadow:0 4px 14px #1e40af40;flex-shrink:0}.supervisors-header-titles h1{font-size:var(--font-size-2xl, 24px);font-weight:700;color:var(--color-text);margin:0;line-height:1.2}.supervisors-header-titles p{font-size:var(--font-size-sm, 14px);color:var(--color-text-light);margin:4px 0 0}.supervisors-kpis-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4, 16px)}.supervisors-toolbar-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg, 12px);padding:var(--space-4, 16px);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-3, 12px)}.supervisors-toolbar-row{display:flex;align-items:center;gap:var(--space-3, 12px);flex-wrap:wrap}.supervisors-search-wrapper{position:relative;flex:1 1 280px;min-width:220px;display:flex;align-items:center}.supervisors-search-icon{position:absolute;left:12px;color:var(--color-text-light);pointer-events:none}.supervisors-search-input{width:100%;padding:10px 36px 10px 38px;border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);font-size:var(--font-size-sm, 14px);background:var(--color-surface);color:var(--color-text);transition:border-color .2s,box-shadow .2s}.supervisors-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1f}.supervisors-search-clear{position:absolute;right:10px;background:none;border:none;color:var(--color-text-light);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .15s,background-color .15s}.supervisors-search-clear:hover{background:var(--color-border);color:var(--color-text)}.supervisors-filters-group{display:flex;align-items:center;gap:var(--space-3, 12px);flex-wrap:wrap}.supervisors-filter-select{min-width:185px}.supervisors-toolbar-summary{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-2, 8px);border-top:1px dashed var(--color-border);font-size:var(--font-size-xs, 12px);color:var(--color-text-light)}.supervisors-reset-filters-btn{background:none;border:none;color:var(--color-primary);font-size:var(--font-size-xs, 12px);font-weight:600;cursor:pointer;padding:2px 6px;border-radius:4px}.supervisors-reset-filters-btn:hover{text-decoration:underline}.supervisors-table-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-sm);overflow:hidden}.supervisor-avatar-badge{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#1e40af,#3b82f6);color:#fff;font-weight:700;font-size:13.5px;letter-spacing:.5px;flex-shrink:0;box-shadow:0 2px 8px #1e40af40}.supervisor-area-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:var(--radius-md, 6px);background:#2563eb14;border:1px solid rgba(37,99,235,.2);color:var(--color-primary);font-size:12.5px;font-weight:600}.supervisor-badge-ods{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius-md, 8px);background:#9333ea14;border:1px solid rgba(147,51,234,.2);color:#7c3aed;font-size:13px;font-weight:500}.supervisor-badge-ods-code{font-weight:700}.supervisor-badge-ods-sep{opacity:.4}.supervisor-foremen-count{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:6px;background:#f59e0b14;border:1px solid rgba(245,158,11,.25);color:#d97706;font-size:12px;font-weight:600}.supervisor-contract-meta{display:flex;flex-direction:column;gap:3px}.supervisor-contract-number-row{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--color-text)}.supervisor-contract-client-row{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--color-text-light)}.supervisor-modal-subtitle-box{padding:12px 16px;margin-bottom:var(--space-4, 16px);background:var(--color-surface-hover, #f1f5f9);border-left:3px solid var(--color-primary);border-radius:0 var(--radius-md, 8px) var(--radius-md, 8px) 0}.supervisor-modal-subtitle-box p{font-size:var(--font-size-sm, 13px);color:var(--color-text-light);margin:0;line-height:1.4}.supervisor-step-box{background:var(--color-surface-hover, #f8fafc);border:1px solid var(--color-border);border-radius:var(--radius-lg, 12px);padding:18px 20px;margin-bottom:var(--space-4, 16px);transition:border-color .2s,box-shadow .2s}.supervisor-step-box:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.supervisor-step-box-header{display:flex;align-items:flex-start;gap:var(--space-3, 12px);margin-bottom:var(--space-4, 16px)}.supervisor-step-badge{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:12px;font-weight:700;flex-shrink:0}.supervisor-step-box-titles h4{font-size:14px;font-weight:700;color:var(--color-text);margin:0}.supervisor-step-box-titles p{font-size:12px;color:var(--color-text-light);margin:2px 0 0}.supervisor-fields-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4, 16px)}.supervisor-hierarchy-preview{margin-top:14px;padding:12px 14px;background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-md, 8px);display:flex;flex-direction:column;gap:8px}.supervisor-hierarchy-preview-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-light)}.supervisor-hierarchy-preview-chain{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px}.supervisor-chain-item{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:6px;background:var(--color-surface-hover, #f1f5f9);color:var(--color-text);font-weight:500}.supervisor-chain-item.primary{background:#2563eb14;color:var(--color-primary);font-weight:600}.supervisor-chain-item.purple{background:#9333ea14;color:#7c3aed;font-weight:600}.supervisor-chain-chevron{color:var(--color-text-light);opacity:.6}.supervisor-modal-validation-error{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-danger, #ef4444);margin-top:6px}.supervisor-modal-success-chip{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--color-success, #10b981);background:#10b98114;padding:6px 10px;border-radius:6px;margin-top:12px}@media(max-width:1024px){.supervisors-kpis-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.supervisors-kpis-grid,.supervisor-fields-grid-2{grid-template-columns:1fr}.supervisors-filters-group,.supervisors-filter-select{width:100%}.supervisors-toolbar-row{flex-direction:column;align-items:stretch}}.foremen-page-container{display:flex;flex-direction:column;gap:var(--space-6, 24px)}.foremen-header-panel{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4, 16px);padding-bottom:var(--space-5, 20px);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.foremen-header-left{display:flex;align-items:center;gap:var(--space-4, 16px)}.foremen-header-icon-box{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-lg, 12px);background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff;box-shadow:0 4px 14px #d9770647;flex-shrink:0}.foremen-header-titles h1{font-size:var(--font-size-2xl, 24px);font-weight:700;color:var(--color-text);margin:0;line-height:1.2}.foremen-header-titles p{font-size:var(--font-size-sm, 14px);color:var(--color-text-light);margin:4px 0 0}.foremen-kpis-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4, 16px)}.foremen-toolbar-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg, 12px);padding:var(--space-4, 16px);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-3, 12px)}.foremen-toolbar-row{display:flex;align-items:center;gap:var(--space-3, 12px);flex-wrap:wrap}.foremen-search-wrapper{position:relative;flex:1 1 280px;min-width:220px;display:flex;align-items:center}.foremen-search-icon{position:absolute;left:12px;color:var(--color-text-light);pointer-events:none}.foremen-search-input{width:100%;padding:10px 36px 10px 38px;border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);font-size:var(--font-size-sm, 14px);background:var(--color-surface);color:var(--color-text);transition:border-color .2s,box-shadow .2s}.foremen-search-input:focus{outline:none;border-color:#d97706;box-shadow:0 0 0 3px #d9770626}.foremen-search-clear{position:absolute;right:10px;background:none;border:none;color:var(--color-text-light);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:color .15s,background-color .15s}.foremen-search-clear:hover{background:var(--color-border);color:var(--color-text)}.foremen-filters-group{display:flex;align-items:center;gap:var(--space-3, 12px);flex-wrap:wrap}.foremen-filter-select{min-width:185px}.foremen-toolbar-summary{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-2, 8px);border-top:1px dashed var(--color-border);font-size:var(--font-size-xs, 12px);color:var(--color-text-light)}.foremen-reset-filters-btn{background:none;border:none;color:#d97706;font-size:var(--font-size-xs, 12px);font-weight:600;cursor:pointer;padding:2px 6px;border-radius:4px}.foremen-reset-filters-btn:hover{text-decoration:underline}.foremen-table-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-sm);overflow:hidden}.foreman-avatar-badge{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#d97706,#f59e0b);color:#fff;font-weight:700;font-size:13.5px;letter-spacing:.5px;flex-shrink:0;box-shadow:0 2px 8px #d9770647}.foreman-supervisor-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius-md, 6px);background:#1e40af14;border:1px solid rgba(30,64,175,.2);color:#1e40af;font-size:12.5px;font-weight:600}.foreman-badge-ods{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius-md, 8px);background:#9333ea14;border:1px solid rgba(147,51,234,.2);color:#7c3aed;font-size:13px;font-weight:500}.foreman-badge-ods-code{font-weight:700}.foreman-badge-ods-sep{opacity:.4}.foreman-employees-count{display:inline-flex;align-items:center;gap:6px;padding:4px 9px;border-radius:6px;background:#10b98114;border:1px solid rgba(16,185,129,.25);color:#059669;font-size:12px;font-weight:600}.foreman-contract-meta{display:flex;flex-direction:column;gap:3px}.foreman-contract-number-row{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--color-text)}.foreman-contract-client-row{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--color-text-light)}.foreman-modal-subtitle-box{padding:12px 16px;margin-bottom:var(--space-4, 16px);background:var(--color-surface-hover, #f1f5f9);border-left:3px solid #d97706;border-radius:0 var(--radius-md, 8px) var(--radius-md, 8px) 0}.foreman-modal-subtitle-box p{font-size:var(--font-size-sm, 13px);color:var(--color-text-light);margin:0;line-height:1.4}.foreman-step-box{background:var(--color-surface-hover, #f8fafc);border:1px solid var(--color-border);border-radius:var(--radius-lg, 12px);padding:18px 20px;margin-bottom:var(--space-4, 16px);transition:border-color .2s,box-shadow .2s}.foreman-step-box:focus-within{border-color:#d97706;box-shadow:0 0 0 1px #d97706}.foreman-step-box-header{display:flex;align-items:flex-start;gap:var(--space-3, 12px);margin-bottom:var(--space-4, 16px)}.foreman-step-badge{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#d97706;color:#fff;font-size:12px;font-weight:700;flex-shrink:0}.foreman-step-box-titles h4{font-size:14px;font-weight:700;color:var(--color-text);margin:0}.foreman-step-box-titles p{font-size:12px;color:var(--color-text-light);margin:2px 0 0}.foreman-fields-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4, 16px)}.foreman-hierarchy-preview{margin-top:14px;padding:12px 14px;background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-md, 8px);display:flex;flex-direction:column;gap:8px}.foreman-hierarchy-preview-title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-light)}.foreman-hierarchy-preview-chain{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px}.foreman-chain-item{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:6px;background:var(--color-surface-hover, #f1f5f9);color:var(--color-text);font-weight:500}.foreman-chain-item.primary{background:#2563eb14;color:var(--color-primary);font-weight:600}.foreman-chain-item.purple{background:#9333ea14;color:#7c3aed;font-weight:600}.foreman-chain-item.amber{background:#d9770614;color:#d97706;font-weight:600}.foreman-chain-chevron{color:var(--color-text-light);opacity:.6}.foreman-modal-validation-error{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-danger, #ef4444);margin-top:6px}.foreman-modal-success-chip{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--color-success, #10b981);background:#10b98114;padding:6px 10px;border-radius:6px;margin-top:12px}@media(max-width:1024px){.foremen-kpis-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.foremen-kpis-grid,.foreman-fields-grid-2{grid-template-columns:1fr}.foremen-filters-group,.foremen-filter-select{width:100%}.foremen-toolbar-row{flex-direction:column;align-items:stretch}}.catalogs-container{display:flex;gap:var(--space-6);background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);min-height:500px}.catalogs-sidebar{width:200px;padding:var(--space-4);border-right:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-1)}.catalog-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);border:none;background:transparent;color:var(--color-text-secondary);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:left}.catalog-tab:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.catalog-tab.active{background:var(--color-primary-bg);color:var(--color-primary)}.catalogs-content{flex:1;padding:var(--space-6)}.catalog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.catalog-header h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}@media(max-width:768px){.catalogs-container{flex-direction:column}.catalogs-sidebar{width:100%;border-right:none;border-bottom:1px solid var(--color-border);flex-direction:row;overflow-x:auto;padding:var(--space-4)}.catalog-tab{white-space:nowrap}}.file-upload-area{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;cursor:pointer;transition:all var(--transition-fast);background:var(--color-surface)}.file-upload-area:hover,.file-upload-area.dragover{border-color:var(--color-primary);background:var(--color-primary-bg)}.file-upload-icon{color:var(--color-text-tertiary);margin-bottom:var(--space-3)}.file-upload-text{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-1)}.file-upload-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.file-upload-link{color:var(--color-primary);font-weight:var(--font-weight-medium);cursor:pointer}.file-upload-selected{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-primary-bg);border-radius:var(--radius-md);margin-top:var(--space-3)}.file-upload-filename{flex:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary)}.file-upload-remove{color:var(--color-text-secondary);cursor:pointer;background:none;border:none;padding:var(--space-1);border-radius:var(--radius-sm);transition:color var(--transition-fast)}.file-upload-remove:hover{color:var(--color-danger)}.time-tracking-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}@media(max-width:1024px){.time-tracking-layout{grid-template-columns:1fr}}.parse-results{margin-top:var(--space-4)}.parse-summary{display:flex;gap:var(--space-4);margin-bottom:var(--space-4)}.parse-stat{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.parse-stat.valid{background:var(--color-success-bg);color:var(--color-success)}.parse-stat.invalid{background:var(--color-danger-bg);color:var(--color-danger)}.parse-stat.total{background:var(--color-info-bg);color:var(--color-info)}.error-list{max-height:200px;overflow-y:auto;padding:var(--space-3);background:var(--color-danger-bg);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.error-list-item{font-size:var(--font-size-xs);color:var(--color-danger);padding:var(--space-1) 0;border-bottom:1px solid rgba(229,62,62,.1)}.error-list-item:last-child{border-bottom:none}.direct-punch-container{display:flex;flex-direction:column;gap:var(--space-5, 20px)}.direct-header-panel{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4, 16px);padding-bottom:var(--space-5, 20px);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.direct-header-left{display:flex;align-items:center;gap:var(--space-4, 16px)}.direct-header-icon-box{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-lg, 12px);background:linear-gradient(135deg,#0284c7,#2563eb);color:#fff;box-shadow:0 4px 14px #2563eb40;flex-shrink:0}.direct-header-titles h1{font-size:var(--font-size-2xl, 24px);font-weight:700;color:var(--color-text);margin:0;line-height:1.2}.direct-header-titles p{font-size:var(--font-size-sm, 14px);color:var(--color-text-light);margin:4px 0 0}.direct-header-badges{display:flex;align-items:center;gap:var(--space-2, 8px);flex-wrap:wrap}.direct-tabs-nav{display:flex;gap:8px;background:var(--color-surface);border:1px solid var(--color-border);padding:6px;border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-sm);flex-wrap:wrap}.direct-tab-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;font-size:13.5px;font-weight:600;color:var(--color-text-light);background:transparent;border:1px solid transparent;border-radius:var(--radius-md, 8px);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none}.direct-tab-btn:hover{color:var(--color-primary);background-color:var(--color-surface-hover, #f8fafc)}.direct-tab-btn.active{color:#fff;background:linear-gradient(135deg,var(--color-primary) 0%,#2563eb 100%);box-shadow:0 3px 10px #2563eb47;border-color:transparent}.direct-grid-2col{display:grid;grid-template-columns:1fr 1.1fr;gap:var(--space-5, 20px);align-items:start}@media(max-width:1024px){.direct-grid-2col{grid-template-columns:1fr}}.scan-control-panel{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg, 12px);padding:var(--space-5, 20px);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-4, 16px)}.com-connection-box{background:linear-gradient(145deg,#0b1329,#172554);color:#f8fafc;padding:20px;border-radius:var(--radius-lg, 12px);border:1px solid rgba(56,189,248,.2);box-shadow:0 8px 24px #0b132966;display:flex;flex-direction:column;gap:14px}.com-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:12px}.com-status-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:4px 12px;border-radius:9999px;font-weight:700;letter-spacing:.5px}.com-status-idle{background:#94a3b826;color:#94a3b8;border:1px solid rgba(148,163,184,.3)}.com-status-listening{background:#10b98140;color:#34d399;border:1px solid #10b981;animation:pulse-glow 1.5s infinite}@keyframes pulse-glow{0%{box-shadow:0 0 #10b98180}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}.ht630-file-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4, 16px)}@media(max-width:640px){.ht630-file-cards{grid-template-columns:1fr}}.ht630-action-card{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:var(--radius-lg, 12px);border:1.5px solid;transition:all .2s cubic-bezier(.4,0,.2,1);background:var(--color-surface)}.ht630-card-entry{border-color:#10b98159;background:linear-gradient(180deg,#10b9810a,#10b98103)}.ht630-card-entry:hover{border-color:#10b981;box-shadow:0 6px 18px #10b9811f;transform:translateY(-1px)}.ht630-card-exit{border-color:#2563eb59;background:linear-gradient(180deg,#2563eb0a,#2563eb03)}.ht630-card-exit:hover{border-color:#2563eb;box-shadow:0 6px 18px #2563eb1f;transform:translateY(-1px)}.punch-type-toggle{display:grid;grid-template-columns:1fr 1fr;gap:12px;background-color:var(--color-surface-hover, #f1f5f9);padding:6px;border-radius:var(--radius-lg, 12px);border:1px solid var(--color-border)}.punch-type-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;font-size:15px;font-weight:700;border-radius:var(--radius-md, 8px);border:2px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background:var(--color-surface);color:var(--color-text-light)}.punch-type-btn.active-entry{background:linear-gradient(135deg,#059669,#10b981);color:#fff;box-shadow:0 4px 16px #10b98159;border-color:#fff3}.punch-type-btn.active-exit{background:linear-gradient(135deg,#1d4ed8,#3b82f6);color:#fff;box-shadow:0 4px 16px #2563eb59;border-color:#fff3}.live-clock-card{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff;padding:16px 20px;border-radius:var(--radius-lg, 12px);box-shadow:inset 0 2px 4px #0000004d;border:1px solid #334155}.live-clock-time{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.05em;color:#38bdf8;text-shadow:0 0 12px rgba(56,189,248,.4)}.live-clock-date{font-size:13px;color:#94a3b8;text-align:right;font-weight:500}.scan-input-wrapper{position:relative;display:flex;flex-direction:column;gap:8px}.scan-input-field{width:100%;font-size:18px;font-weight:700;letter-spacing:.06em;padding:12px 16px 12px 42px;background-color:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-md, 8px);color:var(--color-text);outline:none;transition:all .2s cubic-bezier(.4,0,.2,1)}.scan-input-field:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #2563eb26}.scan-input-icon{position:absolute;left:14px;top:40px;color:var(--color-primary);pointer-events:none}.scan-status-hint{font-size:12px;color:var(--color-text-light);display:flex;align-items:center;justify-content:space-between}.last-scan-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg, 12px);padding:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:16px}.last-scan-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border);padding-bottom:12px}.employee-punch-result{display:flex;gap:16px;align-items:center;padding:16px;border-radius:var(--radius-md, 10px);background-color:var(--color-surface-hover, #f8fafc);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.employee-punch-result.entry-success{border-left:5px solid #10b981;background:linear-gradient(90deg,rgba(16,185,129,.08) 0%,var(--color-surface) 100%)}.employee-punch-result.exit-success{border-left:5px solid #2563eb;background:linear-gradient(90deg,rgba(37,99,235,.08) 0%,var(--color-surface) 100%)}.employee-avatar-circle{width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0%,#2563eb 100%);color:#fff;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;flex-shrink:0;box-shadow:0 4px 12px #2563eb40}.employee-punch-info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.employee-punch-name{font-size:16px;font-weight:700;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.employee-punch-meta{font-size:12.5px;color:var(--color-text-light);display:flex;gap:14px;flex-wrap:wrap}.scan-alert{padding:12px 16px;border-radius:var(--radius-md, 8px);display:flex;align-items:center;gap:12px;font-size:13px;font-weight:500}.scan-alert-error{background-color:#ef444414;border:1px solid rgba(239,68,68,.3);color:#dc2626}.scan-alert-success{background-color:#10b98114;border:1px solid rgba(16,185,129,.3);color:#059669}.scan-alert-info{background-color:#2563eb14;border:1px solid rgba(37,99,235,.3);color:#2563eb}.session-punches-list{display:flex;flex-direction:column;gap:8px;max-height:280px;overflow-y:auto}.session-punch-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:var(--radius-sm, 6px);background-color:var(--color-surface);border:1px solid var(--color-border);font-size:13px}.eyoyo-detected-card{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-radius:var(--radius-md, 10px);border:1px solid rgba(16,185,129,.3);background:#10b9810f}.device-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5, 20px)}@media(max-width:900px){.device-guide-grid{grid-template-columns:1fr}}.device-guide-box{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg, 12px);padding:24px;box-shadow:var(--shadow-sm)}.device-guide-step-list{padding-left:0;list-style:none;display:flex;flex-direction:column;gap:14px;margin:0}.device-guide-step-item{display:flex;align-items:flex-start;gap:12px;font-size:13px;color:var(--color-text);line-height:1.5}.device-guide-step-num{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:12px;font-weight:700;flex-shrink:0}.time-processing-container{display:flex;flex-direction:column;gap:var(--space-5, 20px)}.processing-header-panel{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4, 16px);padding-bottom:var(--space-5, 20px);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.processing-header-left{display:flex;align-items:center;gap:var(--space-4, 16px)}.processing-header-icon-box{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-lg, 12px);background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;box-shadow:0 4px 14px #4f46e547;flex-shrink:0}.processing-header-titles h1{font-size:var(--font-size-2xl, 24px);font-weight:700;color:var(--color-text);margin:0;line-height:1.2}.processing-header-titles p{font-size:var(--font-size-sm, 14px);color:var(--color-text-light);margin:4px 0 0}.processing-header-actions{display:flex;align-items:center;gap:var(--space-3, 12px);flex-wrap:wrap}.processing-kpis-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4, 16px)}@media(max-width:1024px){.processing-kpis-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.processing-kpis-grid{grid-template-columns:1fr}}.processing-config-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg, 12px);padding:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:16px}.processing-config-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border);padding-bottom:12px}.processing-config-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--color-text)}.processing-config-grid{display:grid;grid-template-columns:1.2fr 1.2fr 1fr 1fr auto;gap:14px;align-items:flex-end}@media(max-width:1024px){.processing-config-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.processing-config-grid{grid-template-columns:1fr}}.processing-dates-alert{padding:12px 16px;background:#f59e0b14;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md, 8px);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--color-text)}.processing-dates-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.processing-date-chip-btn{background:var(--color-surface);border:1px solid rgba(245,158,11,.4);color:#b45309;font-size:11.5px;font-weight:600;padding:3px 8px;border-radius:6px;cursor:pointer;transition:all .15s ease}.processing-date-chip-btn:hover{background:#fef3c7;border-color:#d97706}.processing-table-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-sm);overflow:hidden}.processing-saved-banner{padding:12px 18px;background:#10b98114;border-bottom:1px solid rgba(16,185,129,.2);color:#059669;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}.processing-table-container{overflow-x:auto}.processing-table{width:100%;border-collapse:collapse;font-size:13.5px;text-align:left}.processing-table th{background:var(--color-surface-hover, #f8fafc);padding:12px 16px;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-light);border-bottom:1px solid var(--color-border)}.processing-table td{padding:12px 16px;border-bottom:1px solid var(--color-border-light, #f1f5f9);vertical-align:middle}.processing-table tbody tr:hover{background-color:var(--color-surface-hover, #f8fafc)}.processing-table tbody tr.row-absent{background-color:#ef444408}.processing-table tbody tr.row-absent:hover{background-color:#ef44440f}.processing-avatar-badge{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#4f46e5,#3b82f6);color:#fff;font-weight:700;font-size:13px;flex-shrink:0;box-shadow:0 2px 6px #4f46e540}.processing-avatar-badge.absent{background:linear-gradient(135deg,#ef4444,#f87171);box-shadow:0 2px 6px #ef444440}.punch-time-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:6px;background:var(--color-surface-hover, #f1f5f9);border:1px solid var(--color-border);font-variant-numeric:tabular-nums;font-weight:600;font-size:12.5px}.punch-time-badge.entry{color:#059669;border-color:#10b9814d;background:#10b9810d}.punch-time-badge.exit{color:#2563eb;border-color:#2563eb4d;background:#2563eb0d}.hours-display-box{font-variant-numeric:tabular-nums;font-weight:700;font-size:13.5px;color:var(--color-text)}.processing-table-footer-summary{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--color-surface-hover, #f8fafc);border-top:1px solid var(--color-border);font-size:13px;flex-wrap:wrap;gap:12px}.processing-totals-group{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.processing-total-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;background:var(--color-surface);border:1px solid var(--color-border);font-weight:600}.time-editing-container{display:flex;flex-direction:column;gap:var(--space-5, 20px);position:relative;padding-bottom:80px}.editing-header-panel{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4, 16px);padding-bottom:var(--space-5, 20px);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.editing-header-left{display:flex;align-items:center;gap:var(--space-4, 16px)}.editing-header-icon-box{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-lg, 12px);background:linear-gradient(135deg,#6366f1,#4338ca);color:#fff;box-shadow:0 4px 14px #6366f152;flex-shrink:0}.editing-header-titles h1{font-size:var(--font-size-2xl, 24px);font-weight:700;color:var(--color-text);margin:0;line-height:1.2}.editing-header-titles p{font-size:var(--font-size-sm, 14px);color:var(--color-text-light);margin:4px 0 0}.editing-header-actions{display:flex;align-items:center;gap:var(--space-3, 12px);flex-wrap:wrap}.editing-unsaved-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-full, 9999px);font-size:13px;font-weight:600;color:#d97706}.editing-unsaved-dot{width:8px;height:8px;border-radius:50%;background:#f59e0b;animation:editingPulse 1.5s infinite}@keyframes editingPulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.3);opacity:1}to{transform:scale(.95);opacity:.8}}.editing-kpis-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4, 16px)}@media(max-width:1024px){.editing-kpis-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.editing-kpis-grid{grid-template-columns:1fr}}.editing-config-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg, 12px);padding:20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:16px}.editing-config-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border);padding-bottom:12px}.editing-config-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--color-text)}.editing-config-grid{display:grid;grid-template-columns:1.2fr 1.2fr 1fr 1fr auto;gap:14px;align-items:flex-end}@media(max-width:1024px){.editing-config-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.editing-config-grid{grid-template-columns:1fr}}.editing-table-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-sm);overflow:hidden}.editing-table-toolbar{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border);background:var(--color-surface-hover, rgba(0, 0, 0, .02));flex-wrap:wrap;gap:12px}.editing-table-stats{display:flex;align-items:center;gap:16px;font-size:13px;color:var(--color-text-light)}.editing-table-stats strong{color:var(--color-text)}.editing-table-scroll{overflow-x:auto;max-width:100%}.editing-data-table{width:100%;border-collapse:collapse;min-width:1000px;font-size:13.5px}.editing-data-table th{padding:12px 14px;text-align:left;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-light);background:var(--color-surface-hover, rgba(0,0,0,.02));border-bottom:1px solid var(--color-border);white-space:nowrap}.editing-data-table td{padding:10px 14px;border-bottom:1px solid var(--color-border);vertical-align:middle;color:var(--color-text)}.editing-data-table tr:last-child td{border-bottom:none}.editing-data-table tr:hover td{background-color:var(--color-surface-hover, rgba(0, 0, 0, .015))}.editing-data-table tr.row-dirty td{background-color:#f59e0b0a}.editing-data-table tr.row-new td{background-color:#6366f108}.editing-user-cell{display:flex;align-items:center;gap:12px;min-width:220px}.editing-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0;box-shadow:0 2px 6px #6366f133}.editing-user-info{display:flex;flex-direction:column;gap:2px}.editing-user-name{font-weight:600;color:var(--color-text)}.editing-user-meta{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--color-text-light)}.editing-time-input{font-family:inherit;font-size:13px;font-weight:600;padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius-md, 6px);background:var(--color-surface);color:var(--color-text);width:110px;transition:all .15s ease;box-shadow:var(--shadow-sm)}.editing-time-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.editing-time-input.modified{border-color:#f59e0b;background-color:#f59e0b0d}.editing-obs-input{width:100%;min-width:160px;padding:6px 10px;font-size:12.5px;border:1px solid var(--color-border);border-radius:var(--radius-md, 6px);background:var(--color-surface);color:var(--color-text);transition:all .15s ease}.editing-obs-input:focus{outline:none;border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.editing-hours-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-sm, 4px);font-size:12.5px;font-weight:600}.editing-hours-badge.worked{background:#10b9811a;color:#059669;border:1px solid rgba(16,185,129,.25)}.editing-hours-badge.overtime{background:#f59e0b1a;color:#d97706;border:1px solid rgba(245,158,11,.25)}.editing-hours-badge.empty{color:var(--color-text-light);font-weight:400}.editing-totals-row{background:var(--color-surface-hover, rgba(0, 0, 0, .03))!important;font-weight:700}.editing-totals-row td{border-top:2px solid var(--color-border);padding:14px}.editing-floating-bar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:100;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 24px;background:#1e1b4b;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full, 9999px);box-shadow:0 10px 30px #00000059,0 0 1px 1px #ffffff1a;animation:floatingSlideUp .3s cubic-bezier(.16,1,.3,1);max-width:90%}@keyframes floatingSlideUp{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.editing-floating-info{display:flex;align-items:center;gap:12px;font-size:14px}.editing-floating-actions{display:flex;align-items:center;gap:10px}.editing-floating-actions button{white-space:nowrap}.editing-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px;background:var(--color-surface);border:1px dashed var(--color-border);border-radius:var(--radius-lg, 12px)}.editing-empty-icon{width:56px;height:56px;border-radius:50%;background:#6366f114;color:#6366f1;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.editing-empty-state h3{font-size:17px;font-weight:700;color:var(--color-text);margin:0 0 6px}.editing-empty-state p{font-size:14px;color:var(--color-text-light);max-width:420px;margin:0 0 16px}.print-only{display:none}@media print{.sidebar,.no-print,.page-header,button,.input-group,.page-header-right,.data-table-wrapper>h3:contains("Filtros"),.filters-container{display:none!important}.layout-main{margin-left:0!important;padding:0!important;width:100%!important;background:#fff!important}.data-table-wrapper{box-shadow:none!important;border:none!important;padding:0!important;border-radius:0!important;margin-bottom:20px!important}body{background:#fff!important;color:#000!important}.print-only{display:block!important}.print-header{border-bottom:2px solid #ccc;padding-bottom:20px;margin-bottom:20px;position:relative}.print-header-top{display:flex;align-items:center;gap:20px}.print-logo{max-height:80px;max-width:200px;object-fit:contain}.print-company-info h2{margin:0 0 5px;font-size:20px}.print-company-info p{margin:2px 0;font-size:12px;color:#444}.print-report-title{margin-top:15px;text-align:center}.print-report-title h3{margin:0;font-size:24px;text-transform:uppercase}.print-report-title p{margin:5px 0 0;font-size:14px;color:#666}.print-date{position:absolute;top:0;right:0;font-size:10px;color:#888}}.ai-insights-card{background:linear-gradient(135deg,#1565c00a,#0d47a114),var(--color-surface);border:1px solid rgba(33,150,243,.25);border-radius:var(--radius-xl);box-shadow:0 4px 20px #1565c014;margin-bottom:var(--space-6);overflow:hidden;position:relative;transition:all var(--transition-normal)}.ai-insights-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#1565c0,#00b0ff,#7c4dff,#00e676);background-size:300% 100%;animation:ai-gradient-flow 6s ease infinite}@keyframes ai-gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.ai-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(33,150,243,.15);flex-wrap:wrap;gap:var(--space-3)}.ai-title-group{display:flex;align-items:center;gap:var(--space-3)}.ai-avatar{width:40px;height:40px;border-radius:var(--radius-lg);background:linear-gradient(135deg,#1565c0,#0091ea);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 10px #1565c04d;position:relative}.ai-status-dot{position:absolute;bottom:-2px;right:-2px;width:12px;height:12px;border-radius:50%;border:2px solid #ffffff}.ai-status-dot.online{background-color:var(--color-success);box-shadow:0 0 8px #38a169cc}.ai-status-dot.offline{background-color:var(--color-warning)}.ai-title-text h3{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:8px}.ai-badge{font-size:var(--font-size-xs);padding:2px 8px;border-radius:var(--radius-full);background:#1565c01f;color:var(--color-primary-dark);font-weight:var(--font-weight-semibold);letter-spacing:.5px}.ai-subtitle{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:2px}.ai-actions-group{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.ai-body{padding:var(--space-5)}.ai-empty-state{text-align:center;padding:var(--space-8) var(--space-4);background:#fff9;border-radius:var(--radius-lg);border:1px dashed rgba(33,150,243,.3)}.ai-empty-state-icon{width:56px;height:56px;border-radius:50%;background:#2196f31a;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-3);color:var(--color-primary)}.ai-empty-state h4{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.ai-empty-state p{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:560px;margin:0 auto var(--space-4)}.ai-loading-container{padding:var(--space-6);text-align:center;background:#ffffffb3;border-radius:var(--radius-lg)}.ai-shimmer-bar{height:14px;margin-bottom:12px;border-radius:var(--radius-sm);background:linear-gradient(90deg,#edf2f7 25%,#e2e8f0,#edf2f7 75%);background-size:200% 100%;animation:ai-shimmer 1.5s infinite}@keyframes ai-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.ai-result-content{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);line-height:var(--line-height-relaxed);font-size:var(--font-size-sm);color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word}.ai-result-content h2,.ai-result-content h3,.ai-result-content h4{color:var(--color-primary-dark);margin-top:var(--space-3);margin-bottom:var(--space-2)}.ai-chat-section{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid rgba(33,150,243,.15)}.ai-quick-pills{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-3)}.ai-quick-pill{background:#ffffffe6;border:1px solid rgba(33,150,243,.25);border-radius:var(--radius-full);padding:4px 12px;font-size:var(--font-size-xs);color:var(--color-primary-dark);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:6px;font-weight:var(--font-weight-medium)}.ai-quick-pill:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-1px)}.ai-input-form{display:flex;gap:var(--space-2);align-items:center}.ai-input-field{flex:1;padding:var(--space-2) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);font-size:var(--font-size-sm);color:var(--color-text-primary);transition:border-color var(--transition-fast)}.ai-input-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1565c026}.ai-chat-history{display:flex;flex-direction:column;gap:var(--space-3);max-height:280px;overflow-y:auto;margin-bottom:var(--space-3);padding-right:var(--space-2)}.ai-chat-bubble{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--font-size-sm);max-width:90%;line-height:var(--line-height-normal)}.ai-chat-bubble.user{align-self:flex-end;background:var(--color-primary);color:#fff;border-bottom-right-radius:var(--radius-xs)}.ai-chat-bubble.agent{align-self:flex-start;background:#fff;color:var(--color-text-primary);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);border-bottom-left-radius:var(--radius-xs)}@media print{.ai-actions-group,.ai-chat-section,.no-print{display:none!important}.ai-insights-card{box-shadow:none;border:1px solid #ccc;break-inside:avoid;page-break-inside:avoid}}.reports-page-container{display:flex;flex-direction:column;gap:var(--space-6);padding-bottom:var(--space-10)}.reports-header-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.reports-filters-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-4);transition:box-shadow var(--transition-normal)}.reports-filters-card:hover{box-shadow:var(--shadow-md)}.filters-row{display:flex;gap:var(--space-4);align-items:flex-end;flex-wrap:wrap}.filter-badge-header{display:flex;align-items:center;gap:var(--space-2);padding-right:var(--space-4);border-right:1px solid var(--color-border);min-width:140px}.time-ranges-group{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.custom-dates-box{display:flex;gap:var(--space-3);align-items:flex-end;margin-left:auto;padding-left:var(--space-4);border-left:1px solid var(--color-border)}.reports-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.chart-suite-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-4)}.chart-suite-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-light)}.chart-suite-title{display:flex;align-items:center;gap:var(--space-2)}.chart-suite-title h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.chart-view-tabs{display:flex;gap:var(--space-2);flex-wrap:wrap;background:var(--color-surface-hover);padding:4px;border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.chart-view-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast)}.chart-view-tab:hover:not(.active){color:var(--color-text-primary);background:#0000000a}.chart-view-tab.active{background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-xs)}.chart-controls-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.chart-canvas-wrapper{position:relative;width:100%;min-height:380px}.charts-dual-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}@media(max-width:900px){.charts-dual-grid{grid-template-columns:1fr}}.chart-sub-panel{background:var(--color-surface-hover);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column}.chart-sub-panel-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-3);display:flex;align-items:center;gap:6px}.detail-table-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm)}.detail-table-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4)}.detail-table-title{display:flex;align-items:center;gap:var(--space-2)}.detail-table-title h3{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.table-search-input{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--color-border);font-size:var(--font-size-xs);min-width:220px;background:var(--color-surface)}.table-search-input:focus{outline:none;border-color:var(--color-primary)}.status-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.status-tag.optimal{background:var(--color-success-bg);color:var(--color-success)}.status-tag.warning{background:var(--color-warning-bg);color:var(--color-warning)}.status-tag.danger{background:var(--color-danger-bg);color:var(--color-danger)}@media(max-width:1024px){.filters-row{flex-direction:column;align-items:stretch;gap:var(--space-3)}.filter-badge-header{border-right:none;border-bottom:1px solid var(--color-border-light);padding-right:0;padding-bottom:var(--space-2);width:100%}.custom-dates-box{margin-left:0;padding-left:0;border-left:none;border-top:1px solid var(--color-border-light);padding-top:var(--space-3);width:100%}.reports-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.reports-page-container{gap:var(--space-4)}.reports-header-actions{width:100%}.reports-header-actions button{flex:1}.reports-stats-grid{grid-template-columns:1fr}.chart-view-tabs{width:100%}.chart-view-tab{flex:1;justify-content:center}.table-search-input{width:100%}}@media print{.no-print,.chart-view-tabs,.chart-controls-bar,.table-search-input{display:none!important}.reports-page-container{padding:0;gap:var(--space-4)}.chart-suite-card,.detail-table-card,.reports-filters-card{box-shadow:none!important;border:1px solid #ccc!important;break-inside:avoid;page-break-inside:avoid}.charts-dual-grid{grid-template-columns:1fr 1fr!important}}.total-hours-container{display:flex;flex-direction:column;gap:var(--space-6);padding-bottom:var(--space-10)}.total-hours-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.total-hours-filters-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-4);transition:box-shadow var(--transition-normal)}.total-hours-filters-card:hover{box-shadow:var(--shadow-md)}.total-hours-filter-row{display:flex;gap:var(--space-4);align-items:flex-end;flex-wrap:wrap}.total-hours-badge-header{display:flex;align-items:center;gap:var(--space-2);padding-right:var(--space-4);border-right:1px solid var(--color-border);min-width:140px}.total-hours-badge-header span{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;line-height:1.2}.total-hours-time-pills{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.total-hours-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.total-hours-table-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:var(--space-4)}.total-hours-table-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border-light)}.total-hours-table-title{display:flex;align-items:center;gap:var(--space-2)}.total-hours-table-title h3{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0}.total-hours-controls{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.search-field-wrapper{position:relative;min-width:240px}.search-field-input{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-8);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);font-size:var(--font-size-xs);transition:border-color var(--transition-fast)}.search-field-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #1565c026}.search-field-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:var(--color-text-tertiary);pointer-events:none}.group-row{cursor:pointer;transition:background-color var(--transition-fast);font-weight:var(--font-weight-bold)}.group-row:hover{background-color:var(--color-surface-hover)!important}.group-row-title{display:flex;align-items:center;gap:var(--space-2);color:var(--color-primary-dark)}.group-chevron{transition:transform var(--transition-fast);color:var(--color-primary)}.group-chevron.open{transform:rotate(90deg)}.worker-sub-row{background-color:#1565c005!important;transition:background-color var(--transition-fast)}.worker-sub-row:hover{background-color:#1565c00f!important}.worker-indent-cell{padding-left:var(--space-8)!important;display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-regular)}.worker-dot{width:6px;height:6px;border-radius:50%;background:var(--color-primary-light)}.table-bar-cell{width:140px}.mini-progress-track{height:8px;background:var(--color-border-light);border-radius:var(--radius-full);overflow:hidden;display:flex}.mini-progress-normal{background:#1565c0;height:100%}.mini-progress-overtime{background:#e65100;height:100%}.totals-footer-row{background:linear-gradient(135deg,#1565c0,#0d47a1)!important;color:#fff!important;font-weight:var(--font-weight-bold);border-radius:0 0 var(--radius-lg) var(--radius-lg)}.totals-footer-row td{color:#fff!important;border:none!important}@media(max-width:1024px){.total-hours-filter-row{flex-direction:column;align-items:stretch;gap:var(--space-3)}.total-hours-badge-header{border-right:none;border-bottom:1px solid var(--color-border-light);padding-right:0;padding-bottom:var(--space-2);width:100%}.total-hours-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.total-hours-container{gap:var(--space-4)}.total-hours-actions{width:100%}.total-hours-actions button{flex:1}.total-hours-stats-grid{grid-template-columns:1fr}.total-hours-controls{width:100%;flex-direction:column;align-items:stretch}.search-field-wrapper{width:100%}}@media print{.no-print,.total-hours-controls,.search-field-wrapper{display:none!important}.total-hours-container{padding:0;gap:var(--space-4)}.total-hours-table-card,.total-hours-filters-card{box-shadow:none!important;border:1px solid #ccc!important;break-inside:avoid;page-break-inside:avoid}}.employee-report-container{display:flex;flex-direction:column;gap:var(--space-5);padding-bottom:var(--space-10);width:100%;max-width:100%;box-sizing:border-box}.employee-report-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4);width:100%}.employee-report-actions{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.employee-report-filters{display:flex;flex-direction:column;gap:var(--space-3);width:100%}.filter-section-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);width:100%;box-sizing:border-box}.filter-section-card:hover{box-shadow:var(--shadow-md)}.filter-section-row{display:flex;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;width:100%}.filter-badge-header{display:flex;align-items:center;gap:var(--space-2);padding-right:var(--space-4);border-right:1px solid var(--color-border);min-width:140px;flex-shrink:0}.filter-badge-header span{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;line-height:1.2}.filter-controls-group{display:flex;flex:1;gap:var(--space-3);flex-wrap:wrap;min-width:260px}.filter-control-item{flex:1 1 160px;min-width:140px}.time-pills-wrapper{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;flex:1}.payroll-week-panel{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,#1565c00d,#00b0ff14);border:1px solid rgba(21,101,192,.18);border-radius:var(--radius-lg);margin-top:var(--space-3);flex-wrap:wrap;width:100%}.payroll-week-info{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.payroll-week-badge{display:inline-flex;align-items:center;gap:8px;background:var(--color-surface);border:1px solid var(--color-primary-light);color:var(--color-primary-dark);padding:6px 14px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-xs)}.payroll-week-nav{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.custom-date-inputs{display:flex;align-items:flex-end;gap:var(--space-3);margin-left:auto;padding-left:var(--space-4);border-left:1px solid var(--color-border);flex-wrap:wrap}.report-table-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden;width:100%;box-sizing:border-box}.table-responsive-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.report-table{width:100%;min-width:960px;border-collapse:collapse}.report-table th{background-color:var(--color-surface-hover);padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid var(--color-border)}.report-table td{padding:var(--space-3) var(--space-4);font-size:var(--font-size-sm);border-bottom:1px solid var(--color-border-light);color:var(--color-text-primary)}.report-table tr:hover td{background-color:var(--color-surface-hover)}.grand-total-row{background:linear-gradient(135deg,#ecc94b,#d69e2e)!important;color:#744210!important;font-weight:var(--font-weight-bold)}.grand-total-row td{color:#744210!important;border:none!important}.report-pagination-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);flex-wrap:wrap;gap:var(--space-3);background:var(--color-surface)}.pagination-controls{display:flex;align-items:center;gap:var(--space-2)}.pagination-btn{padding:6px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:var(--color-primary-bg);border-color:var(--color-primary-light);color:var(--color-primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1024px){.filter-section-row{flex-direction:column;align-items:stretch;gap:var(--space-3)}.filter-badge-header{border-right:none;border-bottom:1px solid var(--color-border-light);padding-right:0;padding-bottom:var(--space-2);width:100%}.custom-date-inputs{margin-left:0;padding-left:0;border-left:none;border-top:1px solid var(--color-border-light);padding-top:var(--space-3);width:100%}}@media(max-width:768px){.employee-report-container{gap:var(--space-4)}.employee-report-actions{width:100%}.employee-report-actions button{flex:1}.filter-section-card{padding:var(--space-3)}.filter-control-item{flex:1 1 100%;min-width:100%}.time-pills-wrapper{width:100%}.time-pills-wrapper button{flex:1;font-size:var(--font-size-xs);padding:6px 8px}.report-pagination-bar{flex-direction:column;align-items:center;gap:var(--space-3)}}.other-reports-container{display:flex;flex-direction:column;gap:var(--space-4);padding-bottom:var(--space-8)}.reports-tab-nav{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.report-tab-button{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background-color:var(--color-surface);border:1.5px solid var(--color-border);cursor:pointer;transition:all .2s ease;text-align:left}.report-tab-button:hover{border-color:var(--color-primary);background-color:var(--color-surface-hover);transform:translateY(-1px)}.report-tab-button.active{background-color:var(--color-primary-bg, #EFF6FF);border-color:var(--color-primary, #1E3A8A);box-shadow:0 2px 8px #1e3a8a1f}.report-tab-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background-color:var(--color-surface-hover);color:var(--color-text-secondary);flex-shrink:0;transition:all .2s ease}.report-tab-button.active .report-tab-icon{background-color:var(--color-primary, #1E3A8A);color:#fff}.report-tab-content{display:flex;flex-direction:column;min-width:0}.report-tab-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-tab-button.active .report-tab-title{color:var(--color-primary, #1E3A8A);font-weight:var(--font-weight-bold)}.report-tab-subtitle{font-size:11px;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reports-filter-bar{display:flex;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);align-items:center}.reports-filter-item{flex:1 1 180px;min-width:160px}.report-sheet-wrapper{display:flex;justify-content:center;background-color:#e2e8f0;padding:var(--space-6);border-radius:var(--radius-lg);overflow-x:auto}.report-sheet{background-color:#fff;color:#0f172a;width:100%;max-width:1020px;min-height:1100px;padding:40px 48px;box-shadow:0 10px 30px #00000026;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:12px;line-height:1.4;box-sizing:border-box}.sheet-header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.sheet-company-title{font-size:18px;font-weight:800;font-style:italic;letter-spacing:-.5px;color:#0f172a;line-height:1.1}.sheet-company-rif{font-size:12px;font-weight:700;font-style:italic;color:#334155;margin-top:2px}.sheet-header-line{height:2px;background-color:#1e3a8a;width:140px;margin-top:4px}.sheet-header-date{font-size:11px;font-weight:700;color:#1e293b;text-align:right;text-transform:capitalize}.sheet-main-title{text-align:center;font-size:17px;font-weight:800;font-style:italic;color:#1e3a8a;margin:14px 0 6px;letter-spacing:-.2px}.sheet-title-divider{height:1px;background-color:#94a3b8;margin-bottom:12px}.sheet-meta-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;color:#0f172a;margin-bottom:10px;padding:0 4px}.sheet-meta-box{display:inline-flex;align-items:center;gap:8px;border:1.5px solid #000000;padding:3px 12px;background-color:#fff}.sheet-meta-box-inner{font-weight:800;font-size:13px}.sheet-hours-summary-box{border:1.5px solid #000000;background-color:#fff;padding:3px 8px;display:inline-grid;grid-template-columns:repeat(4,55px);gap:4px;text-align:center;font-size:10px}.sheet-hours-summary-box .col-header{font-weight:700;border-bottom:1px solid #94a3b8;padding-bottom:1px}.sheet-hours-summary-box .col-value{font-weight:800;padding-top:2px}.sheet-bar{background-color:#e2e8f0;color:#0f172a;font-weight:700;padding:4px 8px;font-size:11px;margin-top:10px;border-radius:2px}.sheet-bar-dark{background-color:#cbd5e1;color:#0f172a;font-weight:800;padding:4px 8px;font-size:11px;margin-top:10px}.sheet-bar-blue-text{color:#1e3a8a;font-weight:700;font-style:italic}.sheet-table{width:100%;border-collapse:collapse;font-size:11px;margin-top:4px}.sheet-table th{padding:5px 6px;font-weight:700;border-bottom:1px solid #94A3B8;background-color:#f8fafc;text-align:left;font-size:10.5px}.sheet-table td{padding:3.5px 6px;border-bottom:1px dashed #E2E8F0;color:#1e293b}.sheet-table tr:hover td{background-color:#f1f5f9}.sheet-table td.text-right,.sheet-table th.text-right{text-align:right}.sheet-table td.text-center,.sheet-table th.text-center{text-align:center}.sheet-table td.font-bold{font-weight:700}.sheet-subtotal-row{background-color:#e2e8f0!important;font-weight:800!important;color:#0f172a!important}.sheet-subtotal-row td{border-bottom:1px solid #CBD5E1!important;font-weight:800!important}.sheet-badge-box{display:inline-block;border:1px solid #000000;padding:1px 8px;font-weight:800;font-size:11px;background-color:#fff}.sheet-checkbox{display:inline-block;width:14px;height:14px;border:1.5px solid #475569;border-radius:2px;background-color:#fff;vertical-align:middle}.sheet-empty{text-align:center;padding:60px 20px;color:#64748b;font-style:italic;font-size:13px}.sheet-footer{margin-top:40px;padding-top:16px;border-top:1px solid #CBD5E1}.sheet-signatures-row{display:flex;justify-content:space-around;margin-bottom:24px}.sheet-signature-block{text-align:center;width:200px}.sheet-signature-line{height:1px;background-color:#000;margin-bottom:6px}.sheet-signature-title{font-size:10px;font-weight:700;color:#334155;text-transform:uppercase}.sheet-bottom-meta{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#64748b}@media print{body{background:#fff!important}.no-print,.page-header,.reports-tab-nav,.reports-filter-bar,.sidebar,.navbar,header{display:none!important}.report-sheet-wrapper{background-color:#fff!important;padding:0!important}.report-sheet{box-shadow:none!important;max-width:100%!important;width:100%!important;padding:0!important;margin:0!important}}.settings-header-wrapper{margin-bottom:var(--space-6)}.settings-tab-nav{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-4);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2);overflow-x:auto}.settings-tab-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;border-radius:var(--radius-md) var(--radius-md) 0 0;cursor:pointer;transition:all .2s ease;white-space:nowrap}.settings-tab-btn:hover{color:var(--color-text-primary);background:var(--color-hover)}.settings-tab-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:var(--color-surface);font-weight:var(--font-weight-semibold)}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.settings-single-col{display:flex;flex-direction:column;gap:var(--space-5)}@media(max-width:1024px){.settings-grid{grid-template-columns:1fr}}.settings-card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);box-shadow:var(--shadow-sm);padding:var(--space-6);position:relative;transition:box-shadow .2s ease}.settings-card:hover{box-shadow:var(--shadow-md)}.settings-card.highlight-vps{border-top:3px solid var(--color-primary)}.settings-card.danger-zone-card{border:1px solid rgba(239,68,68,.3);background:linear-gradient(to bottom,var(--color-surface),rgba(239,68,68,.02))}.settings-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-4);gap:var(--space-3);flex-wrap:wrap}.settings-card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;display:flex;align-items:center;gap:var(--space-2)}.settings-card-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--space-5);line-height:1.5}.license-status{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-5)}.license-status.active{background:var(--color-success-bg, rgba(16, 185, 129, .1))}.license-status.inactive{background:var(--color-danger-bg, rgba(239, 68, 68, .1))}.license-detail{display:flex;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--color-border-light);font-size:var(--font-size-sm)}.license-detail:last-child{border-bottom:none}.license-detail-label{color:var(--color-text-secondary)}.license-detail-value{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.copy-hwid-box{display:flex;align-items:center;justify-content:space-between;background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);margin:var(--space-3) 0 var(--space-4) 0}.hwid-code-text{font-family:monospace;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);letter-spacing:.08em;-webkit-user-select:all;user-select:all}.copy-hwid-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:4px 10px;font-size:var(--font-size-xs);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.copy-hwid-btn:hover{background:var(--color-surface);color:var(--color-primary);border-color:var(--color-primary)}.copy-hwid-btn.copied{color:var(--color-success);border-color:var(--color-success);background:var(--color-success-bg, rgba(16, 185, 129, .1))}.db-config-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.db-config-fields .form-group{display:flex;flex-direction:column;gap:var(--space-1)}.db-config-fields .form-group label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.db-config-fields .full-width{grid-column:span 2}.field-error-text{color:var(--color-danger);font-size:var(--font-size-xs);margin-top:2px}.maintenance-actions{display:flex;flex-direction:column;gap:var(--space-4)}.maintenance-box{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--color-background);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);gap:var(--space-4)}.maintenance-info strong{display:block;font-size:var(--font-size-base);color:var(--color-text-primary)}.maintenance-info p{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:2px}.upload-btn-wrapper{position:relative;overflow:hidden;display:inline-block}.upload-btn-wrapper input[type=file]{position:absolute;left:0;top:0;opacity:0;cursor:pointer;width:100%;height:100%}@media(max-width:640px){.db-config-fields .full-width,.db-config-fields .form-group{grid-column:span 2}.maintenance-box{flex-direction:column;align-items:flex-start}}.audit-log-container{display:flex;flex-direction:column;gap:var(--space-5, 20px)}.audit-header-panel{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4, 16px);padding-bottom:var(--space-5, 20px);border-bottom:1px solid var(--color-border);flex-wrap:wrap}.audit-header-left{display:flex;align-items:center;gap:var(--space-4, 16px)}.audit-header-icon-box{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-lg, 12px);background:linear-gradient(135deg,#0284c7,#0f172a);color:#fff;box-shadow:0 4px 14px #0284c752;flex-shrink:0}.audit-header-titles h1{font-size:var(--font-size-2xl, 24px);font-weight:700;color:var(--color-text);margin:0;line-height:1.2}.audit-header-titles p{font-size:var(--font-size-sm, 14px);color:var(--color-text-light);margin:4px 0 0}.audit-header-actions{display:flex;align-items:center;gap:var(--space-3, 12px);flex-wrap:wrap}.audit-security-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#10b98114;border:1px solid rgba(16,185,129,.25);border-radius:var(--radius-full, 9999px);font-size:12.5px;font-weight:600;color:#059669}.audit-security-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 2px #10b98140}.audit-kpis-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4, 16px)}@media(max-width:1200px){.audit-kpis-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.audit-kpis-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.audit-kpis-grid{grid-template-columns:1fr}}.audit-filters-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg, 12px);padding:18px 20px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:14px}.audit-filters-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr auto;gap:12px;align-items:flex-end}@media(max-width:1100px){.audit-filters-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){.audit-filters-grid{grid-template-columns:1fr}}.audit-search-wrapper{position:relative;display:flex;align-items:center}.audit-search-icon{position:absolute;left:12px;color:var(--color-text-light);pointer-events:none}.audit-search-input{width:100%;padding:8px 12px 8px 38px;border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);background:var(--color-surface);color:var(--color-text);font-size:13.5px;font-family:inherit;transition:all .15s ease}.audit-search-input:focus{outline:none;border-color:#0284c7;box-shadow:0 0 0 3px #0284c726}.audit-table-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg, 12px);box-shadow:var(--shadow-sm);overflow:hidden}.audit-table-toolbar{padding:14px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border);background:var(--color-surface-hover, rgba(0, 0, 0, .02));flex-wrap:wrap;gap:12px}.audit-table-stats{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--color-text-light)}.audit-table-stats strong{color:var(--color-text)}.audit-table-scroll{overflow-x:auto;max-width:100%}.audit-data-table{width:100%;border-collapse:collapse;min-width:1050px;font-size:13px}.audit-data-table th{padding:12px 14px;text-align:left;font-weight:600;font-size:11.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-light);background:var(--color-surface-hover, rgba(0, 0, 0, .02));border-bottom:1px solid var(--color-border);white-space:nowrap}.audit-data-table td{padding:12px 14px;border-bottom:1px solid var(--color-border);vertical-align:middle;color:var(--color-text)}.audit-data-table tr:last-child td{border-bottom:none}.audit-data-table tr:hover td{background-color:var(--color-surface-hover, rgba(0, 0, 0, .018))}.audit-timestamp-cell{display:flex;flex-direction:column;gap:2px;min-width:140px}.audit-timestamp-date{font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:6px}.audit-timestamp-time{font-size:11.5px;color:var(--color-text-light);font-variant-numeric:tabular-nums}.audit-user-cell{display:flex;align-items:center;gap:10px;min-width:160px}.audit-user-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#0284c7,#38bdf8);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0}.audit-user-info{display:flex;flex-direction:column}.audit-user-name{font-weight:600;color:var(--color-text)}.audit-user-role{font-size:11px;color:var(--color-text-light)}.audit-emp-cell{display:flex;align-items:center;gap:8px;font-weight:500;min-width:170px}.audit-emp-avatar{width:28px;height:28px;border-radius:50%;background:#6366f11f;color:#6366f1;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:11px;flex-shrink:0}.audit-date-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:var(--color-surface-hover, rgba(0, 0, 0, .03));border:1px solid var(--color-border);border-radius:var(--radius-sm, 4px);font-size:12px;font-weight:600;color:var(--color-text);white-space:nowrap}.audit-details-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:#f59e0b0f;border:1px solid rgba(245,158,11,.22);border-radius:var(--radius-sm, 6px);font-size:12px;color:var(--color-text);max-width:320px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audit-details-pill strong{color:#d97706}.audit-pagination-wrapper{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-top:1px solid var(--color-border);background:var(--color-surface);flex-wrap:wrap;gap:12px;font-size:13px;color:var(--color-text-light)}.audit-pagination-controls{display:flex;align-items:center;gap:6px}.audit-page-btn{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 8px;border-radius:var(--radius-md, 6px);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:12.5px;font-weight:500;cursor:pointer;transition:all .15s ease}.audit-page-btn:hover:not(:disabled){background:var(--color-surface-hover, rgba(0, 0, 0, .04));border-color:#0284c7;color:#0284c7}.audit-page-btn.active{background:#0284c7;border-color:#0284c7;color:#fff;font-weight:700}.audit-page-btn:disabled{opacity:.4;cursor:not-allowed}.audit-forensic-modal{display:flex;flex-direction:column;gap:18px}.audit-forensic-header{padding:14px 18px;background:#0284c70f;border:1px solid rgba(2,132,199,.2);border-radius:var(--radius-md, 8px);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.audit-forensic-hash{font-family:monospace;font-size:12px;color:var(--color-text-light);background:var(--color-surface);padding:3px 8px;border-radius:4px;border:1px solid var(--color-border)}.audit-forensic-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:600px){.audit-forensic-grid{grid-template-columns:1fr}}.audit-forensic-card{padding:12px 14px;background:var(--color-surface-hover, rgba(0, 0, 0, .02));border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);display:flex;flex-direction:column;gap:4px}.audit-forensic-card label{font-size:11.5px;text-transform:uppercase;letter-spacing:.03em;font-weight:600;color:var(--color-text-light)}.audit-forensic-card span{font-size:13.5px;font-weight:600;color:var(--color-text)}.audit-forensic-diff{padding:14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);display:flex;flex-direction:column;gap:8px}.audit-diff-row{display:flex;align-items:center;gap:10px;padding:6px 10px;background:#f59e0b0d;border-radius:6px;font-size:13px}.audit-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 20px;background:var(--color-surface)}.audit-empty-icon{width:60px;height:60px;border-radius:50%;background:#0284c714;color:#0284c7;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.audit-empty-state h3{font-size:17px;font-weight:700;color:var(--color-text);margin:0 0 6px}.audit-empty-state p{font-size:14px;color:var(--color-text-light);max-width:440px;margin:0 0 16px;line-height:1.5}.tenant-detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeInModal .2s cubic-bezier(.16,1,.3,1)}@keyframes fadeInModal{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.tenant-detail-container{background:var(--color-surface, #ffffff);border-radius:var(--radius-xl, 16px);box-shadow:0 25px 50px -12px #00000059;border:1px solid var(--color-border, #e2e8f0);width:100%;max-width:860px;max-height:min(92vh,760px);display:flex;flex-direction:column;overflow:hidden;color:var(--color-text-primary, #0f172a);position:relative}.dark .tenant-detail-container{background:#0f172a;border-color:#334155;color:#f8fafc}.tenant-detail-header{padding:clamp(.85rem,2vw,1.25rem) clamp(1rem,2.5vw,1.75rem);background:var(--color-surface-subtle, #f8fafc);border-bottom:1px solid var(--color-border, #e2e8f0);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:12px}.dark .tenant-detail-header{background:#1e293b;border-color:#334155}.tenant-detail-title-group{display:flex;align-items:center;gap:12px}.tenant-detail-icon-pill{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #2563eb4d}.tenant-detail-header h2{font-size:1.25rem;font-weight:700;margin:0;line-height:1.2}.tenant-detail-badges{display:flex;align-items:center;gap:8px;margin-top:4px}.tenant-close-btn{background:transparent;border:none;font-size:1.5rem;color:var(--color-text-secondary, #64748b);cursor:pointer;padding:6px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.tenant-close-btn:hover{background:#0000000d;color:var(--color-text-primary, #0f172a)}.dark .tenant-close-btn:hover{background:#ffffff1a;color:#fff}.tenant-tabs-nav{display:flex;background:var(--color-surface-subtle, #f1f5f9);padding:6px clamp(.75rem,2vw,1.75rem);border-bottom:1px solid var(--color-border, #e2e8f0);gap:8px;flex-shrink:0;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.dark .tenant-tabs-nav{background:#1e293b;border-color:#334155}.tenant-tab-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600;border-radius:8px;border:none;background:transparent;color:var(--color-text-secondary, #64748b);cursor:pointer;transition:all .2s ease;flex-shrink:0}.tenant-tab-btn.active{background:#fff;color:#2563eb;box-shadow:0 2px 6px #00000014}.dark .tenant-tab-btn.active{background:#0f172a;color:#60a5fa;box-shadow:0 2px 6px #0000004d}.tenant-detail-body{padding:clamp(1rem,2.5vw,1.75rem);overflow-y:auto;flex:1 1 auto;min-height:0;overscroll-behavior:contain}.tenant-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.tenant-form-group{display:flex;flex-direction:column;gap:6px}.tenant-form-group label{font-size:.85rem;font-weight:600;color:var(--color-text-secondary, #64748b)}.tenant-form-group input,.tenant-form-group select{padding:10px 14px;border-radius:8px;border:1px solid var(--color-border, #cbd5e1);background:var(--color-surface, #ffffff);color:inherit;font-size:.95rem;transition:border-color .15s ease}.dark .tenant-form-group input,.dark .tenant-form-group select{background:#1e293b;border-color:#475569}.tenant-form-group input:focus,.tenant-form-group select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.membership-hero-card{border-radius:14px;padding:1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 4px 15px #0000000d}.membership-hero-card.activa{background:linear-gradient(135deg,#10b9811a,#05966926);border:1px solid #10b981}.membership-hero-card.por_vencer{background:linear-gradient(135deg,#f59e0b1a,#d9770626);border:1px solid #f59e0b}.membership-hero-card.expirada{background:linear-gradient(135deg,#ef44441f,#b91c1c2e);border:1px solid #ef4444}.membership-hero-info h3{margin:0 0 6px;font-size:1.15rem;font-weight:700}.membership-hero-meta{display:flex;align-items:center;gap:14px;font-size:.9rem;color:var(--color-text-secondary, #64748b);flex-wrap:wrap}.membership-renew-box{background:var(--color-surface-subtle, #f8fafc);border:1px solid var(--color-border, #e2e8f0);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem}.dark .membership-renew-box{background:#1e293b;border-color:#334155}.tenant-users-table{width:100%;min-width:580px;border-collapse:collapse;font-size:.9rem}.tenant-users-table th{text-align:left;padding:10px 14px;background:var(--color-surface-subtle, #f8fafc);border-bottom:2px solid var(--color-border, #e2e8f0);color:var(--color-text-secondary, #64748b);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.dark .tenant-users-table th{background:#1e293b;border-color:#334155}.tenant-users-table td{padding:12px 14px;border-bottom:1px solid var(--color-border, #e2e8f0);vertical-align:middle}.dark .tenant-users-table td{border-color:#334155}.tenant-users-table tr:hover td{background:#2563eb0a}.btn-reset-key{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:.82rem;font-weight:600;border:1px solid #3b82f6;background:#3b82f614;color:#2563eb;cursor:pointer;transition:all .15s ease}.btn-reset-key:hover{background:#2563eb;color:#fff}.dark .btn-reset-key{border-color:#60a5fa;background:#60a5fa26;color:#93c5fd}.dark .btn-reset-key:hover{background:#3b82f6;color:#fff}.tenant-detail-footer{padding:clamp(.75rem,1.5vw,1rem) clamp(1rem,2.5vw,1.75rem);background:var(--color-surface-subtle, #f8fafc);border-top:1px solid var(--color-border, #e2e8f0);display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-shrink:0;flex-wrap:wrap}.dark .tenant-detail-footer{background:#1e293b;border-color:#334155}.reset-pass-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem}.reset-pass-box{background:var(--color-surface, #ffffff);border-radius:14px;padding:clamp(1rem,2.5vw,1.5rem);width:100%;max-width:440px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000004d;border:1px solid var(--color-border, #e2e8f0)}.dark .reset-pass-box{background:#0f172a;border-color:#334155}@media(max-width:640px){.tenant-detail-container{max-height:96vh;border-radius:12px}.tenant-detail-header{padding-right:48px}.tenant-close-btn{position:absolute;top:12px;right:12px}.tenant-detail-footer{justify-content:stretch}.tenant-detail-footer>*{flex:1 1 100%}.membership-hero-card{flex-direction:column;align-items:flex-start}}@media(max-height:700px){.tenant-detail-container{max-height:96vh}.tenant-detail-header{padding:8px 14px}.tenant-detail-icon-pill{width:34px;height:34px}.tenant-detail-body{padding:12px 14px}.tenant-detail-footer{padding:8px 14px}}.tenants-module{display:flex;flex-direction:column;gap:var(--space-4, 1rem);min-width:0;width:100%}.tenants-toolbar{display:flex;align-items:center;gap:12px;background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-lg, 12px);padding:clamp(10px,1.5vw,14px) clamp(12px,2vw,16px);flex-wrap:wrap;box-shadow:0 1px 3px #0000000d}.tenants-search-group{display:flex;align-items:center;gap:8px;flex:1 1 240px;min-width:200px;position:relative}.tenants-search-input{width:100%;padding:8px 12px 8px 36px;border-radius:var(--radius-md, 8px);border:1px solid var(--color-border, #cbd5e1);background:var(--color-surface-subtle, #f8fafc);color:inherit;font-size:.9rem;transition:all .15s ease;box-sizing:border-box}.tenants-search-input:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb1a}.tenants-search-icon{position:absolute;left:10px;color:var(--color-text-secondary, #64748b);pointer-events:none}.tenants-filter-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:2 1 auto;justify-content:flex-end}.tenants-filter-select{padding:8px 12px;border-radius:var(--radius-md, 8px);border:1px solid var(--color-border, #cbd5e1);background:var(--color-surface, #ffffff);color:inherit;font-size:.85rem;cursor:pointer;flex:1 1 140px;min-width:130px;box-sizing:border-box}.dark .tenants-filter-select{background:#1e293b;border-color:#475569}.tenants-card-container{background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-xl, 16px);overflow:hidden;box-shadow:0 4px 6px -1px #0000000d;width:100%}.tenants-card-header{padding:14px 20px;border-bottom:1px solid var(--color-border, #e2e8f0);display:flex;align-items:center;justify-content:space-between;background:var(--color-surface-subtle, #f8fafc);flex-wrap:wrap;gap:8px}.dark .tenants-card-header{background:#1e293b;border-color:#334155}.tenants-table-scroll{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.tenants-table{width:100%;min-width:780px;border-collapse:collapse;text-align:left;font-size:.9rem}.tenants-table th{padding:12px 16px;background:var(--color-surface-subtle, #f8fafc);color:var(--color-text-secondary, #64748b);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--color-border, #e2e8f0);white-space:nowrap}.dark .tenants-table th{background:#1e293b;border-color:#334155}.tenants-table td{padding:12px 16px;border-bottom:1px solid var(--color-border, #e2e8f0);vertical-align:middle}.dark .tenants-table td{border-color:#334155}.tenants-row{transition:background-color .15s ease}.tenants-row:hover{background-color:#2563eb08}.tenants-row.suspended{background-color:#ef44440a;border-left:4px solid #ef4444}.tenants-row.warning{border-left:4px solid #f59e0b}.tenants-row.active{border-left:4px solid #10b981}.api-pill{display:inline-flex;align-items:center;gap:6px;background:#0f172a0d;border:1px solid var(--color-border, #cbd5e1);padding:4px 8px;border-radius:6px;font-family:monospace;font-size:.78rem;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .api-pill{background:#ffffff0d;border-color:#475569}.tenants-cards-mobile{display:none;flex-direction:column;gap:12px;padding:12px}.tenant-mobile-card{border:1px solid var(--color-border, #e2e8f0);border-radius:12px;padding:14px;background:var(--color-surface, #ffffff);border-left:4px solid #10b981;display:flex;flex-direction:column;gap:8px}.dark .tenant-mobile-card{border-color:#334155;background:#1e293b}.tenant-mobile-card.suspended{border-left-color:#ef4444;background:#ef444408}.tenant-mobile-card.warning{border-left-color:#f59e0b}.tenant-mobile-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.tenant-mobile-card-title{font-weight:700;font-size:.95rem}.tenant-mobile-card-row{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:var(--color-text-secondary, #64748b);gap:8px;flex-wrap:wrap}.tenant-mobile-card-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;padding-top:8px;border-top:1px solid var(--color-border, #e2e8f0)}.tenant-mobile-card-actions>*{flex:1 1 calc(50% - 6px)}@media(max-width:1024px){.tenants-filter-group{justify-content:flex-start;flex:1 1 100%}.tenants-search-group{flex:1 1 100%}}@media(max-width:768px){.tenants-toolbar{flex-direction:column;align-items:stretch}.tenants-search-group,.tenants-filter-group{width:100%}.tenants-filter-select{flex:1 1 calc(50% - 4px)}.tenants-table-scroll{display:none}.tenants-cards-mobile{display:flex}}@media(max-width:480px){.tenants-filter-select{flex:1 1 100%}.tenant-mobile-card-actions>*{flex:1 1 100%}}.licenses-module{display:flex;flex-direction:column;gap:var(--space-5, 1.25rem)}.license-generator-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-4, 1rem)}.license-form-card{background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-xl, 16px);padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d}.license-presets-bar{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.license-preset-pill{padding:4px 10px;border-radius:6px;border:1px solid var(--color-border, #cbd5e1);background:var(--color-surface-subtle, #f8fafc);font-size:.78rem;cursor:pointer;transition:all .15s ease;font-weight:500}.license-preset-pill:hover,.license-preset-pill.active{background:#2563eb;border-color:#2563eb;color:#fff}.license-result-card{background:linear-gradient(135deg,#2563eb0f,#1e40af1a);border:1px solid #3b82f6;border-radius:var(--radius-xl, 16px);padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between}.license-key-display{background:#0f172a;color:#38bdf8;font-family:JetBrains Mono,Fira Code,monospace;font-size:1.15rem;font-weight:700;padding:14px 18px;border-radius:10px;border:1px solid #1e293b;letter-spacing:.05em;display:flex;align-items:center;justify-content:space-between;word-break:break-all;margin:12px 0}.licenses-history-card{background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-xl, 16px);overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.licenses-filter-bar{padding:12px 18px;background:var(--color-surface-subtle, #f8fafc);border-bottom:1px solid var(--color-border, #e2e8f0);display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.dark .licenses-filter-bar{background:#1e293b;border-color:#334155}.sentinel-module{display:flex;flex-direction:column;gap:var(--space-5, 1.25rem)}.sentinel-metrics-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.sentinel-metric-card{background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-xl, 16px);padding:1.25rem 1.5rem;box-shadow:0 4px 6px -1px #0000000d;display:flex;align-items:center;gap:16px}.sentinel-metric-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sentinel-metric-icon.red{background:#ef44441f;color:#ef4444}.sentinel-metric-icon.amber{background:#f59e0b1f;color:#f59e0b}.sentinel-metric-icon.blue{background:#2563eb1f;color:#2563eb}.sentinel-metric-val{font-size:1.75rem;font-weight:800;line-height:1.1;color:var(--color-text-primary, #0f172a)}.sentinel-metric-lbl{font-size:.8rem;color:var(--color-text-secondary, #64748b);margin-top:2px}.sentinel-top-ips-card{background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-xl, 16px);padding:1.25rem 1.5rem;box-shadow:0 4px 6px -1px #0000000d}.sentinel-ip-bar-row{display:flex;align-items:center;gap:12px;margin-top:8px;font-size:.85rem}.sentinel-progress-track{flex:1;height:8px;background:var(--color-surface-subtle, #f1f5f9);border-radius:4px;overflow:hidden}.sentinel-progress-fill{height:100%;background:linear-gradient(90deg,#ef4444,#f87171);border-radius:4px;transition:width .3s ease}.sentinel-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}.sentinel-block-card,.sentinel-blacklist-card{background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-xl, 16px);padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d}.sentinel-logs-card{background:var(--color-surface, #ffffff);border:1px solid var(--color-border, #e2e8f0);border-radius:var(--radius-xl, 16px);overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.sentinel-logs-header{padding:14px 20px;background:var(--color-surface-subtle, #f8fafc);border-bottom:1px solid var(--color-border, #e2e8f0);display:flex;align-items:center;justify-content:space-between}.dark .sentinel-logs-header{background:#1e293b;border-color:#334155}.plans-module{display:flex;flex-direction:column;gap:1.5rem;width:100%}.plans-header-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1rem 1.25rem}.plans-summary-chips{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.plan-summary-chip{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--color-surface-subtle);border-radius:8px;font-size:.85rem;font-weight:600;color:var(--color-text-secondary)}.plan-summary-chip strong{color:var(--color-text-primary);font-size:.95rem}.plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.plan-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;padding:1.25rem;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 4px 16px #0000000a;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative;overflow:hidden}.plan-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014;border-color:#2563eb66}.plan-card.inactive{opacity:.75;filter:grayscale(.2);border-style:dashed}.plan-card-accent-bar{position:absolute;top:0;left:0;right:0;height:4px}.plan-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;padding-top:4px}.plan-title-group{display:flex;flex-direction:column;gap:2px}.plan-name{margin:0;font-size:1.15rem;font-weight:700;color:var(--color-text-primary);display:flex;align-items:center;gap:8px}.plan-id-code{font-family:monospace;font-size:.75rem;color:var(--color-text-secondary);background:var(--color-surface-subtle);padding:2px 6px;border-radius:4px;width:fit-content}.plan-card-desc{font-size:.85rem;color:var(--color-text-secondary);line-height:1.4;margin:0 0 1rem;min-height:2.8rem}.plan-limits-box{background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:10px;padding:12px;margin-bottom:1rem;display:flex;flex-direction:column;gap:8px}.plan-limit-row{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.plan-limit-label{display:flex;align-items:center;gap:8px;color:var(--color-text-secondary)}.plan-limit-val{font-weight:700;font-size:.95rem;color:var(--color-text-primary);background:var(--color-surface);padding:2px 8px;border-radius:6px;border:1px solid var(--color-border)}.plan-pricing-box{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;margin-bottom:1rem;border-bottom:1px solid var(--color-border)}.plan-pricing-box.plan-pricing-box-triple{flex-direction:column;gap:5px;padding:10px 12px;border-radius:10px;background:var(--color-surface-subtle);border:1px solid var(--color-border);margin-bottom:1rem}.plan-pricing-row{display:flex;justify-content:space-between;align-items:center;font-size:.82rem;width:100%}.plan-price-label{color:var(--color-text-secondary);font-weight:500}.plan-price-sub{font-size:.86rem}.plan-price-main{font-size:1.15rem;font-weight:800;color:var(--color-text-primary)}.plan-price-period{font-size:.8rem;font-weight:500;color:var(--color-text-secondary)}.plan-card-actions{display:flex;gap:8px;align-items:center;justify-content:space-between;padding-top:.5rem}.plan-toggle-switch{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.8rem;font-weight:600}.plan-switch-pill{width:38px;height:20px;background:#cbd5e1;border-radius:20px;position:relative;transition:background-color .25s ease;flex-shrink:0}.plan-switch-pill.active{background:#10b981}.plan-switch-dot{width:14px;height:14px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:transform .25s ease;box-shadow:0 1px 3px #0000004d}.plan-switch-pill.active .plan-switch-dot{transform:translate(18px)}.plan-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1.25rem}.plan-modal-box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px;width:100%;max-width:540px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 40px #0003;padding:1.5rem}.plan-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--color-border)}.plan-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.plan-form-group{display:flex;flex-direction:column;gap:4px}.plan-form-group.full-width{grid-column:span 2}.plan-form-group label{font-size:.82rem;font-weight:700;color:var(--color-text-primary)}.plan-color-presets{display:flex;gap:8px;align-items:center;margin-top:4px}.color-swatch{width:24px;height:24px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.color-swatch.active{border-color:var(--color-text-primary);transform:scale(1.15)}@media(max-width:640px){.plan-form-grid{grid-template-columns:1fr}.plan-form-group.full-width{grid-column:span 1}.plans-grid{grid-template-columns:1fr}}.plan-modal-box--v2{max-width:980px;width:96vw;height:88vh;max-height:90vh;padding:0;overflow:hidden;display:flex;flex-direction:column;border-radius:16px;box-shadow:0 25px 50px -12px #00000059}@media(max-height:750px){.plan-modal-box--v2{height:92vh;max-height:94vh}}.plan-modal-header--v2{margin:0;padding:1rem 1.5rem;border-bottom:1px solid var(--color-border);background:linear-gradient(180deg,var(--color-surface) 0%,var(--color-surface-subtle) 100%);flex-shrink:0}.plan-modal-header-title{display:flex;align-items:flex-start;gap:12px}.plan-modal-header-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;flex-shrink:0}.plan-modal-header-title h3{margin:0;font-size:1.1rem;font-weight:700;color:var(--color-text-primary)}.plan-modal-header-title p{margin:2px 0 0;font-size:.8rem;color:var(--color-text-secondary)}.plan-modal-close-btn{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);transition:background-color .15s ease,color .15s ease,transform .15s ease}.plan-modal-close-btn:hover{background:#fef2f2;color:#ef4444;transform:scale(1.05)}.plan-modal-form-wrapper{display:flex;flex-direction:column;flex:1;min-height:0;height:calc(100% - 60px);overflow:hidden}.plan-modal-body{display:flex;flex:1;min-height:0;overflow:hidden}.plan-modal-form-col{flex:1.45 1 0%;height:100%;padding:1.15rem 1.4rem;overflow-y:scroll;overflow-x:hidden;display:flex;flex-direction:column;gap:.9rem;border-right:1px solid var(--color-border);min-width:0;scrollbar-width:thin;scrollbar-color:var(--color-primary, #2563eb) #e2e8f0}.plan-modal-form-col::-webkit-scrollbar{width:8px}.plan-modal-form-col::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.plan-modal-form-col::-webkit-scrollbar-thumb{background:var(--color-primary, #2563eb);border-radius:4px}.plan-modal-form-col::-webkit-scrollbar-thumb:hover{background:#1d4ed8}.plan-modal-preview-col{flex:1 1 0%;height:100%;background:var(--color-surface-subtle);padding:1.15rem;overflow-y:auto;overflow-x:hidden;min-width:0;scrollbar-width:thin}.plan-preview-sticky{position:sticky;top:0}.plan-preview-label{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--color-text-secondary);margin-bottom:.65rem}.plan-preview-card{cursor:default;box-shadow:0 10px 30px #00000014}.plan-preview-card:hover{transform:none}.plan-preview-hint{margin:.65rem 0 0;font-size:.75rem;color:var(--color-text-secondary);text-align:center;line-height:1.35}.plan-form-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;flex-shrink:0;transition:border-color .2s ease,box-shadow .2s ease}.plan-form-section:hover{border-color:#2563eb40}.plan-form-section-header{display:flex;align-items:center;gap:8px;padding:.65rem 1rem;background:var(--color-surface-subtle);border-bottom:1px solid var(--color-border);font-size:.82rem;font-weight:700;color:var(--color-text-primary);border-top-left-radius:11px;border-top-right-radius:11px}.plan-form-section-body{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:.9rem}.plan-form-section-body--limits{grid-template-columns:repeat(2,1fr)}.plan-form-group label{display:flex;align-items:center;gap:5px;font-size:.78rem;font-weight:700;color:var(--color-text-primary)}.plan-color-presets{display:flex;gap:8px;align-items:center;margin-top:5px;flex-wrap:wrap}.color-swatch{width:28px;height:28px;border-radius:50%;border:2px solid #ffffff;box-shadow:0 0 0 1px #00000040;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;padding:0;flex-shrink:0}.color-swatch:hover{transform:scale(1.14)}.color-swatch.active{border-color:#fff;transform:scale(1.2);box-shadow:0 0 0 3px var(--color-primary, #2563eb),0 2px 6px #00000040}.color-swatch-custom{width:28px;height:28px;border-radius:50%;border:2px dashed var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary);cursor:pointer;position:relative;overflow:hidden;transition:border-color .2s ease,transform .15s ease;flex-shrink:0;background:var(--color-surface)}.color-swatch-custom:hover{border-color:var(--color-primary, #2563eb);transform:scale(1.1)}.color-swatch-custom input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.plan-form-section-body--billing{grid-template-columns:repeat(2,1fr)}.plan-billing-tile--full{grid-column:1 / -1;flex-shrink:0}.plan-billing-tile{display:flex;flex-direction:column;gap:6px;padding:.75rem .85rem;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface-subtle);transition:border-color .2s ease,box-shadow .2s ease;flex-shrink:0}.plan-billing-tile:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.plan-billing-tile--lifetime{background:linear-gradient(135deg,#0596690f,#05966905);border-color:#05966940}.plan-billing-tile.disabled,.plan-billing-tile--lifetime.disabled{background:var(--color-surface-subtle);border-color:var(--color-border);opacity:.9}.plan-billing-tile--lifetime:focus-within{border-color:#059669;box-shadow:0 0 0 3px #0596691f}.plan-billing-tile-label{display:flex;align-items:center;gap:6px;font-size:.78rem;font-weight:700;color:var(--color-text-primary);flex-wrap:nowrap;white-space:nowrap}.plan-billing-tile--full .plan-billing-tile-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.plan-billing-tile--full .plan-billing-tile-input{flex:1 1 180px;min-width:160px}.plan-billing-tile--full .plan-billing-tile-hint{flex:1 1 180px;margin:0}.plan-savings-badge{margin-left:auto;font-size:.68rem;font-weight:700;color:#059669;background:#0596691f;padding:2px 7px;border-radius:999px;white-space:nowrap}.plan-lifetime-badge{margin-left:auto;font-size:.68rem;font-weight:700;color:#059669;background:#05966926;padding:2px 7px;border-radius:999px;white-space:nowrap}.plan-billing-tile-input{display:flex;align-items:center;gap:6px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:2px 8px}.plan-billing-tile-input .form-input{border:none;padding:6px 2px;font-weight:700;font-size:.95rem;flex:1;min-width:0}.plan-billing-tile-input .form-input:focus{outline:none;box-shadow:none}.plan-input-prefix{font-weight:700;color:var(--color-text-secondary)}.plan-input-suffix{font-size:.72rem;color:var(--color-text-secondary);white-space:nowrap}.plan-billing-tile-hint{font-size:.7rem;color:var(--color-text-secondary);line-height:1.35}.plan-modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:.85rem 1.5rem;border-top:1px solid var(--color-border);background:var(--color-surface);flex-shrink:0}@media(max-width:860px){.plan-modal-body{flex-direction:column;overflow-y:auto}.plan-modal-form-col,.plan-modal-preview-col{overflow-y:visible}.plan-modal-form-col{border-right:none;border-bottom:1px solid var(--color-border)}.plan-preview-sticky{position:static}}@media(max-width:640px){.plan-form-section-body{grid-template-columns:1fr}.plan-form-group.full-width{grid-column:span 1}.plan-form-section-body--billing{grid-template-columns:1fr}.plan-billing-tile--full .plan-billing-tile-row{flex-direction:column;align-items:stretch}}@media(max-height:700px){.plan-modal-box--v2{height:94vh;max-height:96vh}.plan-modal-header--v2{padding:.75rem 1.25rem}.plan-modal-header-icon{width:34px;height:34px}.plan-modal-header-title h3{font-size:1.05rem}.plan-modal-form-col{padding:.75rem 1.15rem;gap:.65rem}.plan-modal-preview-col{padding:.75rem 1rem}.plan-form-section-header{padding:.45rem .85rem}.plan-form-section-body,.plan-form-section-body--limits,.plan-form-section-body--billing{gap:7px;padding:.65rem}.plan-billing-tile{padding:.5rem .65rem;gap:4px}.plan-modal-footer{padding:.65rem 1.25rem}}.master-cloud-container{padding-bottom:var(--space-8)}.master-header-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#7c3aed,#4f46e5);color:#fff;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.05em;text-transform:uppercase}.master-metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(160px,20vw,220px),1fr));gap:clamp(.75rem,1.5vw,var(--space-4, 1rem));margin:var(--space-5, 1.25rem) 0}.master-metric-card{background:var(--color-surface, #ffffff);border:1px solid var(--color-border-light, #e2e8f0);border-radius:var(--radius-lg, 12px);padding:clamp(.75rem,1.5vw,1rem) clamp(.9rem,2vw,1.25rem);display:flex;align-items:center;gap:clamp(.75rem,1.5vw,1rem);box-shadow:var(--shadow-sm, 0 1px 2px rgba(0, 0, 0, .05));min-width:0}.master-metric-icon{width:clamp(38px,4vw,46px);height:clamp(38px,4vw,46px);border-radius:var(--radius-lg, 12px);display:flex;align-items:center;justify-content:center;flex-shrink:0}.master-metric-icon.purple{background:#7c3aed1f;color:#7c3aed}.master-metric-icon.green{background:#10b9811f;color:#10b981}.master-metric-icon.red{background:#ef44441f;color:#ef4444}.master-metric-icon.blue{background:#0284c71f;color:#0284c7}.master-metric-val{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.1}.master-metric-lbl{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:2px}.master-nav-tabs{display:flex;align-items:center;gap:var(--space-2);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-6);overflow-x:auto}.master-tab-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .2s ease;white-space:nowrap}.master-tab-btn:hover{color:var(--color-text-primary);background:var(--color-hover)}.master-tab-btn.active{color:#7c3aed;border-bottom-color:#7c3aed;font-weight:var(--font-weight-semibold)}.master-panel-card{background:var(--color-surface);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}.master-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);flex-wrap:wrap;gap:var(--space-3)}.master-panel-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-2);margin:0}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-semibold)}.status-pill.active{background:#10b9811f;color:#059669;border:1px solid rgba(16,185,129,.3)}.status-pill.suspended{background:#ef44441f;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.api-key-box{display:flex;align-items:center;gap:6px;font-family:monospace;font-size:12px;background:var(--color-background);padding:3px 8px;border-radius:var(--radius-sm);border:1px solid var(--color-border-light);max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copy-mini-btn{background:transparent;border:none;cursor:pointer;color:var(--color-text-secondary);display:flex;align-items:center;padding:2px}.copy-mini-btn:hover{color:var(--color-primary)}.license-showcase{margin-top:var(--space-5);padding:var(--space-5);background:linear-gradient(135deg,#7c3aed0a,#4f46e514);border:1px solid rgba(124,58,237,.25);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-3)}.license-key-big{font-family:monospace;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:#6d28d9;letter-spacing:.1em;background:#fff;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);border:1px dashed #7c3aed;text-align:center;-webkit-user-select:all;user-select:all}.security-tag{font-size:10px;font-weight:var(--font-weight-bold);padding:2px 7px;border-radius:var(--radius-sm);text-transform:uppercase}.security-tag.attack{background:#fee2e2;color:#b91c1c}.security-tag.block{background:#fef3c7;color:#b45309}.security-tag.info{background:#e0f2fe;color:#0369a1}@media(max-width:1024px){.master-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.master-metrics-grid{grid-template-columns:1fr;gap:.65rem}.master-metric-card{padding:.85rem}}.sales-module{display:flex;flex-direction:column;gap:1.5rem;width:100%}.sales-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.sales-stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.15rem;display:flex;align-items:center;gap:14px;box-shadow:0 1px 3px #0000000d;transition:transform .2s,box-shadow .2s}.sales-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.sales-stat-icon-wrapper{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sales-stat-content{display:flex;flex-direction:column}.sales-stat-value{font-size:1.4rem;font-weight:700;color:var(--color-text-primary);line-height:1.2}.sales-stat-label{font-size:.8rem;color:var(--color-text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.sales-tabs-nav{display:flex;gap:8px;border-bottom:2px solid var(--color-border);padding-bottom:2px;overflow-x:auto}.sales-tab-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border:none;background:transparent;color:var(--color-text-secondary);font-size:.92rem;font-weight:600;cursor:pointer;border-radius:8px 8px 0 0;transition:all .2s;white-space:nowrap}.sales-tab-btn:hover{color:var(--color-text-primary);background:var(--color-surface-subtle)}.sales-tab-btn.active{color:var(--color-primary, #2563eb);background:var(--color-surface);border-bottom:2px solid var(--color-primary, #2563eb);margin-bottom:-4px}.sales-badge-count{padding:2px 8px;border-radius:999px;font-size:.75rem;font-weight:700}.sales-badge-count.danger{background:#fee2e2;color:#b91c1c}.sales-badge-count.warning{background:#fef3c7;color:#b45309}.sales-badge-count.info{background:#e0e7ff;color:#3730a3}.sales-actions-bar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:.85rem 1.15rem}.sales-search-box{display:flex;align-items:center;gap:8px;background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:8px;padding:6px 12px;min-width:260px;flex:1;max-width:400px}.sales-search-box input{border:none;background:transparent;width:100%;font-size:.88rem;color:var(--color-text-primary);outline:none}.sales-table-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.sales-table-wrapper{overflow-x:auto;width:100%}.sales-table{width:100%;border-collapse:collapse;font-size:.88rem;text-align:left}.sales-table th{background:var(--color-surface-subtle);color:var(--color-text-secondary);font-weight:600;text-transform:uppercase;font-size:.74rem;letter-spacing:.5px;padding:12px 14px;border-bottom:1px solid var(--color-border)}.sales-table td{padding:12px 14px;border-bottom:1px solid var(--color-border);color:var(--color-text-primary);vertical-align:middle}.sales-table tbody tr:hover{background:var(--color-surface-subtle)}.sales-table tbody tr:last-child td{border-bottom:none}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.76rem;font-weight:600}.status-pill.pagado{background:#10b98126;color:#059669;border:1px solid rgba(16,185,129,.3)}.status-pill.pendiente{background:#f59e0b26;color:#d97706;border:1px solid rgba(245,158,11,.3)}.status-pill.vencido{background:#ef444426;color:#dc2626;border:1px solid rgba(239,68,68,.3)}.status-pill.permanente{background:#6366f126;color:#4f46e5;border:1px solid rgba(99,102,241,.3)}.reminders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:1.25rem}.reminder-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;justify-content:space-between;gap:12px;box-shadow:0 1px 3px #0000000d;border-left:5px solid}.reminder-card.expired{border-left-color:#ef4444}.reminder-card.warning{border-left-color:#f59e0b}.reminder-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.reminder-title{font-weight:700;font-size:1rem;color:var(--color-text-primary);margin-bottom:2px}.reminder-company{font-size:.82rem;color:var(--color-text-secondary)}.reminder-badge{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;gap:5px}.reminder-badge.expired{background:#fee2e2;color:#991b1b}.reminder-badge.warning{background:#fef3c7;color:#92400e}.reminder-details{background:var(--color-surface-subtle);border-radius:8px;padding:10px 12px;font-size:.82rem;display:flex;flex-direction:column;gap:6px}.reminder-detail-row{display:flex;justify-content:space-between;align-items:center}.reminder-detail-row strong{color:var(--color-text-primary)}.reminder-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:4px}.sales-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000008c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.sales-modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;width:100%;max-width:650px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 25px #0003;overflow:hidden}.sales-modal-header{padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.sales-modal-title{font-size:1.15rem;font-weight:700;color:var(--color-text-primary)}.sales-modal-body{padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.1rem}.sales-modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:10px;background:var(--color-surface-subtle)}.sales-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.sales-form-grid.single{grid-template-columns:1fr}.sales-form-group{display:flex;flex-direction:column;gap:6px}.sales-form-group.full-width{grid-column:span 2}.sales-form-group label{font-size:.82rem;font-weight:600;color:var(--color-text-primary)}.sales-form-group input,.sales-form-group select,.sales-form-group textarea{padding:8px 12px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-primary);font-size:.88rem;outline:none;transition:border-color .2s}.sales-form-group input:focus,.sales-form-group select:focus,.sales-form-group textarea:focus{border-color:var(--color-primary, #2563eb)}.sales-checkbox-card{background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:10px;padding:12px 16px;display:flex;align-items:flex-start;gap:12px;margin-top:4px}.sales-checkbox-card input[type=checkbox]{margin-top:3px;cursor:pointer}.sales-checkbox-label{display:flex;flex-direction:column}.sales-checkbox-title{font-weight:600;font-size:.88rem;color:var(--color-text-primary)}.sales-checkbox-desc{font-size:.78rem;color:var(--color-text-secondary)}.sales-empty-state{padding:3rem 1.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;color:var(--color-text-secondary)}.sales-empty-icon{width:56px;height:56px;border-radius:50%;background:var(--color-surface-subtle);display:flex;align-items:center;justify-content:center;color:var(--color-text-secondary)}@media(max-width:768px){.sales-form-grid{grid-template-columns:1fr}.sales-form-group.full-width{grid-column:span 1}.reminders-grid{grid-template-columns:1fr}}:root{--color-primary: #1565C0;--color-primary-light: #1E88E5;--color-primary-lighter: #42A5F5;--color-primary-dark: #0D47A1;--color-primary-bg: rgba(21, 101, 192, .08);--color-primary-bg-hover: rgba(21, 101, 192, .14);--color-surface: #FFFFFF;--color-surface-hover: #F7FAFC;--color-background: #F0F4F8;--color-border: #E2E8F0;--color-border-light: #EDF2F7;--color-text-primary: #1A202C;--color-text-secondary: #718096;--color-text-tertiary: #A0AEC0;--color-text-inverse: #FFFFFF;--color-success: #38A169;--color-success-bg: rgba(56, 161, 105, .1);--color-warning: #DD6B20;--color-warning-bg: rgba(221, 107, 32, .1);--color-danger: #E53E3E;--color-danger-bg: rgba(229, 62, 62, .1);--color-info: #3182CE;--color-info-bg: rgba(49, 130, 206, .1);--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .8125rem;--font-size-base: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .08), 0 4px 6px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .04);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--z-dropdown: 100;--z-sticky: 200;--z-sidebar: 300;--z-modal-overlay: 400;--z-modal: 500;--z-toast: 600;--sidebar-width: 240px;--sidebar-collapsed-width: 72px;--topbar-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--color-background);min-height:100vh}#root{min-height:100vh}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit}input,select,textarea{font-family:inherit;font-size:inherit;border:none;outline:none}ul,ol{list-style:none}table{border-collapse:collapse;width:100%}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-text-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.animate-slide-up{animation:slideInUp var(--transition-normal) ease-out}