:root{--primary: #0A66C2;--primary-dark: #004182;--secondary: #0B66C2;--success: #28a745;--danger: #dc3545;--warning: #ffc107;--info: #17a2b8;--light: #f3f2ef;--dark: #212529;--gray: #767676;--border: #e0e0e0;--bg: #ffffff;--radius: 4px;--shadow: 0 2px 8px rgba(0, 0, 0, .1)}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:14px;line-height:1.5;color:#000;background-color:#f3f2ef}.main-layout{display:flex;flex-direction:column;min-height:100vh}.header{background-color:var(--primary);color:#fff;padding:0;box-shadow:var(--shadow);position:sticky;top:0;z-index:100}.header-container{display:flex;justify-content:space-between;align-items:center;padding:1rem;max-width:1400px;margin:0 auto;width:100%}.header-left{display:flex;align-items:center;gap:1rem;flex:1}.header-logo h1{font-size:18px;font-weight:600;color:#fff;margin:0}.menu-toggle{display:none;background:transparent;border:none;color:#fff;font-size:20px;cursor:pointer}.header-user{display:flex;align-items:center;gap:1rem;font-size:12px}.user-email{font-weight:500}.user-role{background-color:#fff3;padding:.25rem .75rem;border-radius:var(--radius);font-size:11px;text-transform:uppercase}.logout-button{background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.5rem 1rem;border-radius:var(--radius);cursor:pointer;font-size:12px;transition:background-color .2s}.logout-button:hover{background-color:#ffffff4d}.logout-button:disabled{opacity:.6;cursor:not-allowed}.layout-container{display:flex;flex:1}.sidebar{width:250px;background-color:var(--bg);border-right:1px solid var(--border);padding:1.5rem 0;transition:transform .3s ease}.sidebar.closed{transform:translate(-100%)}.sidebar-nav{height:100%}.nav-list{list-style:none;padding:0;margin:0}.nav-link{display:block;padding:.75rem 1.5rem;color:#000;text-decoration:none;transition:background-color .2s,color .2s;border-left:3px solid transparent}.nav-link:hover{background-color:var(--light);color:var(--primary)}.nav-link.active{background-color:var(--light);color:var(--primary);border-left-color:var(--primary);font-weight:600}.main-content{flex:1;padding:2rem;overflow-y:auto}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%)}.login-card{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 16px #00000026;width:100%;max-width:400px}.login-title{text-align:center;font-size:24px;font-weight:700;color:var(--primary);margin-bottom:.5rem}.login-subtitle{text-align:center;color:var(--gray);margin-bottom:2rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-footer{text-align:center;margin-top:1.5rem;font-size:13px}.login-footer a{color:var(--primary);text-decoration:none}.login-footer a:hover{text-decoration:underline}.form{display:flex;flex-direction:column;gap:1.5rem;background:#fff;padding:1.5rem;border-radius:var(--radius);box-shadow:var(--shadow)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.form-input,.form-textarea{padding:.75rem;border:1px solid var(--border);border-radius:var(--radius);font-family:inherit;font-size:14px;transition:border-color .2s}.form-input:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #0a66c21a}.form-input:disabled,.form-textarea:disabled{background-color:var(--light);color:var(--gray)}.form-textarea{resize:vertical}.form-actions{display:flex;gap:1rem;margin-top:1rem;justify-content:flex-start}.btn-primary,.btn-secondary,.btn-small,.btn-danger{padding:.75rem 1.5rem;border:none;border-radius:var(--radius);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-primary{background-color:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-dark)}.btn-secondary{background-color:var(--light);color:#000;border:1px solid var(--border)}.btn-secondary:hover:not(:disabled){background-color:#e0dfdb}.btn-small{padding:.5rem 1rem;font-size:12px}.btn-danger{background-color:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background-color:#c82333}button:disabled{opacity:.6;cursor:not-allowed}.table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.table thead{background-color:var(--light)}.table th{padding:.75rem;text-align:left;font-weight:600;border-bottom:2px solid var(--border)}.table td{padding:.75rem;border-bottom:1px solid var(--border)}.table tbody tr:hover{background-color:#fafaf9}.badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.badge-activo{background-color:#e8f5e9;color:#2e7d32}.badge-en_juicio{background-color:#fff3e0;color:#e65100}.badge-terminado{background-color:#f3e5f5;color:#6a1b9a}.badge-archivado{background-color:#eceff1;color:#455a64}.badge-sentenciado{background-color:#fce4ec;color:#880e4f}.badge-en_remate{background-color:#ffe0b2;color:#e65100}.loading{text-align:center;padding:2rem;color:var(--gray)}.empty-state{text-align:center;padding:2rem;color:var(--gray);font-style:italic}.error-message{background-color:#ffebee;color:#c62828;padding:1rem;border-radius:var(--radius);border-left:4px solid #c62828;margin-bottom:1rem}.dashboard{max-width:1400px;margin:0 auto}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem}.kpi-card{background:#fff;padding:1.5rem;border-radius:var(--radius);box-shadow:var(--shadow);text-align:center}.kpi-label{font-size:12px;color:var(--gray);text-transform:uppercase;font-weight:600}.kpi-value{font-size:32px;font-weight:700;color:var(--primary);margin:.5rem 0}.kpi-description{font-size:12px;color:var(--gray)}.dashboard-section{background:#fff;padding:1.5rem;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:2rem}.dashboard-section h2{font-size:16px;margin-bottom:1rem;color:#000}.chart-container{padding:1rem}.simple-chart{display:flex;flex-direction:column;gap:1rem}.chart-bar-item{display:flex;align-items:center;gap:1rem}.chart-bar-item label{min-width:100px;font-weight:600;text-transform:uppercase;font-size:12px}.bar-container{flex:1;background-color:var(--light);border-radius:4px;overflow:hidden;min-height:30px}.bar{height:30px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:12px;transition:width .3s}.bar-activo{background-color:#2e7d32}.bar-en_juicio{background-color:#e65100}.bar-terminado{background-color:#6a1b9a}.bar-archivado{background-color:#455a64}.timeline{display:flex;gap:0;overflow-x:auto;padding:2rem 0}.timeline-item{flex:1;position:relative;min-width:150px;text-align:center}.timeline-dot{width:20px;height:20px;border-radius:50%;background-color:var(--light);border:2px solid var(--border);margin:0 auto 1rem;transition:all .3s}.timeline-item.completed .timeline-dot{background-color:var(--success);border-color:var(--success)}.timeline-item.active .timeline-dot{background-color:var(--primary);border-color:var(--primary);box-shadow:0 0 0 4px #0a66c21a}.timeline-label{font-size:11px;font-weight:600;color:var(--gray)}.avances-timeline{display:flex;flex-direction:column;gap:1rem}.avance-item{display:flex;gap:1rem;padding:1rem;border-left:3px solid var(--primary);background-color:var(--light);border-radius:var(--radius)}.avance-date{min-width:80px;font-weight:600;color:var(--primary)}.avance-content{flex:1}.avance-content h4{margin:0 0 .5rem;font-size:14px}.avance-content p{color:var(--gray);font-size:13px;margin:0}.filtros{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:1.5rem;background:#fff;padding:1rem;border-radius:var(--radius)}.pagination{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;padding:1rem;background:#fff;border-radius:var(--radius)}.list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.list-header h2{font-size:20px;margin:0}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.detail-actions{display:flex;gap:.5rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.info-item label{display:block;font-weight:600;font-size:12px;color:var(--gray);margin-bottom:.25rem;text-transform:uppercase}.info-item span{display:block;font-size:14px;color:#000}.section{background:#fff;padding:1.5rem;border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.5rem}.section h3{font-size:16px;margin-bottom:1rem;color:#000}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}@media (max-width: 768px){.layout-container{flex-direction:column}.sidebar{position:fixed;left:0;top:60px;height:calc(100vh - 60px);z-index:50;box-shadow:var(--shadow)}.sidebar.closed{display:none}.main-content{padding:1rem}.menu-toggle{display:block}.header-container{flex-wrap:wrap}.kpi-grid,.form-row{grid-template-columns:1fr}.table{font-size:12px}.table th,.table td{padding:.5rem}.login-card{margin:1rem}}@media (max-width: 480px){.header-container{padding:.75rem}.header-logo h1{font-size:16px}.header-user{display:none}.kpi-card{padding:1rem}.kpi-value{font-size:24px}.btn-primary,.btn-secondary{padding:.5rem 1rem;font-size:12px}}