.btn{cursor:pointer;background-color:#0000;border:#0000;justify-content:center;align-items:center;gap:10px;display:flex}.btn.default{border-radius:8px;height:40px;padding-left:20px;padding-right:20px;font-size:.95rem;font-weight:500}.btn.pill{border-radius:20px}.btn-pill{text-transform:capitalize;height:28px;color:var(--primary);border:1px solid var(--primary);border-radius:14px;align-items:center;padding:0 10px;font-size:.8rem;font-weight:600;display:flex}.btn.signout{border:1px solid red;border-radius:12px;height:24px;margin:10px auto;padding:0 20px;font-size:.9rem;font-weight:600}.btn.signout:hover{color:#fff;background-color:red}.btn.alt{border:1px solid}.btn.primary{background-color:var(--primary);color:#fff;text-align:center;cursor:pointer;border:none;border-radius:8px;height:40px;padding:0 24px;font-size:16px;text-decoration:none}.btn.disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn.secondary{background-color:var(--secondary)}.btn.secondary.alt{border-color:var(--secondary);background-color:#0000}.btn.secondary.alt:disabled{color:gray;cursor:not-allowed;border-color:gray}.btn.signin{color:#fff;text-align:center;cursor:pointer;background-color:#4caf50;border:none;border-radius:12px;margin:4px 2px;padding:12px 24px;font-size:16px;text-decoration:none;display:inline-block;box-shadow:0 5px 10px #00000026}.btn.menu{border-radius:12px;height:40px;padding:0 10px}.btn.close{background-color:#f1f1f1;border-radius:5px;width:30px;height:30px;position:absolute;top:15px;right:15px}
.icon{justify-content:center;align-items:center;display:flex}.icon>.menu{fill:#999;width:28px;height:28px}.icon.tips{background-color:#fff}.icon.queue{background-color:var(--secondary)}.icon.laboratory{background-color:#0000bc}.icon.emergency{background-color:red}.icon.visits{background-color:#8884d8}.icon.pharmacy,.icon.clinics{background-color:var(--primary)}.icon.accounts{background-color:#306}.icon.inventory{background-color:#f1f1f1}
.portal{z-index:100;align-items:center;display:flex;position:fixed;inset:0}.portal>.overlay{z-index:10;cursor:pointer;opacity:1;background-color:#53535fcc;transition:opacity .5s;position:fixed;inset:0}.portal>.card{z-index:100;background:#fff;border-radius:20px;margin:10% auto auto;animation:.3s cubic-bezier(.25,.46,.45,.94) both scale-in-center;overflow:hidden}.portal>.card>.content{padding:20px}.portal>.card .header{background-color:#f9f9f9;padding:20px;position:relative}.portal>.card .header .title{text-align:center;font-size:1.25rem;font-weight:500}.portal>.card .footer{justify-content:center;display:flex}@media (min-width:1200px){.portal>.card.consultationForm{min-width:600px}}@keyframes scale-in-center{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}
:root{--card-bg:#ffffffb3;--card-border:#d1d5db4d;--text-main:#1f2937;--text-muted:#6b7280;--accent-color:#3b82f6}.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}.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)}}
.rdg{background-color:#fff;flex:1}.rdg-header-row{color:#fff;background-color:var(--primary)}.rdg-header-row .rdg-cell{border-right:1px solid var(--secondary);text-transform:uppercase;letter-spacing:.03125rem;padding-left:20px;font-size:.85rem;font-weight:500}.rdg-header-row .rdg-cell:last-child{border-right:none}.rdg-row{cursor:pointer}.grid-container .rdg-row:nth-child(2n){background-color:#f9fafb}.grid-container .rdg-row:nth-child(odd){background-color:#fff}.grid-container .rdg-row:hover{background-color:#f3f4f6}.rdg-cell{text-transform:capitalize;padding:0 20px}table.dashboard{width:100%}table.dashboard thead{background-color:#f1f1f1}table.dashboard thead th{padding:5px}table.consultations{border-radius:8px;width:100%}table.consultations thead th{color:#fff;text-transform:uppercase;letter-spacing:.03125rem;background-color:var(--primary);padding:8px 10px;font-size:.85rem;font-weight:600}table.consultations tbody{background-color:#fff;border-top:20px solid #0000;border-radius:8px}table.consultations tbody td{padding:10px}