*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #2563eb;--color-primary-dark: #1e40af;--color-text: #1f2937;--color-text-light: #6b7280;--color-bg: #ffffff;--color-bg-alt: #f9fafb;--color-border: #e5e7eb;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--max-width: 1400px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;color:var(--color-text);background-color:var(--color-bg-alt);min-height:100vh}.container{max-width:var(--max-width);margin:0 auto;padding:0 var(--spacing-md)}.header{background-color:var(--color-bg);border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-md)}.header .container{display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:var(--color-primary)}.nav{display:flex;gap:var(--spacing-md);align-items:center}.nav-link{color:var(--color-text);text-decoration:none;font-weight:500;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--color-primary)}.user-info{color:var(--color-text-light);font-size:.875rem}main{padding:var(--spacing-md) 0}.page-title{font-size:2rem;margin-bottom:var(--spacing-md);color:var(--color-text)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.stat-card{background-color:var(--color-bg);padding:var(--spacing-md);border-radius:8px;border:1px solid var(--color-border)}.stat-card h3{font-size:.875rem;text-transform:uppercase;color:var(--color-text-light);margin-bottom:var(--spacing-xs)}.stat-number{font-size:2rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.stat-label{font-size:.875rem;color:var(--color-text-light)}.section{background-color:var(--color-bg);padding:var(--spacing-md);border-radius:8px;border:1px solid var(--color-border);margin-bottom:var(--spacing-md)}.section-title{font-size:1.25rem;margin-bottom:var(--spacing-md);color:var(--color-text)}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}thead{background-color:var(--color-bg-alt)}th{text-align:left;padding:var(--spacing-sm);font-weight:600;color:var(--color-text);border-bottom:2px solid var(--color-border)}td{padding:var(--spacing-sm);border-bottom:1px solid var(--color-border)}tbody tr:hover{background-color:var(--color-bg-alt)}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500}.status-nuevo{background-color:#dbeafe;color:#1e40af}.status-contactado{background-color:#fef3c7;color:#92400e}.status-convertido{background-color:#d1fae5;color:#065f46}.status-perdido{background-color:#fee2e2;color:#991b1b}.status-inicial{background-color:#dbeafe;color:#1e40af}.status-documentacion{background-color:#fef3c7;color:#92400e}.status-revision{background-color:#fce7f3;color:#9f1239}.status-firma,.status-cerrado{background-color:#d1fae5;color:#065f46}.status-cancelado{background-color:#fee2e2;color:#991b1b}.loading,.empty-state{text-align:center;padding:var(--spacing-lg);color:var(--color-text-light)}.footer{background-color:var(--color-text);color:#fff;padding:var(--spacing-md) 0;text-align:center;margin-top:var(--spacing-lg)}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.table-container{font-size:.875rem}th,td{padding:var(--spacing-xs)}}