:root{--bg-main: #f8fafc;--bg-card: #ffffff;--bg-card-hover: #f1f5f9;--bg-subtle: #f8fafc;--bg-header: rgba(255, 255, 255, .9);--border-color: #e2e8f0;--border-focus: #0d9488;--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--input-bg: #ffffff;--input-border: #cbd5e1;--teal-500: #0d9488;--teal-600: #0f766e;--teal-700: #115e59;--teal-subtle: rgba(13, 148, 136, .1);--emerald-500: #10b981;--emerald-400: #34d399;--emerald-600: #059669;--cyan-500: #06b6d4;--blue-500: #2563eb;--purple-500: #7c3aed;--rose-500: #e11d48;--amber-500: #d97706;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--shadow-card: 0 1px 3px 0 rgba(0, 0, 0, .05), 0 1px 2px -1px rgba(0, 0, 0, .05);--shadow-hover: 0 4px 12px -2px rgba(0, 0, 0, .08);--table-hover: rgba(0, 0, 0, .02);--waveform-bg: #f8fafc}[data-theme=dark]{--bg-main: #0b0f19;--bg-card: #111827;--bg-card-hover: #172236;--bg-subtle: #162032;--bg-header: rgba(17, 24, 39, .9);--border-color: #1e293b;--border-focus: #14b8a6;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--input-bg: rgba(15, 23, 42, .85);--input-border: #1e293b;--teal-500: #14b8a6;--teal-600: #0d9488;--teal-700: #0f766e;--teal-subtle: rgba(20, 184, 166, .15);--emerald-500: #10b981;--emerald-400: #34d399;--emerald-600: #059669;--cyan-500: #06b6d4;--blue-500: #3b82f6;--purple-500: #8b5cf6;--rose-500: #f43f5e;--amber-500: #f59e0b;--shadow-card: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px -1px rgba(0, 0, 0, .2);--shadow-hover: 0 8px 24px -4px rgba(0, 0, 0, .4);--table-hover: rgba(255, 255, 255, .02);--waveform-bg: rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-primary);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 15%,rgba(16,185,129,.06) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(6,182,212,.05) 0%,transparent 40%);background-attachment:fixed;transition:background-color .3s ease,color .3s ease;overflow-x:hidden}.container{max-width:1400px;margin:0 auto;padding:0 24px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:700;letter-spacing:-.02em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:.925rem;font-weight:600;font-family:var(--font-sans);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);text-decoration:none;white-space:nowrap}.btn:active{transform:scale(.98)}.btn-primary{background:var(--teal-600);color:#fff;border:1px solid var(--teal-700);box-shadow:0 1px 3px #0d948833}.btn-primary:hover{background:var(--teal-700);box-shadow:0 2px 6px #0d94884d}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--emerald-500)}.btn-whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;box-shadow:0 4px 15px #25d3664d;font-size:1.05rem;padding:14px 28px}.btn-whatsapp:hover{filter:brightness(1.08);box-shadow:0 6px 22px #25d36673}.btn-danger{background:#f43f5e1a;color:#e11d48;border:1px solid rgba(244,63,94,.25)}.btn-danger:hover{background:#f43f5e33}.btn-icon{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;transition:all .2s}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-card);transition:transform .2s ease,box-shadow .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.input-group{margin-bottom:18px}.input-label{display:block;font-size:.85rem;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.input-field,.textarea-field,.select-field{width:100%;background:var(--input-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:12px 16px;color:var(--text-primary);font-family:var(--font-sans);font-size:.95rem;transition:all .2s;outline:none}.input-field:focus,.textarea-field:focus,.select-field:focus{border-color:var(--emerald-500);box-shadow:0 0 0 3px #10b98126}.textarea-field{resize:vertical;min-height:90px}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.badge-success{background:#10b9811f;color:#047857;border:1px solid rgba(16,185,129,.3)}[data-theme=dark] .badge-success{background:#10b98126;color:var(--emerald-400)}.badge-warning{background:#f59e0b1f;color:#b45309;border:1px solid rgba(245,158,11,.3)}[data-theme=dark] .badge-warning{background:#f59e0b26;color:var(--amber-500)}.badge-purple{background:#8b5cf61f;color:#6d28d9;border:1px solid rgba(139,92,246,.3)}[data-theme=dark] .badge-purple{background:#8b5cf626;color:#c4b5fd}.badge-cyan{background:#06b6d41f;color:#0e7490;border:1px solid rgba(6,182,212,.3)}[data-theme=dark] .badge-cyan{background:#06b6d426;color:var(--cyan-500)}.table-container{width:100%;overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card)}.styled-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.styled-table th{background:var(--bg-subtle);padding:12px 16px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border-color)}.styled-table td{padding:12px 16px;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.styled-table tr:last-child td{border-bottom:none}.styled-table tr:hover td{background:var(--table-hover)}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}70%{transform:scale(1);box-shadow:0 0 0 16px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.recording-pulse{animation:pulse-ring 2s infinite cubic-bezier(.4,0,.6,1)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin,.spin{animation:spin 1s linear infinite}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px #00000040;padding:28px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px;margin-bottom:24px}.kpi-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px 18px;display:flex;align-items:center;gap:14px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;box-shadow:var(--shadow-card)}.kpi-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #06b6d426;border-color:#06b6d466}.kpi-icon-box{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}@media print{body *{visibility:hidden}#printable-prescription,#printable-prescription *{visibility:visible}#printable-prescription{position:absolute;left:0;top:0;width:100%;margin:0;padding:20px;background:#fff!important;color:#000!important}.no-print,header,.modal-backdrop{display:none!important}}.desktop-only{display:flex}.mobile-only{display:none!important}@media (max-width: 1024px){.container{padding:0 18px}.grid-2{grid-template-columns:1fr;gap:20px}}@media (max-width: 768px){.container{padding:0 14px}.desktop-only{display:none!important}.mobile-only{display:flex!important}.kpi-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.kpi-card{padding:12px 14px!important}.kpi-card .kpi-icon-box{width:36px!important;height:36px!important}.grid-2{grid-template-columns:1fr!important;gap:16px!important}.modal-backdrop{padding:0;align-items:flex-end}.modal-content{max-height:90vh;border-bottom-left-radius:0;border-bottom-right-radius:0;padding:20px 16px!important;width:100%!important;max-width:100%!important}}@media (max-width: 480px){.kpi-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}.btn{padding:9px 14px;font-size:.85rem}}.mobile-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172ab3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;justify-content:flex-end;animation:fadeIn .2s ease-out}.mobile-drawer-content{width:82%;max-width:320px;height:100%;background:var(--bg-card);border-left:1px solid var(--border-color);padding:24px 20px;display:flex;flex-direction:column;box-shadow:-10px 0 35px #00000059;animation:drawerSlide .3s cubic-bezier(.16,1,.3,1);overflow-y:auto}@keyframes drawerSlide{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}