:root{color-scheme:light dark;font-family:Inter,Inter Tight,system-ui,sans-serif;background:#f4f5f6;color:#22252a;line-height:1.5;font-size:16px;--surface: #ffffff;--surface-strong: #f5f7f9;--surface-muted: #e8ebee;--text-primary: #1b2128;--text-muted: #5c6670;--border: #d4d8dd;--primary: #3b6df0;--primary-soft: #e8efff;--accent: #4a90e2;--success: #2f8f6f;--warning: #e6a938;--danger: #c54242;--shadow: 0 18px 50px rgba(20, 40, 72, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:linear-gradient(180deg,#f7f8fa,#f3f5f7)}button,input,textarea,select{font:inherit}button{border:none;cursor:pointer}.app-shell{min-height:100vh}.login-screen,.page-shell{max-width:1440px;margin:0 auto;padding:32px}.login-screen{display:grid;min-height:100vh;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center}.login-panel,.panel{background:var(--surface);border:1px solid rgba(18,24,38,.08);box-shadow:var(--shadow);border-radius:28px}.login-panel{padding:44px}.brand-hero{padding:44px 40px}.brand-title{display:flex;align-items:center;gap:16px;margin-bottom:28px}.brand-title h1{font-size:2.25rem;margin:0}.brand-tagline{margin:0;color:var(--text-muted);max-width:36rem}.grid-gap{display:grid;gap:24px}.role-grid{display:grid;gap:14px;margin-top:28px}.role-card{background:var(--surface-strong);border:1px solid transparent;border-radius:18px;padding:20px 24px;transition:border-color .18s ease,transform .18s ease}.role-card:hover{border-color:#3b6df02e;transform:translateY(-1px)}.role-card strong{display:block;margin-bottom:4px}.role-card span{color:var(--text-muted)}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;font-size:.85rem;line-height:1;background:#3b6df01a;color:var(--primary)}.page-shell{padding:32px 28px}.app-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px}.sidebar{position:sticky;top:32px;align-self:start;display:grid;gap:22px}.sidebar-card,.content-card,.list-card,.split-card{background:var(--surface);border:1px solid rgba(18,24,38,.08);border-radius:24px;padding:24px}.sidebar-card h2,.content-card h2,.card-title{margin:0 0 16px;font-size:1rem;color:#25303b}.nav-list,.summary-grid,.detail-grid,.metric-grid,.button-row,.section-panel{display:grid;gap:16px}.nav-list{list-style:none;margin:0;padding:0}.nav-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-radius:16px;transition:background .18s ease,transform .18s ease;color:var(--text-primary);text-decoration:none}.nav-item:hover,.nav-item.active{background:var(--surface-muted)}.nav-item span{color:var(--text-muted)}.main-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-bottom:24px}.page-title{margin:0;font-size:1.8rem;line-height:1.05}.page-subtitle{color:var(--text-muted);margin:8px 0 0;max-width:42rem}.top-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.metric-card{padding:22px;min-height:112px}.metric-card strong{display:block;font-size:2rem;margin-bottom:8px}.metric-card span{color:var(--text-muted)}.table-card{overflow:hidden}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse}thead th,tbody td{text-align:left;padding:14px 16px}thead th{color:var(--text-muted);font-size:.875rem;letter-spacing:.01em}tbody tr{border-top:1px solid rgba(18,24,38,.08)}tbody tr:hover{background:#fbfbfd}.status-pill{display:inline-flex;padding:6px 12px;border-radius:999px;font-size:.82rem;font-weight:600;letter-spacing:.01em}.status-signed{background:#e7f8f0;color:#177a52}.status-draft{background:#eef3ff;color:#3456c5}.status-pending{background:#fff4e8;color:#a8631f}.status-hold{background:#feecef;color:#a22f3f}.status-current{background:#e8f7ff;color:#176fbb}.status-overdue{background:#fde3e3;color:#ab2d2d}.status-ready{background:#e7f8f0;color:#177a52}.table-action{color:var(--primary);font-weight:600}.patient-card{padding:22px;border-radius:22px;border:1px solid rgba(18,24,38,.06);background:#fff}.patient-card h3{margin:0 0 10px}.patient-card p,.patient-card dl{margin:0}.patient-card dt{font-size:.82rem;font-weight:700;color:var(--text-muted)}.patient-card dd{margin:6px 0 12px}.patient-card .pill-row{display:flex;flex-wrap:wrap;gap:10px}.section-block{background:var(--surface-strong);border-radius:20px;padding:22px}.section-block h3{margin-top:0}.textarea-field{width:100%;min-height:128px;padding:16px;border-radius:18px;border:1px solid rgba(18,24,38,.12);resize:vertical;background:#fff}.textarea-field:focus,.input-field:focus{outline:none;border-color:#3b6df080;box-shadow:0 0 0 4px #3b6df014}.input-field{width:100%;padding:14px 16px;border-radius:16px;border:1px solid rgba(18,24,38,.12);background:#fff}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:16px;font-weight:700}.primary-button{background:var(--primary);color:#fff}.secondary-button{background:#f5f7fa;color:var(--text-primary)}.tag-grid{display:grid;gap:10px}.status-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.action-banner{background:#f3f7fd;border:1px solid rgba(59,109,240,.16);border-radius:20px;padding:20px}.logo-mark,.brand-title svg{width:40px;height:40px;min-width:40px;min-height:40px;flex-shrink:0;display:block;color:var(--text-primary);overflow:visible}@media(max-width:1080px){.app-grid,.top-grid,.status-summary{grid-template-columns:1fr}}@media(max-width:820px){.login-screen{grid-template-columns:1fr;padding:28px}.login-panel,.brand-hero{border-radius:24px;padding:28px}}