:root{--brand-navy: #19355C;--brand-navy-dark: #0F2040;--brand-navy-mid: #254878;--brand-navy-light: #2E5A94;--brand-navy-tint: #EEF3F9;--brand-cyan: #1FD5E6;--brand-cyan-dark: #14A8B8;--brand-cyan-light: #E6FCFD;--brand-cyan-glow: rgba(31, 213, 230, .25);--brand-orange: #C88638;--brand-orange-light: #FEF3E7;--brand-slate: #94A3B8;--brand-blue: #19355C;--brand-blue-hover: #254878;--brand-blue-light: #EEF3F9;--brand-blue-glow: rgba(31, 213, 230, .25);--brand-emerald: #059669;--brand-green: #10B981;--brand-green-light: #ECFDF5;--brand-amber: #C88638;--brand-amber-light: #FEF3E7;--brand-red: #DC2626;--brand-red-light: #FEF2F2;--sidebar-bg-start: #19355C;--sidebar-bg-end: #0F2040;--sidebar-text: #94A3B8;--sidebar-text-active: #FFFFFF;--sidebar-hover: rgba(255, 255, 255, .08);--sidebar-active-bg: rgba(31, 213, 230, .14);--sidebar-active-border: #1FD5E6;--sidebar-divider: rgba(255, 255, 255, .08);--bg-canvas: #F8FAFC;--bg-card: #FFFFFF;--bg-card-subtle: #F1F5F9;--border-color: #E2E8F0;--border-light: #F1F5F9;--border-focus: #1FD5E6;--text-main: #19355C;--text-secondary: #254878;--text-muted: #64748B;--text-light: #94A3B8;--shadow-xs: 0 1px 2px rgba(25, 53, 92, .04);--shadow-card: 0 1px 3px rgba(25, 53, 92, .06), 0 1px 2px rgba(25, 53, 92, .03);--shadow-card-hover: 0 10px 25px -5px rgba(15, 32, 64, .1), 0 8px 10px -6px rgba(15, 32, 64, .04);--shadow-dropdown: 0 12px 32px rgba(15, 32, 64, .16), 0 4px 10px rgba(15, 32, 64, .06);--shadow-modal: 0 25px 50px -12px rgba(15, 32, 64, .28);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--transition: all .2s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea,optgroup{font-family:inherit}html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-canvas);color:var(--text-main);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%;height:100%;margin:0;padding:0;overflow:hidden}h1,h2,h3,h4,h5,h6,.page-title,.sidebar-brand,.card-title,.modal-title,.kpi-val,.spec-header{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}code,pre,.font-mono,.code-text,.badge-mono{font-family:JetBrains Mono,monospace}#root{width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.app-container{display:flex;width:100%;height:100vh;max-height:100vh;background-color:var(--bg-canvas);position:relative;overflow:hidden}.sidebar{width:230px;min-width:230px;max-width:230px;background:linear-gradient(180deg,var(--sidebar-bg-start) 0%,var(--sidebar-bg-end) 100%);color:var(--sidebar-text);display:flex;flex-direction:column;flex-shrink:0;height:100vh;max-height:100vh;overflow:hidden;z-index:100;border-right:1px solid rgba(0,0,0,.2);-webkit-user-select:none;user-select:none;box-sizing:border-box}.sidebar-header{height:60px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--sidebar-divider);flex-shrink:0}.sidebar-brand{font-size:20px;font-weight:800;color:#fff;letter-spacing:-.5px;display:flex;align-items:center;gap:2px}.sidebar-brand span{color:var(--brand-blue)}.sidebar-menu{flex:1;overflow-y:auto;padding:14px 10px;display:flex;flex-direction:column;gap:3px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}.sidebar-menu::-webkit-scrollbar{width:3px}.sidebar-menu::-webkit-scrollbar-track{background:transparent}.sidebar-menu::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.sidebar-menu::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.menu-group-title{font-size:10px;font-weight:800;letter-spacing:.8px;color:#64748b;text-transform:uppercase;padding:14px 10px 6px}.menu-item{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-radius:var(--radius-sm);color:var(--sidebar-text);font-size:13px;font-weight:500;cursor:pointer;transition:var(--transition);-webkit-user-select:none;user-select:none;border-left:3px solid transparent}.menu-item:hover{background:var(--sidebar-hover);color:#f8fafc}.menu-item.active{background:var(--sidebar-active-bg);color:#fff;font-weight:700;border-left-color:var(--sidebar-active-border);box-shadow:0 0 16px #1fd5e640}.menu-icon-label{display:flex;align-items:center;gap:10px}.menu-icon{flex-shrink:0;transition:var(--transition)}.menu-item.active .menu-icon{color:var(--brand-cyan)}.main-content{flex:1;display:flex;flex-direction:column;min-width:0;height:100vh;max-height:100vh;overflow:hidden;box-sizing:border-box}.topbar{height:60px;min-height:60px;max-height:60px;background:#fffffff5;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 24px;flex-shrink:0;z-index:90;width:100%;box-sizing:border-box}.main-scrollable{flex:1;overflow-y:auto;overflow-x:hidden;height:calc(100vh - 60px);width:100%;min-width:0;display:flex;flex-direction:column;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.page-title{font-size:18px;font-weight:800;color:var(--text-main);letter-spacing:-.3px;display:flex;align-items:center;gap:10px;white-space:nowrap}.page-container,.page-body{padding:20px 24px 48px;flex:1;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-card);margin-bottom:18px;transition:var(--transition);position:relative}.card:hover{box-shadow:var(--shadow-card-hover)}.card-header{padding:14px 20px;border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;background:#fff;border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.card-title{font-size:14px;font-weight:700;color:var(--text-main);display:flex;align-items:center;gap:8px;letter-spacing:-.2px}.card-body{padding:20px}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px;width:100%}@media(max-width:1280px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:576px){.kpi-grid{grid-template-columns:minmax(0,1fr)}}.kpi-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:18px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-card);transition:var(--transition);position:relative;overflow:hidden}.kpi-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);border-color:#cbd5e1}.kpi-icon-wrap{width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 10px #0000000d}.kpi-icon-wrap.blue,.kpi-icon-wrap.cyan{background:linear-gradient(135deg,#e6fcfd,#baf3f8);color:#0e7490}.kpi-icon-wrap.green{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.kpi-icon-wrap.orange{background:linear-gradient(135deg,#ffedd5,#fed7aa);color:#ea580c}.kpi-icon-wrap.red{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.kpi-title{font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:3px}.kpi-val{font-size:22px;font-weight:800;color:var(--text-main);letter-spacing:-.5px;font-variant-numeric:tabular-nums}.btn{height:38px;padding:0 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid transparent;transition:var(--transition);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn:active{transform:scale(.98)}.btn-primary{background:linear-gradient(135deg,#19355c,#0f2040);color:#fff;border:1px solid rgba(31,213,230,.35);box-shadow:0 2px 8px #0f204033}.btn-primary:hover{background:linear-gradient(135deg,#254878,#19355c);border-color:#1fd5e6;box-shadow:0 4px 14px #1fd5e64d;color:#fff}.btn-cyan{background:linear-gradient(135deg,#1fd5e6,#14a8b8);color:#0f2040;font-weight:700;border:1px solid rgba(31,213,230,.6);box-shadow:0 2px 10px #1fd5e659}.btn-cyan:hover{background:linear-gradient(135deg,#38e2f1,#1fd5e6);box-shadow:0 4px 16px #1fd5e680;color:#0f2040}.btn-outline{background:#fff;border-color:var(--border-color);color:var(--text-main);box-shadow:var(--shadow-xs)}.btn-outline:hover{background:var(--bg-card-subtle);border-color:#cbd5e1;color:#14a8b8}.btn-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 6px #10b98140}.btn-success:hover{background:#047857}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 6px #ef444440}.btn-danger:hover{background:#b91c1c}.btn-secondary{background:#f1f5f9;border:1px solid #CBD5E1;color:#334155;box-shadow:var(--shadow-xs)}.btn-secondary:hover{background:#e2e8f0;color:#0f172a;border-color:#94a3b8}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border-color);background:#fff;color:var(--text-main);cursor:pointer;transition:all var(--transition-fast);padding:0;box-sizing:border-box}.btn-icon:hover{background:var(--bg-card-subtle);border-color:var(--brand-cyan);color:var(--brand-navy);transform:translateY(-1px)}.btn-icon:active{transform:translateY(0)}.btn-close{background:none;border:none;font-size:18px;cursor:pointer;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center;padding:6px;border-radius:6px;line-height:1;transition:all var(--transition-fast)}.btn-close:hover{color:#dc2626;background:#fee2e2}.btn-sm{height:30px;padding:0 11px;font-size:12px;border-radius:var(--radius-sm)}.btn-lg{height:44px;padding:0 22px;font-size:14px;border-radius:var(--radius-md)}.form-group{margin-bottom:16px}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:12px;font-weight:700;color:var(--text-secondary);margin-bottom:6px;letter-spacing:-.1px}.form-control,.input-field{width:100%;height:38px;padding:0 14px;border:1px solid var(--border-color);border-radius:var(--radius-sm);font-size:13px;color:var(--text-main);background:#fff;outline:none;transition:var(--transition);font-family:inherit;box-sizing:border-box}.form-control:focus,.input-field:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #1fd5e638,0 1px 4px #19355c14}.form-control::placeholder,.input-field::placeholder{color:#94a3b8}textarea.form-control,textarea.input-field{height:auto;min-height:80px;padding:10px 14px;resize:vertical}select.form-control,select.input-field{cursor:pointer}.table-responsive{width:100%;overflow-x:auto}.data-table,.table{width:100%;border-collapse:separate;border-spacing:0}.data-table th,.table th{background:#f8fafc;border-bottom:1px solid var(--border-color);padding:12px 16px;font-size:12px;font-weight:700;color:var(--text-muted);text-align:left;letter-spacing:.2px;-webkit-user-select:none;user-select:none}.data-table td,.table td{padding:13px 16px;border-bottom:1px solid var(--border-light);vertical-align:middle;font-size:13px;color:var(--text-main);background:#fff;transition:background .15s ease}.data-table tr:hover td,.table tr:hover td{background:#f8fafc}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:var(--radius-full);letter-spacing:.1px;white-space:nowrap}.badge-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.badge-blue,.badge-cyan,.badge-primary,.badge-info{background:#e6fcfd;color:#0e7490;border:1px solid rgba(31,213,230,.3)}.badge-blue .badge-dot,.badge-cyan .badge-dot,.badge-primary .badge-dot,.badge-info .badge-dot{background:#14a8b8}.badge-green,.badge-success{background:#ecfdf5;color:#059669;border:1px solid rgba(5,150,105,.15)}.badge-green .badge-dot,.badge-success .badge-dot{background:#059669}.badge-orange,.badge-warning{background:#fef3e7;color:#c88638;border:1px solid rgba(200,134,56,.25)}.badge-orange .badge-dot,.badge-warning .badge-dot{background:#c88638}.badge-red,.badge-danger,.badge-error{background:#fef2f2;color:#dc2626;border:1px solid rgba(220,38,38,.15)}.badge-red .badge-dot,.badge-danger .badge-dot,.badge-error .badge-dot{background:#dc2626}.badge-gray,.badge-neutral,.badge-secondary{background:#f1f5f9;color:#475569;border:1px solid rgba(71,85,105,.15)}.badge-gray .badge-dot,.badge-neutral .badge-dot,.badge-secondary .badge-dot{background:#64748b}.estimated-price-box{background:#fff;border:2px solid #FDE68A;border-radius:var(--radius-md);overflow:hidden;box-shadow:0 4px 16px #f59e0b1a;transition:var(--transition)}.est-banner{background:linear-gradient(135deg,#fef3c7,#fde68a);border-bottom:1px solid #FCD34D;padding:12px 16px;display:flex;align-items:center;gap:10px;font-weight:800;font-size:13px;color:#92400e;letter-spacing:.3px}.est-content{padding:18px}.est-total-val{font-size:28px;font-weight:800;color:#d97706;margin:6px 0 12px;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.est-notice{font-size:11px;line-height:1.5;color:#b45309;background:#fffbeb;border-radius:var(--radius-sm);padding:10px 12px;border:1px dashed #FCD34D}.modal-overlay,.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}.modal-title{font-size:15px;font-weight:800;color:#0f172a;display:flex;align-items:center;gap:8px;letter-spacing:-.2px}.workspace-layout{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start}@media(max-width:1024px){.workspace-layout{grid-template-columns:1fr}}.workspace-left,.workspace-right{min-width:0}.dosage-chip{display:inline-flex;align-items:center;gap:4px;background:#f1f5f9;border:1px solid #E2E8F0;color:#334155;font-size:11px;padding:3px 8px;border-radius:4px;cursor:pointer;transition:all .15s ease;-webkit-user-select:none;user-select:none}.dosage-chip:hover{background:var(--brand-cyan-light);color:var(--brand-navy);border-color:var(--brand-cyan)}.modal,.modal-content{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-modal);width:100%;max-width:650px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideUp .25s cubic-bezier(.16,1,.3,1);box-sizing:border-box}.modal>form,.modal-content>form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.modal-header{padding:16px 22px;border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-body{padding:22px;flex:1;min-height:0;overflow-y:auto;box-sizing:border-box}.modal-footer{padding:14px 22px;border-top:1px solid var(--border-color);display:flex;align-items:center;justify-content:flex-end;gap:10px;background:var(--bg-card-subtle);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);flex-shrink:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.15)}}.dashboard-grid-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;align-items:start;width:100%}.dashboard-grid-layout>*{min-width:0}@media(max-width:1200px){.dashboard-grid-layout{grid-template-columns:minmax(0,1fr)}}.sidebar-close-btn,.sidebar-backdrop,.hamburger-btn{display:none}@media(max-width:992px){.sidebar{position:fixed;top:0;left:0;bottom:0;width:250px;min-width:250px;max-width:250px;z-index:1000;transform:translate(-100%);transition:transform .3s cubic-bezier(.16,1,.3,1);box-shadow:0 10px 30px #0006}.sidebar.open{transform:translate(0)}.sidebar-close-btn{display:flex!important}.sidebar-backdrop{display:block!important;position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172aa6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:999;animation:fadeIn .2s ease}.hamburger-btn{display:flex!important}.main-content{width:100%}.page-container,.page-body{padding:16px}}@media(max-width:640px){.modal-backdrop,.modal-overlay{padding:10px}.modal,.modal-content{max-height:96vh;border-radius:var(--radius-md)}.modal-header{padding:12px 16px}.modal-body{padding:14px 16px}.modal-footer{padding:10px 16px}.modal-body [style*=gridTemplateColumns],.modal-content [style*=gridTemplateColumns]{grid-template-columns:1fr!important}}.patient-hero-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1.5px solid #CBD5E1;border-left:5px solid var(--brand-cyan);border-radius:var(--radius-lg);padding:16px 20px;box-shadow:0 4px 14px #19355c0f;transition:var(--transition);position:relative}.patient-hero-card:hover{border-color:#94a3b8;border-left-color:var(--brand-cyan);box-shadow:0 6px 20px #19355c17}.patient-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:linear-gradient(135deg,#19355c,#0f2040);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:800;border:2px solid #1FD5E6;box-shadow:0 4px 10px #1fd5e640;flex-shrink:0}.smart-search-container{position:relative;width:100%}.smart-search-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid #1FD5E6;border-radius:var(--radius-md);box-shadow:0 12px 32px #0f204029,0 4px 10px #1fd5e626;max-height:320px;overflow-y:auto;z-index:100;padding:6px}.smart-search-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border-bottom:1px solid #F1F5F9}.smart-search-item:last-child{border-bottom:none}.smart-search-item:hover,.smart-search-item.highlighted{background:#e6fcfd;transform:translate(2px)}.quick-chip{display:inline-flex;align-items:center;gap:4px;background:#f1f5f9;border:1px solid #CBD5E1;color:#334155;font-size:11.5px;padding:3px 10px;border-radius:14px;cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;font-weight:500}.quick-chip:hover{background:#e6fcfd;color:#19355c;border-color:#1fd5e6;transform:translateY(-1px)}.quick-chip.active{background:#19355c;color:#fff;border-color:#19355c}.medicine-item-card{background:#fff;border:1px solid #E2E8F0;border-left:4px solid #1FD5E6;border-radius:var(--radius-md);padding:14px 16px;transition:var(--transition);box-shadow:0 2px 6px #19355c0a}.medicine-item-card:hover{box-shadow:0 4px 12px #19355c14;border-color:#cbd5e1;border-left-color:#1fd5e6}.medicine-item-card.custom-item{background:#fffdf9;border-left-color:#c88638}.stepper-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:1px solid #CBD5E1;border-radius:4px;cursor:pointer;font-weight:700;color:var(--text-main);transition:all var(--transition-fast)}.stepper-btn:hover{background:#e6fcfd;border-color:#1fd5e6;color:#19355c}@page{size:A4 portrait;margin:12mm 15mm 15mm}@media print{html,body{width:100%!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;background:#fff!important;color:#000!important;overflow:visible!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body *{visibility:hidden!important}.sidebar,.topbar,.mobile-bottom-nav,.sidebar-backdrop,.card,.kpi-grid,.filter-bar,.table-container,.pagination,.btn,.no-print,.modal-header,.modal-footer{display:none!important;height:0!important;width:0!important;margin:0!important;padding:0!important;border:none!important}.app-container,.main-content,.main-scrollable,.page-body,.modal-backdrop,.modal-overlay,.modal-content,.modal-body{display:block!important;position:static!important;inset:auto!important;width:100%!important;max-width:100%!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;background:transparent!important;background-color:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;overflow:visible!important}.printable-area,.printable-area *{visibility:visible!important}.printable-area{display:block!important;position:absolute!important;left:0!important;top:0!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0!important;background:#fff!important;border:none!important;box-shadow:none!important;border-radius:0!important;font-family:Times New Roman,Times,serif!important;font-size:13pt!important;line-height:1.5!important;color:#000!important}.printable-area table{width:100%!important;border-collapse:collapse!important;page-break-inside:auto!important}.printable-area tr{page-break-inside:avoid!important;page-break-after:auto!important}.printable-area th,.printable-area td{border:1px solid #000000!important;color:#000!important}.printable-area th{background-color:#f8fafc!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.printable-area thead{display:table-header-group!important}}