*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: #F5F5F0;--surface: #FFFFFF;--dark: #0D0D0D;--accent: #E5FF00;--text-primary: #0D0D0D;--text-secondary: #7A7A7A;--text-muted: #B0B0B0;--border: #E8E8E8;--border-light: #F0F0F0;--green: #22C55E;--green-bg: #E8F5E9;--amber: #F59E0B;--amber-bg: #FFF8E1;--blue: #2563EB;--blue-bg: #EFF6FF;--red: #DC2626;--red-bg: #FCE4EC;--purple-bg: #F3E5F5;--teal-bg: #E0F2F1;--orange-bg: #FFF3E0;--font-heading: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;min-height:100vh}a{text-decoration:none;color:inherit}@view-transition{navigation:auto}.topbar{view-transition-name:topbar}.page-main,.consult-layout,.rx-layout{view-transition-name:main-content}::view-transition-old(main-content){animation:.15s ease-out both fade-out}::view-transition-new(main-content){animation:.2s ease-in .1s both fade-in}::view-transition-old(topbar),::view-transition-new(topbar){animation:none}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{0%{opacity:0}}::view-transition-old(active-pill),::view-transition-new(active-pill){animation-duration:.25s;animation-timing-function:ease-in-out}::view-transition-old(patient-banner),::view-transition-new(patient-banner){animation-duration:.35s;animation-timing-function:cubic-bezier(.4,0,.2,1);overflow:hidden}.page-shell{display:flex;flex-direction:column;height:100vh;overflow:hidden}.page-main{flex:1;overflow-y:auto;padding:32px 40px;display:flex;flex-direction:column;gap:28px}.topbar{display:flex;align-items:center;justify-content:space-between;height:72px;padding:12px 32px;flex-shrink:0;background:var(--surface);border-bottom:1px solid var(--border)}.topbar-left{display:flex;align-items:center;gap:10px}.logo-mark{width:38px;height:38px;border-radius:10px;background:var(--dark);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:22px;font-weight:700;color:var(--accent)}.logo-name{font-family:var(--font-heading);font-size:17px;font-weight:600}.logo-name a{color:var(--text-primary)}.nav-pill{display:flex;align-items:center;gap:4px;background:var(--bg);border-radius:100px;padding:4px}.nav-item{display:flex;align-items:center;gap:8px;padding:8px 20px;border-radius:100px;font-family:var(--font-heading);font-size:13px;font-weight:500;color:var(--text-secondary);transition:all .2s;white-space:nowrap}.nav-item:hover{color:var(--text-primary)}.nav-item.active{background:var(--dark);color:#fff;view-transition-name:active-pill}.nav-item svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.topbar-right{display:flex;align-items:center;gap:12px}.search-wrap{position:relative;display:flex;align-items:center;width:40px;height:40px;border-radius:100px;border:1px solid var(--border);background:transparent;cursor:pointer}.search-wrap svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;stroke:var(--text-secondary);fill:none;stroke-width:2;flex-shrink:0;pointer-events:none;z-index:1}.search-wrap input{position:absolute;right:0;top:0;width:40px;height:100%;border:none;outline:none;background:transparent;border:1px solid var(--border);border-radius:100px;font-family:var(--font-body);font-size:13px;color:var(--text-primary);padding:0 12px 0 36px;opacity:0;cursor:pointer;transition:width .3s ease,opacity .2s ease,background .2s ease}.search-wrap.open input{width:260px;opacity:1;background:var(--bg);cursor:text}.search-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:100px;border:1px solid var(--border);background:transparent;font-family:var(--font-body);font-size:13px;color:var(--text-muted);cursor:pointer}.search-btn svg{width:16px;height:16px;stroke:var(--text-secondary);fill:none;stroke-width:2}.icon-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:transparent;display:flex;align-items:center;justify-content:center;cursor:pointer}.icon-btn svg{width:18px;height:18px;stroke:var(--text-secondary);fill:none;stroke-width:2}.avatar{width:40px;height:40px;border-radius:50%;background:var(--dark);display:flex;align-items:center;justify-content:center;font-family:var(--font-heading);font-size:13px;font-weight:600;color:#fff}.page-header{display:flex;justify-content:space-between;align-items:center}.page-header-left{display:flex;flex-direction:column;gap:4px}.page-title{font-family:var(--font-heading);font-size:28px;font-weight:600;letter-spacing:-.5px}.page-sub{color:var(--text-secondary);font-size:14px}.page-header-right{display:flex;align-items:center;gap:10px}.chip{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:100px;font-family:var(--font-body);font-size:13px;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary)}.chip svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}.btn-dark{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:100px;background:var(--dark);color:#fff;border:none;cursor:pointer;font-family:var(--font-heading);font-size:13px;font-weight:500;transition:opacity .2s}.btn-dark:hover{opacity:.85}.btn-dark svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}.btn-outline{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:100px;background:transparent;color:var(--text-primary);border:1px solid var(--border);cursor:pointer;font-family:var(--font-heading);font-size:13px;font-weight:500;transition:all .2s}.btn-outline:hover{border-color:var(--dark)}.stats-row{display:flex;gap:16px}.stat-card{flex:1;border-radius:20px;padding:24px;background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;gap:16px}.stat-card.dark{background:var(--dark);border:none}.stat-card.dark .stat-label{color:#a0a0a0}.stat-card.dark .stat-value{color:#fff}.stat-top{display:flex;justify-content:space-between;align-items:center}.stat-label{color:var(--text-secondary);font-size:13px}.stat-icon-wrap{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-icon-wrap svg{width:18px;height:18px;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.stat-bottom{display:flex;flex-direction:column;gap:4px}.stat-value{font-family:var(--font-heading);font-size:32px;font-weight:600;letter-spacing:-1px}.stat-change{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500}.stat-change svg{width:14px;height:14px;fill:none;stroke-width:2}.stat-dot{width:8px;height:8px;border-radius:50%}.card{background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden;display:flex;flex-direction:column}.card-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--border)}.card-title{font-family:var(--font-heading);font-size:16px;font-weight:600}.card-link{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-family:var(--font-heading);font-size:13px;font-weight:500}.card-link svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2}.card-body{padding:16px;display:flex;flex-direction:column;gap:10px}.table-head{display:flex;padding:12px 24px;background:#fafafa;border-bottom:1px solid var(--border)}.table-head span{color:var(--text-secondary);font-size:12px;font-weight:500}.table-row{display:flex;align-items:center;padding:14px 24px;border-bottom:1px solid var(--border-light);transition:background .15s}.table-row:last-child{border-bottom:none}.table-row:hover{background:#fafafa}.col-fill{flex:1}.col-name{display:flex;align-items:center;gap:10px;flex:1}.name-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}.name-text{font-size:14px;font-weight:500}.badge-sm{display:inline-flex;padding:4px 12px;border-radius:100px;font-size:12px;font-weight:500}.badge-admitted{background:var(--green-bg);color:#16a34a}.badge-outpatient{background:var(--orange-bg);color:#ea580c}.badge-critical{background:var(--red-bg);color:var(--red)}.badge-incomplete{background:var(--blue-bg);color:var(--blue)}.badge-urgent{background:var(--red-bg);color:var(--red)}.badge-normal{background:var(--green-bg);color:#16a34a}.badge-moderate{background:var(--amber-bg);color:#b45309}.qa-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;background:var(--bg);cursor:pointer;transition:background .15s}.qa-item:hover{background:#eaeae5}.qa-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center}.qa-icon svg{width:18px;height:18px;fill:none;stroke-width:2}.qa-info{display:flex;flex-direction:column;gap:2px}.qa-title{font-family:var(--font-heading);font-size:13px;font-weight:600}.qa-desc{color:var(--text-secondary);font-size:11px}.list-item{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:14px;border:1px solid var(--border-light)}.list-item-left{display:flex;flex-direction:column;gap:2px}.list-item-title{font-family:var(--font-heading);font-size:13px;font-weight:500}.list-item-sub{color:var(--text-secondary);font-size:11px}.list-item-right{display:flex;align-items:center;gap:6px}.schedule-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:14px;background:var(--bg)}.schedule-time{font-family:var(--font-heading);font-size:13px;font-weight:600;color:var(--text-primary);min-width:48px}.schedule-info{display:flex;flex-direction:column;gap:2px}.schedule-name{font-family:var(--font-heading);font-size:13px;font-weight:500}.schedule-desc{color:var(--text-secondary);font-size:11px}.bottom-row{display:flex;gap:16px;flex:1;min-height:0}.left-col{flex:1;display:flex;flex-direction:column;min-height:0}.right-col{width:380px;display:flex;flex-direction:column;gap:16px}.card.fill{flex:1;min-height:0;overflow:hidden}.card.fill .card-body{overflow-y:auto;flex:1}@media(max-width:1200px){.bottom-row{flex-direction:column}.right-col{width:100%}.stats-row{flex-wrap:wrap}.stat-card{min-width:calc(50% - 8px)}}@media(max-width:768px){.page-main{padding:20px;gap:20px}.topbar{padding:8px 16px;height:auto;flex-wrap:wrap;gap:8px}.nav-pill{overflow-x:auto}.stat-card{min-width:100%}.page-header{flex-direction:column;align-items:flex-start;gap:12px}}
