:root{--ocean-primary: #0c5985;--ocean-primary-hover: #1a80a9;--ocean-shell-bg: #f4f8fc;--ocean-card-bg: #ffffff;--ocean-card-border: #d8e2ee;--ocean-text: #1f2937;--ocean-text-muted: #475569;--surface-page: #F3F7FB;--surface-card: #FFFFFF;--surface-sunken: #E9F0F7;--surface-highlight: #FFF8E6;--ink-900: #0B1F33;--ink-800: #1A2E46;--ink-700: #2E4562;--ink-600: #4B6583;--ink-500: #6E87A3;--ink-400: #94A8C0;--line: #D6E2EE;--line-strong: #B7C8DB;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;padding:0}body{font-family:Inter,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--ocean-shell-bg);color:var(--ocean-text);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}a,a:link,a:visited{color:var(--ocean-primary)}a:hover,a:focus,a:active{color:var(--ocean-primary-hover)}.synthetic-data-banner{width:min(92vw,420px);padding:10px 16px;border-radius:10px;background:#3b82f62e;border:1px solid rgba(59,130,246,.45);color:#bfdbfe;font-size:.9rem;text-align:center;margin-bottom:14px}.env-stripe{height:4px;width:100%}.env-dev .env-stripe{background:#22c55e}.env-stage .env-stripe{background:#f59e0b}.env-prod .env-stripe{background:#ef4444}.synthetic-data-indicator{width:100%;padding:4px 16px;background:#eff6ff;border-bottom:1px solid #bfdbfe;color:#1e40af;font-size:.78rem;font-weight:600;text-align:center;letter-spacing:.03em}.auth-page{min-height:100vh;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(#0c598580,#0c59856b),url(/ocean-background.jpg);background-repeat:no-repeat;background-size:cover;background-position:center}.page-shell{min-height:100vh;background:var(--ocean-shell-bg)}.glass-card{border:1px solid var(--ocean-card-border);background:var(--ocean-card-bg);border-radius:12px;box-shadow:0 8px 24px #0c294314}.auth-card{width:min(92vw,360px);padding:14px 16px;border-radius:18px;border:1px solid rgba(255,255,255,.18);background:#0006;box-shadow:0 18px 36px #0000004d;color:#fff}.auth-card .brand{display:block;width:180px;margin:0 auto 10px}.auth-card h1,.auth-card p,.auth-card label{color:#fff}.auth-card h1{margin:0 0 10px;color:#fff;font-size:2rem;font-weight:300;line-height:1.1;text-align:center}.auth-card p{margin-bottom:12px;opacity:.95}.auth-card .notice{color:#cffff0}.auth-card .error{color:#ffd5d5}.auth-mode-panel{border:1px solid rgba(255,255,255,.32);border-radius:10px;background:#ffffff24;padding:12px;margin-bottom:12px}.auth-mode-panel p{margin:0 0 8px}.section{background:#fff}#header{position:relative;z-index:40;border-bottom:1px solid #cecece}.clinic-header{box-shadow:0 1px 3px #0000001a}.navbar{width:100%;margin:0 auto;align-items:center}.clinic-navbar{max-width:1140px;padding:0 20px;min-height:60px;display:flex;gap:12px}.navbar-element{display:flex;align-items:center}.clinic-scope-picker{gap:6px}.clinic-scope-picker select{border:1px solid #c9d7e7;border-radius:8px;background:#fff;color:#1f2937;height:34px;padding:0 10px;min-width:160px}.clinic-name{margin-left:4px;padding-left:12px}.clinic-name-text{font-size:14px;font-weight:500;color:#4a5568;letter-spacing:.01em}.nav-logo{display:inline-flex;align-items:center}.nav-logo .brand{width:146px;margin:3px 0}#desktop-menu .mainmenu>ul{list-style:none;padding:0;margin:0;display:flex;background-color:#fff}#desktop-menu .mainmenu>ul>li{position:relative;list-style:none}#desktop-menu .mainmenu>ul>li>a,#desktop-menu .mainmenu>ul>li>a:visited{display:block;padding:0 15px;line-height:60px;color:#333;text-decoration:none;font-size:1rem;font-weight:500}#desktop-menu .mainmenu>ul>li>a.active,#desktop-menu .mainmenu>ul>li>a:hover,#desktop-menu .mainmenu>ul>li>a:focus,#desktop-menu .mainmenu>ul>li>a:active{color:var(--ocean-primary-hover)}#desktop-menu .mainmenu .submenu{display:none;position:absolute;top:calc(100% - 2px);left:0;min-width:220px;margin:0;padding:8px 0;list-style:none;border:1px solid #d5dde7;border-radius:10px;background:#fff;box-shadow:0 12px 28px #020c1a1f;z-index:120}#desktop-menu .mainmenu .has-submenu:hover .submenu,#desktop-menu .mainmenu .has-submenu:focus-within .submenu{display:block}#desktop-menu .mainmenu .submenu li{list-style:none}#desktop-menu .mainmenu .submenu li a,#desktop-menu .mainmenu .submenu li a:visited{display:block;padding:8px 14px;line-height:1.35;color:var(--ocean-text);text-decoration:none;font-size:.92rem;font-weight:500;white-space:nowrap}#desktop-menu .mainmenu .submenu li a.active,#desktop-menu .mainmenu .submenu li a:hover,#desktop-menu .mainmenu .submenu li a:focus,#desktop-menu .mainmenu .submenu li a:active{color:var(--ocean-primary);background:#edf3f9}#user{margin-left:auto}.user-menu{position:relative}.userbug{width:40px;height:40px;margin:0;padding:0!important;border-radius:999px;border:1px solid #d5dde7;background:#fff;color:var(--ocean-primary);display:inline-flex;align-items:center;justify-content:center}.userbug>span{flex:0 0 auto!important;min-width:0;display:inline-flex;align-items:center;justify-content:center}.userbug:hover{background:#f4f8fc}.userbug .chakra-avatar{width:24px;height:24px;color:#fff;background:var(--ocean-primary)}.user-menu-panel.chakra-menu__menu-list{min-width:220px;background:#fff;border:1px solid #d5dde7;border-radius:8px;padding:6px;box-shadow:0 10px 24px #020c1a1f;z-index:1000;color:var(--ocean-text)}.user-menu-item.chakra-menu__menuitem{border-radius:6px;border:0;background:#fff;color:var(--ocean-text);margin:0 0 4px;font-size:.92rem;font-weight:500}.user-menu-item.chakra-menu__menuitem:last-of-type{margin-bottom:0}.user-menu-item.chakra-menu__menuitem:hover,.user-menu-item.chakra-menu__menuitem[data-hover],.user-menu-item.chakra-menu__menuitem[data-focus]{background:#edf3f9;color:var(--ocean-primary)}.menu-toggle{display:none;width:40px;height:40px;border-radius:8px;border:1px solid #d5dde7;background:#fff;color:var(--ocean-primary);font-size:1.3rem;line-height:1;margin:0;padding:0}.menu-toggle:hover{background:#f4f8fc}#mobile-menu{display:none;border-top:1px solid rgba(255,255,255,.18);background:var(--ocean-primary)}#mobile-menu .mainmenu>ul{padding:0;margin:0;display:block;list-style:none}#mobile-menu .mainmenu>ul>li{list-style:none;border-bottom:1px solid rgba(255,255,255,.14)}#mobile-menu .mainmenu>ul>li:last-child{border-bottom:0}#mobile-menu .mainmenu>ul>li>a,#mobile-menu .mainmenu>ul>li>a:visited{display:block;padding:0 15px;line-height:50px;color:#fff;text-decoration:none;font-weight:500}#mobile-menu .mainmenu>ul>li>a.active,#mobile-menu .mainmenu>ul>li>a:hover,#mobile-menu .mainmenu>ul>li>a:focus,#mobile-menu .mainmenu>ul>li>a:active{color:#fff;font-weight:700;background:#ffffff1a}#mobile-menu .mainmenu .submenu{margin:0;padding:0;list-style:none;background:#ffffff0f}#mobile-menu .mainmenu .submenu li{list-style:none;border-top:1px solid rgba(255,255,255,.12)}#mobile-menu .mainmenu .submenu li a,#mobile-menu .mainmenu .submenu li a:visited{display:block;padding:0 24px;line-height:44px;color:#fff;text-decoration:none;font-size:.94rem;font-weight:500}#mobile-menu .mainmenu .submenu li a.active,#mobile-menu .mainmenu .submenu li a:hover,#mobile-menu .mainmenu .submenu li a:focus,#mobile-menu .mainmenu .submenu li a:active{color:#fff;font-weight:700;background:#ffffff24}.home-main,.demo-main,.emr-main,.api-grid{width:100%;max-width:1200px;margin:0 auto;padding:16px}.home-main{display:grid;place-items:center}.home-card{width:min(100%,520px);padding:24px;text-align:center}.api-grid,.demo-main,.emr-main{margin-top:0}.menu-link{display:block;text-decoration:none;color:var(--ocean-primary);border-radius:8px;border:1px solid #ccd8e5;background:#fff;padding:10px 12px;font-weight:600}.menu-link:hover{background:#edf6fc;color:var(--ocean-primary-hover)}.action-link{margin:8px 0 14px}.emr-integration-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.emr-summary-panel{grid-column:span 5;padding:20px}.emr-summary-list{margin:0;padding-left:20px}.emr-summary-list li{margin-bottom:10px;color:var(--ocean-text-muted)}.emr-summary-list li:last-child{margin-bottom:0}.emr-footnotes{margin:8px 0 0;padding-left:20px}.emr-footnotes li{margin-bottom:8px;color:var(--ocean-text-muted);font-size:.9rem;line-height:1.45}.emr-footnotes li:last-child{margin-bottom:0}.emr-api-panel{grid-column:span 7;padding:20px}.emr-api-browser{display:grid;grid-template-columns:minmax(250px,.9fr) minmax(0,1.1fr);gap:14px;align-items:start}.emr-api-list{display:flex;flex-direction:column;gap:8px}.emr-api-item{margin:0;text-align:left;background:#fff;color:var(--ocean-text);border:1px solid var(--ocean-card-border);border-radius:10px;padding:12px}.emr-api-item:hover{border-color:#9fb4ca}.emr-api-item.active{border-color:var(--ocean-primary);background:#1a80a914}.emr-method{display:inline-flex;align-items:center;justify-content:center;min-width:50px;padding:2px 8px;border-radius:999px;font-size:.74rem;font-weight:800;letter-spacing:.04em;margin-right:8px}.emr-method.method-get{background:#e8f2ff;color:#1f5e96}.emr-method.method-post{background:#e5f8f3;color:#0f766e}.emr-method.method-patch{background:#fff3df;color:#995b13}.emr-api-path{font-family:Courier New,Courier,monospace;font-size:.84rem;color:#1e293b}.emr-api-label{display:block;margin-top:5px;font-size:.82rem;color:var(--ocean-text-muted)}.emr-api-detail{padding:14px;background:#f7fbff}.emr-api-detail pre{margin-top:10px;max-height:54vh}.emr-notes{margin:10px 0 0;padding-left:18px}.emr-notes li{margin-bottom:8px;font-size:.88rem;color:var(--ocean-text-muted)}.emr-notes li:last-child{margin-bottom:0}h1,h2{margin:0 0 10px;color:var(--ocean-text)}h3{margin:0 0 10px}p{margin:0 0 14px;color:var(--ocean-text-muted)}label{font-size:.84rem;text-transform:uppercase;letter-spacing:.05em;color:#50637a}input,textarea{width:100%;margin:8px 0 14px;border-radius:10px;border:1px solid #c7d3e0;padding:10px 12px;font-size:.95rem;background:#fff;color:var(--ocean-text)}textarea{resize:vertical}.auth-card button{width:100%;margin:8px 0 14px;border-radius:10px;border:1px solid var(--ocean-primary);padding:10px 12px;font-size:.95rem;background:var(--ocean-primary);color:#fff;font-weight:600;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.auth-card button:hover:not(:disabled){background:var(--ocean-primary-hover);border-color:var(--ocean-primary-hover)}.auth-card button:disabled{opacity:.6;cursor:default}button.emr-api-item,button.emr-api-item:hover:not(:disabled),button.emr-api-item:focus:not(:disabled),button.emr-api-item:active:not(:disabled){width:auto;margin:0;border:1px solid var(--ocean-card-border);border-radius:10px;background:#fff;color:var(--ocean-text);padding:12px;text-align:left}button.emr-api-item:hover:not(:disabled),button.emr-api-item:focus:not(:disabled){border-color:#9fb4ca}button.emr-api-item.active,button.emr-api-item.active:hover:not(:disabled),button.emr-api-item.active:focus:not(:disabled),button.emr-api-item.active:active:not(:disabled){border-color:var(--ocean-primary);background:#1a80a914;color:var(--ocean-text)}button.emr-api-item .emr-api-path{color:#1e293b}button.emr-api-item.active .emr-api-path{color:#0f172a}.auth-submit{background:var(--ocean-primary);border-color:var(--ocean-primary-hover);color:#fff}.auth-submit:hover:not(:disabled){background:var(--ocean-primary-hover);color:#fff}.topbar{padding:18px;display:flex;align-items:center;justify-content:space-between;gap:16px}.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;margin-top:0}.controls,.response{grid-column:span 4;padding:16px}pre{margin:0;max-height:62vh;overflow:auto;white-space:pre-wrap;word-break:break-word;background:#f7fafc;border:1px solid #d7e2ef;border-radius:12px;padding:12px;color:#223042}.error{color:#b42318}.notice{color:#0f766e}.hint{margin:0 0 12px;opacity:.88}.telemetry-page{padding:16px}.telemetry-panel{max-width:1140px;margin:0 auto;padding:18px}.telemetry-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.telemetry-stat{border:1px solid var(--ocean-card-border);border-radius:10px;padding:12px;background:#fff}.telemetry-stat h2{margin:0 0 6px;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.telemetry-stat p{margin:0;color:#0f172a;font-weight:600}.telemetry-actions{display:flex;flex-wrap:wrap;gap:10px}.telemetry-actions button{width:auto;margin:0}.telemetry-actions button.danger{background:#b42318;border-color:#b42318}.telemetry-actions button.danger:hover:not(:disabled){background:#8f1d13;border-color:#8f1d13}.telemetry-notice{margin-top:10px;color:#0f766e}.telemetry-grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:12px;margin-top:12px}.telemetry-card{padding:14px}.telemetry-card h2{margin-bottom:10px}.telemetry-card ul{margin:0;padding-left:18px}.telemetry-card li{margin-bottom:8px}.telemetry-card li:last-child{margin-bottom:0}.telemetry-table-wrap{min-width:0}.telemetry-table-scroller{width:100%;overflow-x:auto}.telemetry-table-scroller table{width:100%;border-collapse:collapse}.telemetry-table-scroller th,.telemetry-table-scroller td{border:1px solid #dbe3ed;padding:8px 10px;text-align:left;vertical-align:top;font-size:.88rem;color:#1f2937}.telemetry-table-scroller th{background:#f4f8fc;color:#334155}.developer-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:0;min-height:calc(100vh - 80px)}.developer-sidebar{background:#fff;border-right:1px solid var(--ocean-card-border);padding:20px 16px}.developer-sidebar h2{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ocean-text-muted);margin:0 0 12px}.developer-sidebar ul{list-style:none;margin:0;padding:0}.developer-sidebar li{margin-bottom:2px}.developer-sidebar a{display:block;padding:8px 12px;border-radius:6px;color:var(--ocean-text);text-decoration:none;font-size:.9rem;transition:background-color .12s ease}.developer-sidebar a:hover{background:#0c59850f}.developer-sidebar a.active{background:#0c59851a;color:var(--ocean-primary);font-weight:600}.developer-content{padding:20px;overflow-y:auto}@media (max-width: 980px){.developer-layout{grid-template-columns:1fr}.developer-sidebar{border-right:none;border-bottom:1px solid var(--ocean-card-border);padding:12px 16px}.developer-sidebar ul{display:flex;flex-wrap:wrap;gap:4px}.clinic-navbar{padding:0 12px}.home-main,.demo-main,.emr-main,.api-grid{padding:12px}.controls,.response,.emr-summary-panel,.emr-api-panel{grid-column:span 12}.emr-api-browser,.telemetry-stats,.telemetry-grid{grid-template-columns:1fr}}@media print{body{background:#fff!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}body.report-preview-active .env-stripe,body.report-preview-active .synthetic-data-indicator,body.report-preview-active .clinic-header,body.report-preview-active .no-print{display:none!important}body.report-preview-active .page-shell{background:#fff!important}body.report-preview-active .demo-main{padding:0!important;margin:0!important;max-width:none!important}body.report-preview-active *{overflow:visible!important}body.report-preview-active .report-print-root,body.report-preview-active .report-print-sheet{background:#fff!important;box-shadow:none!important;margin:0!important}}