@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--primary-medical:#0284c7;--primary-medical-dark:#0369a1;--primary-medical-light:#e0f2fe;--primary-gradient:linear-gradient(135deg, #0284c7 0%, #0d9488 100%);--header-gradient:linear-gradient(90deg, #0b132b 0%, #1c2541 45%, #0f766e 100%);--success-gradient:linear-gradient(135deg, #10b981 0%, #059669 100%);--warning-gradient:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--danger-gradient:linear-gradient(135deg, #ef4444 0%, #dc2626 100%);--purple-gradient:linear-gradient(135deg, #8b5cf6 0%, #6d28d9 100%);--bg-dark:#fff;--bg-darker:#f4f6f9;--glass-bg:#fff;--glass-border:#e2e8f0;--glass-blur:blur(16px);--text-main:#0f172a;--text-secondary:#334155;--text-muted:#64748b;--text-success:#059669;--text-warning:#d97706;--text-danger:#dc2626;--sidebar-bg:#fff;--footer-bg:#fff;--sub-card-bg:#f8fafc;--sub-card-border:#e2e8f0;--bubble-bg:#f1f5f9;--input-bg:#fff;--input-border:#cbd5e1;--score-track:#e2e8f0;--card-shadow:0 4px 16px -2px #0f172a0d, 0 2px 4px -1px #0f172a08;--card-shadow-hover:0 8px 24px -4px #0284c71f, 0 4px 8px -2px #0284c70f}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;margin:0;padding:0;overflow:hidden!important}body{background:var(--bg-darker);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.app-container{background-color:var(--bg-darker);flex-direction:column;height:100%;display:flex}.nav-header{background:var(--header-gradient);color:#fff;z-index:100;border-bottom:2px solid #0284c74d;justify-content:space-between;align-items:center;height:64px;padding:0 28px;display:flex;position:sticky;top:0;box-shadow:0 4px 20px #0b132b40}.nav-header .logo-container{align-items:center;gap:12px;display:flex}.nav-header .logo-icon{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff40;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.2rem;display:flex}.nav-header .logo-title{letter-spacing:.03em;color:#fff;align-items:center;gap:8px;font-size:1.15rem;font-weight:700;display:flex}.nav-header .logo-subtitle{color:#94a3b8;margin-top:1px;font-size:.725rem;font-weight:400}.status-badge{color:#e2e8f0;background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.status-dot{background:#10b981;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #10b981}.status-dot.pulse{animation:2s infinite statusPulse}@keyframes statusPulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.glass-card{background:var(--glass-bg);border:1px solid var(--glass-border);box-shadow:var(--card-shadow);border-radius:12px;transition:all .25s cubic-bezier(.4,0,.2,1)}.glass-card:hover{box-shadow:var(--card-shadow-hover)}.med-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;transition:all .2s ease-in-out;overflow:hidden;box-shadow:0 4px 16px -2px #0f172a0a}.med-card:hover{border-color:#cbd5e1;box-shadow:0 8px 24px -4px #0284c71a}.form-group{margin-bottom:16px}.form-label{color:#475569;letter-spacing:.01em;margin-bottom:6px;font-size:.8rem;font-weight:600;display:block}.form-input,.form-select{border:1px solid var(--input-border);background:var(--input-bg);width:100%;color:var(--text-main);border-radius:8px;outline:none;padding:8px 12px;font-size:.875rem;transition:all .2s}.form-input:focus,.form-select:focus{border-color:var(--primary-medical);box-shadow:0 0 0 3px #0284c71f}.sidebar-menu-btn,.sidebar-menu-btn:focus,.sidebar-menu-btn:active,.sidebar-menu-btn:hover{box-shadow:none!important;border:none!important;outline:none!important}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 2px 8px #0284c740}.btn-primary:hover{background:linear-gradient(135deg,#0369a1 0%,#0f766e 100%);transform:translateY(-1px);box-shadow:0 4px 12px #0284c759}.btn-secondary{color:#334155;background:#f1f5f9;border:1px solid #cbd5e1}.btn-secondary:hover{color:#0f172a;background:#e2e8f0}.btn-success{background:var(--success-gradient);color:#fff;box-shadow:0 2px 8px #10b98140}.btn-success:hover{opacity:.95;transform:translateY(-1px)}.btn-danger{background:var(--danger-gradient);color:#fff;box-shadow:0 2px 8px #ef444440}.btn-danger:hover{opacity:.95;transform:translateY(-1px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes typingBlink{0%{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}to{opacity:.3;transform:scale(1)}}.typing-dot{animation:1.4s infinite both typingBlink}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.custom-table{border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:100%;margin-top:8px;overflow:hidden}.custom-table th{color:#475569;text-transform:uppercase;letter-spacing:.04em;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:2px solid #e2e8f0;padding:11px 16px;font-size:.775rem;font-weight:700}.custom-table td{color:#1e293b;vertical-align:middle;white-space:nowrap;border-bottom:1px solid #f1f5f9;padding:12px 16px;font-size:.85rem;transition:background-color .15s}.custom-table tbody tr{transition:background-color .15s}.custom-table tbody tr:hover td{background-color:#f0f9ff}.custom-table tr:last-child td{border-bottom:none}.med-tag{border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;font-weight:600;line-height:1.2;display:inline-flex}.med-tag-primary{color:#0284c7;background:#e0f2fe;border:1px solid #bae6fd}.med-tag-success{color:#059669;background:#d1fae5;border:1px solid #a7f3d0}.med-tag-warning{color:#d97706;background:#fef3c7;border:1px solid #fde68a}.med-tag-danger{color:#dc2626;background:#fee2e2;border:1px solid #fca5a5}.med-tag-purple{color:#7c3aed;background:#f3e8ff;border:1px solid #ddd6fe}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}