@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;600;700;800&display=swap";
:root{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f1f5f9;--bg-input:#fff;--border:#00000014;--border-focus:#10b98180;--accent:#10b981;--accent-light:#34d399;--accent-dark:#059669;--accent-glow:#10b98126;--teal:#3b82f6;--teal-light:#60a5fa;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--info:#3b82f6;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--od-cara-vacia:#eef2f7;--od-contorno:#94a3b8;--od-numero:#64748b;--od-marca:#1e293b;--od-acento:#10b981;--od-esmalte-claro:#fff;--od-esmalte-medio:#f3f6f9;--od-esmalte-sombra:#dde4ec;--gradient-brand:linear-gradient(135deg, #10b981 0%, #3b82f6 50%, #8b5cf6 100%);--gradient-card:linear-gradient(135deg, #10b9810a 0%, #3b82f605 100%);--shadow-sm:0 1px 3px #0000000d;--shadow-md:0 4px 20px #0000000d;--shadow-lg:0 10px 30px #00000014;--shadow-accent:0 4px 12px #10b98126;--font-sans:"Inter", -apple-system, sans-serif;--font-display:"Outfit", sans-serif;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--transition:.2s ease;--transition-slow:.4s ease;--grid-opacity:.04}.dark{--bg-primary:#090b0f;--bg-secondary:#0f1219;--bg-card:#141822;--bg-card-hover:#1e2433;--bg-input:#0f1219;--border:#ffffff14;--border-focus:#10b98180;--accent:#10b981;--accent-light:#34d399;--accent-dark:#059669;--accent-glow:#10b98140;--teal:#3b82f6;--teal-light:#60a5fa;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#475569;--od-cara-vacia:#1f2937;--od-contorno:#64748b;--od-numero:#94a3b8;--od-marca:#f8fafc;--od-acento:#10b981;--od-esmalte-claro:#e2e8f0;--od-esmalte-medio:#cbd5e1;--od-esmalte-sombra:#94a3b8;--gradient-card:linear-gradient(135deg, #10b98114 0%, #3b82f60a 100%);--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 20px #00000080;--shadow-lg:0 8px 40px #0009;--shadow-accent:0 4px 15px #10b98133;--grid-opacity:.15}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6;transition:background-color .3s,color .3s}.grid-bg{background-image:radial-gradient(var(--text-primary) 1px, transparent 1px);opacity:var(--grid-opacity);pointer-events:none;z-index:0;background-size:24px 24px;position:fixed;inset:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);font-weight:700;line-height:1.2}h1{font-size:clamp(2rem,4vw,3rem)}h2{font-size:clamp(1.5rem,3vw,2rem)}h3{font-size:clamp(1.2rem,2vw,1.5rem)}p{color:var(--text-secondary)}a{color:var(--accent);transition:color var(--transition);text-decoration:none}a:hover{color:var(--accent-light)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--accent-dark);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}.w-full{width:100%}.text-center{text-align:center}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-4{margin-top:2rem}.btn{border-radius:var(--radius-md);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--gradient-brand);color:#fff;box-shadow:var(--shadow-accent)}.btn-primary:hover{color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #10b98159}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--teal);color:#fff;box-shadow:0 4px 12px #3b82f626}.btn-secondary:hover{background:var(--teal-light);color:#fff;box-shadow:0 6px 20px #3b82f64d}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:#00000026}.dark .btn-ghost:hover{border-color:#ffffff26}.btn-danger{color:var(--danger);background:#ef44441a;border:1px solid #ef444433}.btn-danger:hover{background:var(--danger);color:#fff}.btn-lg{border-radius:var(--radius-md);padding:.875rem 2rem;font-size:1rem}.btn-sm{padding:.375rem .875rem;font-size:.8rem}.btn-icon{border-radius:var(--radius-sm);padding:.5rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition);padding:1.5rem}.card:hover{box-shadow:var(--shadow-md);border-color:#10b98133}.card-glass{-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#ffffffbf}.dark .card-glass{background:#141822a6}.input-group{flex-direction:column;gap:.375rem;display:flex}.input-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.input{background:var(--bg-input);border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-sans);width:100%;transition:all var(--transition);border-radius:9999px;outline:none;padding:.75rem 1.25rem;font-size:.9rem}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #10b98126}.input::placeholder{color:var(--text-muted)}.input-icon-wrap{position:relative}.input-icon-wrap .input{padding-left:2.75rem}.input-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}.badge{letter-spacing:.03em;border-radius:999px;align-items:center;gap:.25rem;padding:.2rem .6rem;font-size:.72rem;font-weight:600;display:inline-flex}.badge-success{color:#059669;background:#10b9811a;border:1px solid #10b98133}.badge-warning{color:#d97706;background:#f59e0b1a;border:1px solid #f59e0b33}.badge-danger{color:#dc2626;background:#ef44441a;border:1px solid #ef444433}.badge-info{color:#2563eb;background:#3b82f61a;border:1px solid #3b82f633}.badge-accent{color:#7c3aed;background:#8b5cf61a;border:1px solid #8b5cf633}.dark .badge-success{color:#34d399}.dark .badge-warning{color:#fbbf24}.dark .badge-danger{color:#f87171}.dark .badge-info{color:#60a5fa}.dark .badge-accent{color:#c4b5fd}.table-wrap{border-radius:var(--radius-md);border:1px solid var(--border);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:.875rem}thead{background:#10b9810a}th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--border);padding:.875rem 1rem;font-size:.75rem;font-weight:700}td{color:var(--text-primary);border-bottom:1px solid var(--border);padding:.875rem 1rem}tbody tr:hover{background:#10b98105}tbody tr:last-child td{border-bottom:none}.divider{background:var(--border);height:1px;margin:1.5rem 0}.divider-text{color:var(--text-muted);align-items:center;gap:1rem;font-size:.8rem;display:flex}.divider-text:before,.divider-text:after{content:"";background:var(--border);flex:1;height:1px}.alert{border-radius:var(--radius-md);border:1px solid;padding:.875rem 1rem;font-size:.875rem}.alert-error{color:#dc2626;background:#ef444414;border-color:#ef444426}.alert-success{color:#059669;background:#10b98114;border-color:#10b98126}.dark .alert-error{color:#fca5a5}.dark .alert-success{color:#6ee7b7}.spinner{border:2px solid #0000001a;border-top-color:var(--accent);border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.dark .spinner{border-color:#fff #fff3 #fff3}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-up{animation:.4s both fadeUp}.animate-fade-in{animation:.3s both fadeIn}.grid-2{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}@media (max-width:1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}.grid-2-desktop{grid-template-columns:3fr 2fr}.grid-2>*,.grid-3>*,.grid-4>*{min-width:0}@media (max-width:900px){.grid-2-desktop{grid-template-columns:1fr}}@media (max-width:768px){.inventory-page>div:first-of-type,.patients-page>div:first-of-type,.staff-page>div:first-of-type,.dashboard-page>div:first-of-type,.appointments-page>div:first-of-type,.accounting-page>div:first-of-type,.clinic-page>div:first-of-type,.billing-page>div:first-of-type{text-align:center;flex-direction:column!important;align-items:stretch!important;gap:1rem!important}.inventory-page>div:first-of-type .btn,.patients-page>div:first-of-type .btn,.staff-page>div:first-of-type .btn,.dashboard-page>div:first-of-type .btn,.appointments-page>div:first-of-type .btn,.accounting-page>div:first-of-type .btn,.clinic-page>div:first-of-type .btn,.billing-page>div:first-of-type .btn{margin-top:.5rem;justify-content:center!important;width:100%!important}.table-wrap{-webkit-overflow-scrolling:touch;width:100%!important;max-width:100%!important;overflow-x:auto!important}.card,.card-glass{width:100%!important;max-width:100%!important;padding:1rem!important}.status-grid{grid-template-columns:1fr!important;gap:1rem!important}.main-billing-layout{flex-direction:column!important;gap:1rem!important;display:flex!important}.plans-selection-grid{grid-template-columns:1fr!important;gap:.75rem!important}.months-grid{grid-template-columns:repeat(2,1fr)!important;gap:.5rem!important}.referral-box-grid{grid-template-columns:1fr!important;gap:.75rem!important}.referral-stats-mini{text-align:center;grid-template-columns:1fr!important;gap:.5rem!important}.method-instructions-box .instructions-details-grid{grid-template-columns:1fr!important;gap:.5rem!important}}@media (max-width:1024px){.modal-backdrop,.modal-overlay{z-index:10500!important;padding-bottom:max(1rem, env(safe-area-inset-bottom))!important}.modal-content{overscroll-behavior:contain;flex-direction:column;display:flex;overflow-y:auto;max-height:calc(100dvh - 2rem)!important}.dashboard-layout-content,.patient-detail-page,.patients-page,.staff-page,.accounting-page,.inventory-page,.appointments-page,.cobranza-page,.clinic-page,.billing-page{padding-bottom:calc(64px + max(1rem, env(safe-area-inset-bottom)))!important}.table-wrap>table{min-width:560px}.table-wrap{touch-action:pan-x pan-y}}:is(body:has(.modal-backdrop) .mobile-nav-wrapper,body:has(.modal-overlay) .mobile-nav-wrapper,body:has(.od-editor) .mobile-nav-wrapper){display:none!important}