:root{--color-primary:#23518c;--color-primary-dark:#1a3d6b;--color-primary-light:#2d6bb3;--color-text:#333;--color-text-light:#666;--color-text-muted:#999;--color-background:#f5f7fa;--color-white:#fff;--color-border:#e0e0e0;--color-success:#10b981;--color-warning:#f59e0b;--color-info:#3b82f6;--color-error:#ef4444;--shadow-sm:0 2px 4px rgba(0,0,0,.1);--shadow-md:0 4px 8px rgba(0,0,0,.1);--shadow-lg:0 8px 16px rgba(0,0,0,.15);--border-radius:8px;--border-radius-lg:12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background-color:var(--color-background);color:var(--color-text);line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:0 20px}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.header{background-color:var(--color-primary);color:var(--color-white);padding:20px 0;box-shadow:var(--shadow-md)}.header-content{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.header-logo-title{display:flex;align-items:center;gap:15px}.header h1{font-size:24px;font-weight:600;margin:0}.user-info{display:flex;align-items:center;gap:20px;font-size:14px}.user-info strong{font-weight:600}.btn{padding:12px 24px;border:none;border-radius:var(--border-radius);font-size:16px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;display:inline-block}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:hsla(0,0%,100%,.2);color:var(--color-white);border:1px solid hsla(0,0%,100%,.3)}.btn-secondary:hover{background-color:hsla(0,0%,100%,.3)}.btn-full{width:100%}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:var(--color-text);font-weight:500;font-size:14px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid var(--color-border);border-radius:var(--border-radius);font-size:16px;transition:border-color .3s;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.card{background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);padding:24px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%)}.login-box{background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:40px;width:100%;max-width:400px}.login-header{text-align:center;margin-bottom:30px;display:flex;flex-direction:column;align-items:center}.login-header h1{color:var(--color-primary);font-size:28px;margin-bottom:10px;margin-top:0}.login-header p{color:var(--color-text-light);font-size:14px}.alert{padding:12px 16px;border-radius:var(--border-radius);margin-bottom:20px;font-size:14px}.alert-error{background-color:#fee;color:#c33;border:1px solid #fcc}.alert-success{background-color:#d1fae5;color:#065f46;border:1px solid #a7f3d0}.alert-info{background-color:#dbeafe;color:#1e40af;border:1px solid #93c5fd}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px;margin-bottom:40px}.stat-card{background:var(--color-white);padding:24px;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.stat-card h3{font-size:14px;color:var(--color-text-light);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.stat-card .number{font-size:32px;font-weight:700;color:var(--color-text)}.stat-card.nuevo .number{color:var(--color-primary)}.stat-card.pendiente .number{color:var(--color-warning)}.stat-card.enviado .number{color:var(--color-info)}.stat-card.terminado .number{color:var(--color-success)}.stat-card.clickable{transition:transform .2s,box-shadow .2s}.stat-card.clickable:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.section{margin-bottom:40px}.section-title{font-size:20px;font-weight:600;margin-bottom:20px;color:var(--color-text);display:flex;align-items:center;gap:10px}.section-title:before{content:"";width:4px;height:24px;background-color:var(--color-primary);border-radius:2px}.expedientes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px}.expediente-card{background:var(--color-white);padding:20px;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s;border-left:4px solid var(--color-border)}.expediente-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.expediente-card.nuevo{border-left-color:var(--color-primary)}.expediente-card.pendiente{border-left-color:var(--color-warning)}.expediente-card.enviado{border-left-color:var(--color-info)}.expediente-card.terminado{border-left-color:var(--color-success)}.expediente-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.expediente-id{font-weight:600;color:var(--color-text);font-size:16px}.estado-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.estado-badge.nuevo{background:#dbeafe;color:#1e3a8a}.estado-badge.pendiente{background:#fef3c7;color:#92400e}.estado-badge.enviado{background:#dbeafe;color:#1e40af}.estado-badge.terminado{background:#d1fae5;color:#065f46}.expediente-info{color:var(--color-text-light);font-size:14px;line-height:1.6}.expediente-info p{margin-bottom:8px}.expediente-info strong{color:var(--color-text)}.empty-state{text-align:center;padding:60px 20px;background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.empty-state p{color:var(--color-text-light);font-size:16px}@media (max-width:768px){.header-content{flex-direction:column;gap:15px;text-align:center}.expedientes-grid,.stats{grid-template-columns:1fr}.login-box{padding:30px 20px}}