*{box-sizing:border-box;margin:0;padding:0}body{height:100dvh;min-height:100dvh;line-height:1.5;font-family:var(--font-inter), system-ui, sans-serif;background-color:#e7e2ff;flex-direction:column;display:flex}ul,li{list-style:none}a{color:#000;text-decoration:none}main.wrapper{flex-grow:1;min-height:0;display:flex}main.wrapper .container{flex-direction:column;width:100%;min-height:0;padding:16px;display:flex;overflow:hidden}.wrapper.default{flex-direction:column;flex:1;min-height:0;display:flex}.wrapper.default .lead{flex-shrink:0}.wrapper.default .grid-container{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.wrapper.default .grid-container .rdg{flex:1;min-height:0}section .lead{flex-direction:column;justify-content:space-between;gap:20px;margin-bottom:20px;display:flex}section .lead .filters{flex-direction:column;gap:20px;display:flex}.breadcrumbs{margin-bottom:20px}.breadcrumbs ol,.breadcrumbs ol li{align-items:center;gap:10px;display:flex}.breadcrumb{color:#888;text-transform:uppercase;background-color:#f1f1f1;border-radius:15px;align-items:center;height:30px;padding:0 20px;font-size:.9rem;font-weight:500;display:inline-flex}.mlAuto{margin-left:auto}.textCenter{text-align:center}.dFlex{display:flex}.flexCol{flex-direction:column;display:flex}.g2{gap:20px}.mb2{margin-bottom:20px}@media (min-width:768px){section .lead,section .lead .filters{flex-direction:row}}@media (min-width:1200px){main.wrapper .container{flex-direction:column;width:100%;max-width:1800px;margin-left:auto;margin-right:auto;display:flex}}
:root{--card-bg:#ffffffb3;--card-border:#d1d5db4d;--text-main:#1f2937;--text-muted:#6b7280;--accent-color:var(--primary)}.widgets.wrapper{padding:1rem 0}.widgets.wrapper>.grid{grid-template-columns:1fr;gap:20px;display:grid}.widgets.wrapper>.grid>.card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:20px;padding:24px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.widgets.wrapper>.grid>.card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.card>.header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.card>.header .icon{border-radius:15px;padding:8px}.card .title{color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em;margin:0;font-size:.875rem;font-weight:600}.card .stat{color:var(--text-main);margin:0;font-size:1.875rem;font-weight:700}.card .subtext{color:var(--accent-color);margin-top:4px;font-size:.75rem;font-weight:500}.badge{color:var(--accent-color);background:#3b82f61a;border-radius:99px;padding:4px 8px;font-size:.7rem;font-weight:600}.badge.queued,.badge.pending{color:#b45309;background-color:#fef3c7;border-color:#fde68a}.badge.Out.of.Stock{color:red;background-color:#fef3c7;border-color:#fde68a}.branch-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;display:grid}.branch-card{background:#fffc;border:1px solid #0000000d;border-radius:16px;padding:20px}.branch-name{color:#111827;border-bottom:1px solid #f3f4f6;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.1rem}.branch-stats{justify-content:space-between;display:flex}.stat-item .label{color:#6b7280;text-transform:uppercase;font-size:.75rem;display:block}.stat-item .value{font-size:1.25rem;font-weight:700}.value.rent{color:#059669}.value.sales{color:#2563eb}@media (min-width:768px){.widgets.wrapper>.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1280px){.widgets.wrapper>.grid{grid-template-columns:repeat(4,1fr)}}
.card.default{background-color:#fff;border-radius:16px;padding:16px}.card.default .header{background-color:#f9f9f9;padding:20px}.card.default .header .title{text-align:center;font-size:1.25rem;font-weight:500}.card.patient{display:flex}.patientInfo{grid-template-columns:1fr 1fr;gap:20px;display:grid}.patientInfo .listItem{flex-direction:column;align-items:center;display:flex}@media (min-width:768px){.patientInfo{grid-template-columns:1fr 1fr 1fr}.card.primary{min-width:20dvw}}