:root{--primary-red: #D62828;--bg-light-blue: #B0C4DE;--panel-bg: #FFFFFF;--header-bg: #E8F1FF;--border-color: #CBD5E1;--text-dark: #1E293B;--text-muted: #64748B;--btn-blue: #2563EB;--btn-green: #16A34A;--btn-red: #DC2626}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-light-blue);color:var(--text-dark);min-height:100vh;padding:16px}#root{max-width:1200px;margin:0 auto}.app-container{background-color:var(--bg-light-blue);display:flex;flex-direction:column;gap:16px}.header-card{text-align:center;background:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 4px #0000000d}.clinic-title{color:var(--primary-red);font-size:28px;font-weight:800;letter-spacing:.5px}.clinic-sub{color:var(--text-muted);font-size:14px;margin-top:4px;font-weight:500}.patient-card{background:#fff;padding:16px;border-radius:8px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;align-items:center}.form-group{display:flex;flex-direction:column;gap:4px}.form-group label{font-size:12px;font-weight:700;color:var(--text-dark)}.input-field,.select-field{padding:8px 12px;border:1px solid var(--border-color);border-radius:6px;font-size:14px;outline:none;background:#fff}.input-field:focus,.select-field:focus{border-color:var(--btn-blue)}.main-grid{display:grid;grid-template-columns:38% 60%;gap:2%}@media (max-width: 768px){.main-grid{grid-template-columns:1fr}}.section-box{background:#fff;padding:16px;border-radius:8px;display:flex;flex-direction:column;gap:12px;box-shadow:0 2px 4px #0000000d}.section-title{font-size:16px;font-weight:700;color:var(--text-dark);border-bottom:2px solid #F1F5F9;padding-bottom:8px}.search-list{border:1px solid var(--border-color);border-radius:6px;max-height:280px;overflow-y:auto;list-style:none}.search-item{padding:10px 12px;border-bottom:1px solid #F1F5F9;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:14px}.search-item:hover,.search-item.selected{background-color:#e8f1ff;font-weight:600}.table-container{border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.bill-table{width:100%;border-collapse:collapse;text-align:left}.bill-table th{background-color:var(--header-bg);padding:10px 12px;font-size:13px;font-weight:700;color:var(--text-dark)}.bill-table td{padding:8px 12px;border-top:1px solid #F1F5F9;font-size:14px}.btn-row{display:flex;flex-wrap:wrap;gap:8px}.btn{padding:8px 14px;border-radius:6px;border:none;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--btn-blue);color:#fff}.btn-primary:hover{background:#1d4ed8}.btn-success{background:var(--btn-green);color:#fff}.btn-success:hover{background:#15803d}.btn-danger{background:var(--btn-red);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-outline{background:#e2e8f0;color:var(--text-dark)}.btn-outline:hover{background:#cbd5e1}.totals-box{background:#f8fafc;padding:12px 16px;border-radius:6px;display:flex;justify-content:space-between;align-items:center}.gross-total{font-size:16px;font-weight:700}.net-total{font-size:20px;font-weight:800;color:var(--primary-red)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:24px;border-radius:12px;width:90%;max-width:550px;display:flex;flex-direction:column;gap:16px;box-shadow:0 10px 25px #00000026}@media print{body{background:#fff;padding:0}.app-container,.modal-overlay{display:none!important}.print-bill-template{display:block!important;width:148mm;margin:0 auto;font-family:Helvetica,Arial,sans-serif}}.print-bill-template{display:none}