@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap";
:root{--background:#090d16;--foreground:#f1f5f9;--card-bg:#111827;--card-border:#1f2937;--primary:#0d9488;--primary-hover:#0f766e;--accent:#0284c7;--danger:#ef4444;--warning:#f59e0b;--text-secondary:#94a3b8;--input-bg:#0f172a;--font-sans:"Be Vietnam Pro", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--sidebar-width:240px;--shadow:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-sm:0 1px 2px 0 #0000000d;--surface-raised:#111827c7;--surface-muted:#0f172abd}:root.light{--background:#f4f6f8;--foreground:#0f172a;--card-bg:#fff;--card-border:#e2e8f0;--primary:#0d9488;--primary-hover:#0f766e;--accent:#0284c7;--text-secondary:#64748b;--input-bg:#f8fafc;--shadow:0 1px 3px 0 #0d948808, 0 1px 2px -1px #0d948805;--shadow-sm:0 1px 2px 0 #00000003;--surface-raised:#ffffffe6;--surface-muted:#f8fafceb}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at 78% -10%, #0d948814, transparent 30%), var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;font-size:14px;line-height:1.5;transition:background-color .2s,color .2s;display:flex;overflow-x:hidden}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0d94881a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#0d948840}.glass{background:var(--surface-raised);border:1px solid var(--card-border);box-shadow:0 12px 32px #02061714, var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:14px;transition:background-color .2s,border-color .2s,box-shadow .2s}.glow{transition:transform .2s cubic-bezier(.4,0,.2,1),border-color .2s}.glow:hover{border-color:#0d948840;transform:translateY(-1px)}.glow-subtle{transition:border-color .2s,background-color .2s}.glow-subtle:hover{background:#0d948803;border-color:#0d948833}button,a{cursor:pointer;text-decoration:none;transition:all .15s}button:disabled{cursor:not-allowed;opacity:.58}input,textarea,select{font-family:var(--font-sans);transition:border-color .15s,background-color .15s}input:focus,textarea:focus{outline:none;box-shadow:0 0 0 2px #0d94881f;border-color:var(--primary)!important}.app-main-content{min-width:0}.app-main-content h1{letter-spacing:-.03em!important;font-size:clamp(20px,1.8vw,23px)!important;font-weight:700!important;line-height:1.22!important}.app-main-content h2{letter-spacing:-.015em;font-size:clamp(15px,1.35vw,17px)!important;font-weight:700!important;line-height:1.32!important}.app-main-content h3{font-size:13px!important;font-weight:700!important;line-height:1.4!important}.app-main-content p{line-height:1.55}@media (max-width:820px){.app-shell{flex-direction:column}.app-sidebar{width:calc(100% - 24px)!important;height:auto!important;min-height:0!important;margin:12px!important;padding:14px!important;position:relative!important;top:auto!important;left:auto!important}.app-sidebar .sidebar-nav{padding-bottom:2px;overflow-x:auto;flex-direction:row!important;flex:none!important;gap:5px!important;margin:14px -2px 0!important}.app-sidebar .sidebar-nav a{flex:none;padding:8px 10px!important}.app-sidebar .sidebar-preferences,.app-sidebar .sidebar-account{display:none!important}.app-main-content{min-height:0;height:auto!important;padding:0 12px 12px!important;overflow:visible!important}.app-main-content h1{font-size:20px!important}}.page-fade-in{isolation:isolate;will-change:transform, opacity;width:100%;height:100%;animation:.52s cubic-bezier(.22,1,.36,1) both clinicalRecordEnter;position:relative}.page-fade-in:before{content:"";background:linear-gradient(90deg, var(--primary), color-mix(in srgb, var(--primary) 20%, transparent));transform-origin:0;pointer-events:none;border-radius:999px;width:clamp(48px,12vw,132px);height:2px;animation:.76s cubic-bezier(.22,1,.36,1) both clinicalRecordMarker;position:absolute;top:0;left:0}.page-fade-in>*>:not(style){animation:.46s cubic-bezier(.22,1,.36,1) both clinicalContentSettle}.page-fade-in>*>:not(style):nth-child(2){animation-delay:70ms}.page-fade-in>*>:not(style):nth-child(3){animation-delay:.13s}.page-fade-in>*>:not(style):nth-child(4){animation-delay:.19s}.page-fade-in>*>:not(style):nth-child(5){animation-delay:.25s}.page-fade-in>*>:not(style):nth-child(n+6){animation-delay:.3s}@keyframes clinicalRecordEnter{0%{opacity:0;transform:translateY(9px)}58%{opacity:.92;transform:translateY(1px)}to{opacity:1;transform:translateY(0)}}@keyframes clinicalRecordMarker{0%{opacity:0;transform:scaleX(.08)}42%{opacity:.9;transform:scaleX(1)}70%{opacity:.62;transform:scaleX(.84)}to{opacity:.32;transform:scaleX(.72)}}@keyframes clinicalContentSettle{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}button:active:not(:disabled),a.btn:active{transform:scale(.985)}.top-progress-bar{background:linear-gradient(90deg, var(--primary) 0%, var(--primary) 88%, #2dd4bf94 100%);transform-origin:0;z-index:9999;pointer-events:none;height:2px;animation:.78s cubic-bezier(.22,1,.36,1) forwards topProgressPulse;position:fixed;top:0;left:0;right:0;overflow:hidden;box-shadow:0 1px 5px #0d948852}.top-progress-bar:after{content:"";background:#ffffffb8;border-radius:999px;width:18px;height:100%;position:absolute;top:0;right:0}@keyframes topProgressPulse{0%{opacity:.32;transform:scaleX(.04)}65%{opacity:.92;transform:scaleX(.78)}to{opacity:1;transform:scaleX(.94)}}.clinical-skeleton{color:#0d94886b;background:linear-gradient(100deg, color-mix(in srgb, var(--input-bg) 88%, var(--foreground) 12%) 30%, color-mix(in srgb, var(--input-bg) 76%, var(--foreground) 24%) 45%, color-mix(in srgb, var(--input-bg) 88%, var(--foreground) 12%) 60%);background-size:240% 100%;border-radius:6px;flex:none;animation:2.35s ease-in-out infinite clinicalSkeletonSweep;display:block}.clinical-skeleton--soft{border:1px solid var(--card-border);background:color-mix(in srgb, var(--input-bg) 90%, var(--foreground) 10%);animation:none}@keyframes clinicalSkeletonSweep{0%{background-position:140% 0}to{background-position:-70% 0}}.clinical-loading-panel{border:1px solid color-mix(in srgb, var(--primary) 22%, var(--card-border));background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 6%, var(--card-bg)), var(--card-bg));border-radius:12px;width:100%;padding:18px}.clinical-loading-panel.is-compact{padding:14px}.clinical-loading-panel__header{text-align:left;align-items:center;gap:11px;display:flex}.clinical-loading-panel__icon{width:38px;height:38px;color:var(--primary);border:1px solid color-mix(in srgb, var(--primary) 30%, transparent);background:color-mix(in srgb, var(--primary) 9%, transparent);border-radius:10px;flex:none;place-items:center;display:grid}.clinical-loading-panel__header strong{color:var(--foreground);letter-spacing:-.01em;font-size:13px;font-weight:700;display:block}.clinical-loading-panel__header p{color:var(--text-secondary);margin-top:2px;font-size:11px}.clinical-loading-panel__steps{border-top:1px solid var(--card-border);grid-template-columns:repeat(3,1fr);gap:6px;margin-top:15px;padding-top:11px;display:grid}.clinical-loading-panel__steps span{color:var(--text-secondary);white-space:nowrap;align-items:center;gap:5px;font-size:10px;display:inline-flex}.clinical-loading-panel__steps i{border:1px solid var(--text-secondary);border-radius:50%;width:6px;height:6px}.clinical-loading-panel__steps .is-active{color:var(--primary)}.clinical-loading-panel__steps .is-active i{border-color:var(--primary);background:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 13%, transparent);animation:1.8s ease-in-out infinite clinicalStatusPulse}@keyframes clinicalStatusPulse{50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--primary) 0%, transparent)}}.history-skeleton-grid{flex:1;grid-template-rows:repeat(2,minmax(255px,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-height:0;display:grid;overflow:hidden}.clinical-case-skeleton{min-height:0;overflow:hidden}.clinical-case-skeleton,.dashboard-skeleton__stat,.dashboard-skeleton__card,.admin-users-skeleton__row,.admin-settings-skeleton__panel{animation:.3s cubic-bezier(.16,1,.3,1) both clinicalCardReveal}.clinical-case-skeleton:nth-child(2),.dashboard-skeleton__stat:nth-child(2),.dashboard-skeleton__card:nth-child(2),.admin-users-skeleton__row:nth-child(2),.admin-settings-skeleton__panel:nth-child(2){animation-delay:55ms}.clinical-case-skeleton:nth-child(3),.dashboard-skeleton__stat:nth-child(3),.dashboard-skeleton__card:nth-child(3),.admin-users-skeleton__row:nth-child(3),.admin-settings-skeleton__panel:nth-child(3){animation-delay:.11s}.clinical-case-skeleton:nth-child(4),.dashboard-skeleton__card:nth-child(4),.admin-users-skeleton__row:nth-child(4){animation-delay:.165s}.clinical-case-skeleton:nth-child(5),.admin-users-skeleton__row:nth-child(5){animation-delay:.22s}.clinical-case-skeleton:nth-child(6){animation-delay:.275s}@keyframes clinicalCardReveal{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.clinical-case-skeleton__image{aspect-ratio:16/9;border:1px solid var(--card-border);border-radius:12px;place-items:center;width:calc(100% - 28px);max-height:140px;margin:12px auto 0;display:grid}.clinical-case-skeleton__body{gap:10px;padding:14px 16px;display:grid}.clinical-case-skeleton__meta,.clinical-case-skeleton__footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.clinical-case-skeleton__footer{border-top:1px solid var(--card-border);margin-top:2px;padding-top:10px}.consultation-detail-skeleton{gap:16px;width:100%;max-width:1120px;margin:0 auto;display:grid}.consultation-detail-skeleton__heading{gap:9px;display:grid}.consultation-detail-skeleton__workspace{min-height:500px;overflow:hidden}.consultation-detail-skeleton__context{border-bottom:1px solid var(--card-border);align-items:center;gap:12px;padding:14px;display:flex}.consultation-detail-skeleton__context>div:last-child{gap:8px;display:grid}.consultation-detail-skeleton__thumb{border-radius:10px;width:48px;height:48px}.consultation-detail-skeleton__messages{align-content:center;gap:15px;max-width:660px;min-height:430px;margin:0 auto;padding:30px 20px;display:grid}.clinical-message-skeleton{border:1px solid var(--card-border);background:var(--input-bg);border-radius:12px;gap:9px;max-width:72%;padding:13px;display:grid}.clinical-message-skeleton--user{border-bottom-right-radius:4px;justify-self:end;width:54%}.clinical-message-skeleton--assistant{border-bottom-left-radius:4px;grid-template-columns:auto 1fr;align-items:center}.clinical-message-skeleton--assistant>div:last-child{gap:9px;display:grid}.clinical-message-skeleton__avatar{border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.profile-skeleton{gap:16px;width:100%;max-width:960px;margin:0 auto;display:grid}.profile-skeleton__summary{align-items:center;gap:16px;padding:20px;display:flex}.profile-skeleton__summary>div:last-child{gap:9px;display:grid}.profile-skeleton__avatar{border-radius:50%;place-items:center;width:66px;height:66px;display:grid}.profile-skeleton__form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:20px;display:grid}.profile-skeleton__field{gap:7px;display:grid}.clinical-skeleton-rows{gap:8px;display:grid}.clinical-skeleton-row{border:1px solid var(--card-border);background:var(--input-bg);border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:8px 10px;display:flex}.clinical-skeleton-row__icon{border-radius:6px;width:22px;height:22px}.clinical-skeleton-row__copy{flex:1;gap:6px;display:grid}.dashboard-skeleton{gap:12px;width:100%;height:100%;min-height:0;display:grid}.dashboard-skeleton__header{justify-content:space-between;align-items:center;gap:16px;display:flex}.dashboard-skeleton__header>div{gap:8px;display:grid}.dashboard-skeleton__stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.dashboard-skeleton__stat{align-items:center;gap:14px;height:60px;padding:12px 18px;display:flex}.dashboard-skeleton__stat>div{gap:6px;display:grid}.dashboard-skeleton__stat-icon{border-radius:8px;width:36px;height:36px}.dashboard-skeleton__cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:0;display:grid}.dashboard-skeleton__card{align-content:start;gap:12px;min-height:0;padding:16px;display:grid;overflow:hidden}.dashboard-skeleton__card-title{align-items:center;gap:8px;display:flex}.dashboard-skeleton__card-icon{border-radius:7px;width:25px;height:25px}.admin-users-skeleton{gap:8px;display:grid}.admin-users-skeleton__row{border:1px solid var(--card-border);background:var(--input-bg);border-radius:10px;grid-template-columns:auto minmax(180px,1fr) 92px 104px;align-items:center;gap:12px;min-height:74px;padding:11px 12px;display:grid}.admin-users-skeleton__avatar{border-radius:50%;width:38px;height:38px}.admin-users-skeleton__identity{gap:6px;display:grid}.admin-settings-skeleton{border-radius:14px;flex:1;min-height:0;padding:18px;overflow:hidden}.admin-settings-skeleton__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;display:grid}.admin-settings-skeleton__panel{border:1px solid var(--card-border);background:var(--input-bg);border-radius:11px;align-content:start;gap:13px;padding:15px;display:grid}.admin-settings-skeleton__panel.is-wide{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-settings-skeleton__heading{border-bottom:1px solid var(--card-border);grid-column:1/-1;align-items:center;gap:9px;padding-bottom:12px;display:flex}.admin-settings-skeleton__heading>div{gap:5px;display:grid}.admin-settings-skeleton__icon{border-radius:9px;width:35px;height:35px}.admin-settings-skeleton__field{gap:6px;display:grid}@media (max-width:820px){.history-skeleton-grid{grid-template-rows:none;grid-template-columns:1fr;overflow:visible}.clinical-case-skeleton{min-height:260px}.consultation-detail-skeleton__workspace{min-height:420px}.profile-skeleton__form{grid-template-columns:1fr}.dashboard-skeleton{height:auto}.dashboard-skeleton__stats,.dashboard-skeleton__cards,.admin-settings-skeleton__grid{grid-template-columns:1fr}.dashboard-skeleton__card{min-height:220px}.admin-settings-skeleton__panel.is-wide{grid-column:auto;grid-template-columns:1fr}.admin-users-skeleton__row{grid-template-columns:auto minmax(0,1fr)}.admin-users-skeleton__row>.clinical-skeleton--soft{justify-self:start}}@media (prefers-reduced-motion:reduce){.page-fade-in,.page-fade-in:before,.page-fade-in>*>:not(style),.top-progress-bar,.clinical-skeleton,.clinical-loading-panel__steps .is-active i,.clinical-case-skeleton,.dashboard-skeleton__stat,.dashboard-skeleton__card,.admin-users-skeleton__row,.admin-settings-skeleton__panel{animation:none!important}}
