*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#f4f6f9;color:#1f2d3d}.app{min-height:100vh}.page{max-width:1200px;margin:0 auto;padding:24px}.page-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px}.page-header h1{font-size:28px;color:#1a3b5d;margin:0}.breadcrumb{color:#8a96a3;font-size:14px}.card{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #00000014}.search-bar{display:flex;gap:12px;margin-bottom:20px}.search-bar input{flex:1;padding:10px 12px;border:none;border-bottom:1px solid #cdd5dd;outline:none;font-size:14px}.search-bar button{padding:10px 24px;border:1px solid #1565c0;color:#1565c0;background:#fff;border-radius:4px;cursor:pointer;font-weight:500}.search-bar button:hover{background:#1565c0;color:#fff}.filters-bar{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #eef1f4}.filter-field{display:flex;flex-direction:column;gap:4px;min-width:140px}.filter-field label{font-size:12px;color:#8a96a3;font-weight:600}.filter-field input{padding:8px 10px;border:1px solid #cdd5dd;border-radius:4px;outline:none;font-size:14px}.filter-field input:focus{border-color:#1565c0}.filter-actions{display:flex;gap:8px}.btn-primary{padding:9px 20px;border:1px solid #1565c0;background:#1565c0;color:#fff;border-radius:4px;cursor:pointer;font-weight:500}.btn-primary:hover{background:#0d47a1}.btn-secondary{padding:9px 20px;border:1px solid #cdd5dd;background:#fff;color:#5a6b7b;border-radius:4px;cursor:pointer;font-weight:500}.btn-secondary:hover{background:#f0f3f6}.table{width:100%;border-collapse:collapse;font-size:14px}.table thead th{text-align:left;color:#1a3b5d;font-weight:600;padding:10px 12px;border-bottom:2px solid #e5eaf0}.table tbody td{padding:12px;border-bottom:1px solid #eef1f4}.row-link{cursor:pointer}.row-link:hover{background:#f0f6ff}.id-link{color:#1565c0;font-weight:600}.empty{text-align:center;padding:24px;color:#8a96a3}.error{color:#c0392b;padding:12px}.status{display:inline-flex;align-items:center;gap:6px;color:var(--status-color, #2e7d32);font-weight:500}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--status-color, #2e7d32);display:inline-block}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:16px;font-size:14px}.pagination button{padding:6px 16px;border:1px solid #cdd5dd;background:#fff;border-radius:4px;cursor:pointer}.pagination button:disabled{opacity:.5;cursor:default}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;justify-content:center;align-items:flex-start;padding:40px 20px;overflow:auto;z-index:100}.detail-panel{background:#fff;border-radius:8px;width:100%;max-width:1100px;box-shadow:0 8px 24px #0003}.detail-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #e5eaf0}.detail-header-left{display:flex;align-items:center;gap:12px}.detail-id{font-size:18px;font-weight:700;color:#1565c0}.detail-divider{color:#cdd5dd}.detail-date{color:#8a96a3}.close-btn{background:none;border:none;font-size:24px;cursor:pointer;color:#8a96a3;line-height:1}.detail-body{display:flex;gap:24px;padding:20px}.detail-info{flex:1;min-width:0}.info-row{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #e5eaf0;padding-bottom:12px;margin-bottom:12px}.farmacia-label{color:#1565c0;display:block}.farmacia-name{color:#1a3b5d;font-weight:600}.receta-fecha{text-align:right;color:#1565c0}.detail-info section{border-bottom:1px solid #eef1f4;padding-bottom:12px;margin-bottom:12px}.detail-info h3{color:#1565c0;font-size:15px;margin:0 0 10px}.detail-info dl{display:grid;grid-template-columns:140px 1fr;row-gap:4px;margin:0 0 8px;font-size:14px}.detail-info dt{font-weight:600;color:#1a3b5d}.detail-info dd{margin:0;color:#5a6b7b}.detail-image{flex:1;min-width:0;display:flex;align-items:flex-start;justify-content:center}.detail-image img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:4px}@media (max-width: 800px){.detail-body{flex-direction:column}}.topbar{display:flex;align-items:center;justify-content:space-between;background:#1a3b5d;color:#fff;padding:12px 24px}.topbar-title{font-weight:700;font-size:18px}.topbar-nav{display:flex;gap:20px}.topbar-nav a{color:#cfe0f2;text-decoration:none;font-weight:500}.topbar-nav a:hover{color:#fff}.topbar-user{display:flex;align-items:center;gap:12px;font-size:14px}.topbar-user .btn-secondary{padding:6px 14px}.loading-screen{display:flex;align-items:center;justify-content:center;height:100vh;color:#8a96a3;font-size:16px}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#eef3f8;padding:24px}.login-box{display:flex;width:100%;max-width:920px;min-height:480px;background:#fff;border-radius:12px;box-shadow:0 4px 24px #143c6414;overflow:hidden}.login-form-side{flex:1.1;display:flex;align-items:center;justify-content:center;padding:48px}.login-card{width:100%;max-width:360px;display:flex;flex-direction:column;gap:16px}.login-card h1{margin:0;font-size:26px;color:#1a3b5d;text-align:center}.login-subtitle{margin:-8px 0 8px;text-align:center;color:#1565c0}.login-field input{width:100%;padding:12px 14px;border:1px solid #dde4ec;border-radius:6px;font-size:14px;background:#fff}.login-field input:focus{outline:none;border-color:#1565c0}.login-submit{padding:12px 20px;border:none;border-radius:6px;background:#1565c0;color:#fff;font-weight:500;font-size:15px;cursor:pointer}.login-submit:hover{background:#0d47a1}.login-submit:disabled{opacity:.7;cursor:default}.login-brand-side{flex:1;background:linear-gradient(135deg,#1ba9d8,#1565c0);display:flex;align-items:center;justify-content:center;padding:48px}.login-brand-content{width:100%;max-width:280px;display:flex;flex-direction:column;gap:14px}.login-brand-bar{height:14px;border-radius:7px;background:#ffffffd9}@media (max-width: 760px){.login-brand-side{display:none}.login-form-side{padding:32px 24px}}.cadenas-select{margin-bottom:16px}.cadenas-select>label{display:block;font-size:12px;color:#8a96a3;font-weight:600;margin-bottom:8px}.cadenas-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;max-height:200px;overflow-y:auto;border:1px solid #eef1f4;border-radius:4px;padding:12px}.cadena-checkbox{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:400;color:#1f2d3d}