*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2e4057;--accent:#f5a623;--success:#28a745;--danger:#dc3545;--warning:#ffc107;--info:#17a2b8;--light:#f8f9fa;--border:#dee2e6;--text:#333;--muted:#6c757d;--radius:6px;--shadow:0 2px 8px rgba(0,0,0,.1)}body{font-family:Arial,sans-serif;font-size:14px;background:#f0f2f5;color:var(--text)}.navbar{background:var(--primary);padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:54px;position:sticky;top:0;z-index:100;box-shadow:0 2px 6px rgba(0,0,0,.3)}.nav-brand{color:#fff;font-size:1.1rem;font-weight:bold}.nav-links{display:flex;gap:.5rem;align-items:center}.nav-links a{color:rgba(255,255,255,.85);text-decoration:none;padding:.3rem .75rem;border-radius:var(--radius);font-size:.85rem}.nav-links a:hover{background:rgba(255,255,255,.15);color:#fff}.btn-logout{background:rgba(255,255,255,.1)}.container{max-width:1100px;margin:1.5rem auto;padding:0 1rem}.card{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem;margin-bottom:1.25rem}.card-title{font-size:1rem;font-weight:bold;color:var(--primary);margin-bottom:1rem;border-bottom:2px solid var(--accent);padding-bottom:.4rem}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;margin-bottom:1.25rem}.kpi{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.25rem;border-left:4px solid var(--primary)}.kpi.success{border-color:var(--success)}.kpi.danger{border-color:var(--danger)}.kpi.warning{border-color:var(--warning)}.kpi.info{border-color:var(--info)}.kpi-label{font-size:.75rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.3rem}.kpi-value{font-size:1.4rem;font-weight:bold;color:var(--primary)}.kpi.success .kpi-value{color:var(--success)}.kpi.danger .kpi-value{color:var(--danger)}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:bold;margin-bottom:.3rem;font-size:.85rem}.form-control{width:100%;padding:.55rem .75rem;border:1px solid var(--border);border-radius:var(--radius);font-size:.95rem;transition:border-color .2s}.form-control:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(46,64,87,.15)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem}.btn{display:inline-block;padding:.5rem 1.2rem;border:none;border-radius:var(--radius);font-size:.9rem;font-weight:bold;cursor:pointer;text-decoration:none;transition:opacity .2s}.btn:hover{opacity:.85}.btn-primary{background:var(--primary);color:#fff}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-warning{background:var(--warning);color:#333}.btn-info{background:var(--info);color:#fff}.btn-sm{padding:.3rem .7rem;font-size:.8rem}.btn-group{display:flex;gap:.5rem;flex-wrap:wrap}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.85rem}th{background:var(--primary);color:#fff;padding:.6rem .75rem;text-align:left;white-space:nowrap}td{padding:.5rem .75rem;border-bottom:1px solid var(--border)}tr:last-child td{border-bottom:none}tr:hover td{background:#f5f7fa}.tr-total td{background:#e9ecef;font-weight:bold}.text-right{text-align:right}.text-center{text-align:center}.alert{padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem;font-weight:bold}.alert-success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-warning{background:#fff3cd;color:#856404;border:1px solid #ffeeba}.badge{display:inline-block;padding:.2rem .5rem;border-radius:20px;font-size:.75rem;font-weight:bold}.badge-success{background:#d4edda;color:#155724}.badge-danger{background:#f8d7da;color:#721c24}.badge-warning{background:#fff3cd;color:#856404}.badge-info{background:#d1ecf1;color:#0c5460}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.text-muted{color:var(--muted)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.font-bold{font-weight:bold}.section-title{font-size:1.1rem;font-weight:bold;color:var(--primary);margin:1.5rem 0 .75rem}.login-wrap{max-width:380px;margin:5rem auto}.login-wrap .card{padding:2rem}.login-logo{text-align:center;font-size:2.5rem;margin-bottom:.5rem}.login-title{text-align:center;font-size:1.2rem;font-weight:bold;color:var(--primary);margin-bottom:1.5rem}.mes-nav{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.mes-nav a{color:var(--primary);font-weight:bold;text-decoration:none;font-size:1.2rem}.mes-nav .mes-label{font-size:1.1rem;font-weight:bold;color:var(--primary);min-width:160px;text-align:center}.tipo-retirada{color:#856404}.tipo-entrega_dueno{color:#155724}.tipo-devolucion_dueno{color:#0c5460}@media (max-width:640px){.form-row,.form-row-3{grid-template-columns:1fr}.kpi-grid{grid-template-columns:1fr 1fr}.navbar{flex-direction:column;height:auto;padding:.5rem 1rem;gap:.3rem}.nav-links{flex-wrap:wrap;justify-content:center}}