.kpi-card[data-v-7e3e3ca2]{background-color:#fff;border-radius:8px;padding:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #e5e6e8;-webkit-transition:-webkit-box-shadow .2s,-webkit-transform .2s;transition:-webkit-box-shadow .2s,-webkit-transform .2s;transition:box-shadow .2s,transform .2s;transition:box-shadow .2s,transform .2s,-webkit-box-shadow .2s,-webkit-transform .2s}.kpi-card[data-v-7e3e3ca2]:hover{-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1)}.kpi-content[data-v-7e3e3ca2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.kpi-title[data-v-7e3e3ca2]{font-size:14px;color:#86909c;margin-bottom:8px}.kpi-value[data-v-7e3e3ca2]{font-size:30px;font-weight:700;color:#1d2129}.kpi-icon-wrapper[data-v-7e3e3ca2]{width:48px;height:48px;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#fff;font-size:20px}.chart-card[data-v-4488bbf9]{background-color:#fff;border-radius:8px;padding:24px;border:1px solid #e5e6e8;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.card-header[data-v-4488bbf9]{margin-bottom:24px}.card-title[data-v-4488bbf9]{font-size:18px;font-weight:600;color:#1d2129;margin:0}.card-subtitle[data-v-4488bbf9]{font-size:14px;color:#86909c;margin-top:4px}.card-body[data-v-4488bbf9]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:280px}.empty-state[data-v-4488bbf9]{font-size:14px;color:#86909c;text-align:center}.chart-container[data-v-4488bbf9]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}.bar-row[data-v-4488bbf9]{display:grid;grid-template-columns:120px 1fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px}.bar-label[data-v-4488bbf9]{font-size:14px;font-weight:500;color:#4e5969;text-align:right}.bar-wrapper[data-v-4488bbf9]{background-color:#f2f3f5;border-radius:4px;height:28px}.bar[data-v-4488bbf9]{height:100%;border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-transition:width .5s ease-in-out;transition:width .5s ease-in-out}.bar-value[data-v-4488bbf9]{color:#fff;font-size:14px;font-weight:600;padding-left:10px;white-space:nowrap}.chart-card[data-v-3d77275b]{background-color:#fff;border-radius:12px;padding:24px;border:1px solid #eef0f4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.02);box-shadow:0 4px 12px rgba(0,0,0,.02)}.card-header[data-v-3d77275b]{padding-bottom:20px}.card-title[data-v-3d77275b]{font-size:18px;font-weight:600;color:#1a202c;margin:0}.card-subtitle[data-v-3d77275b]{font-size:14px;color:#718096;margin-top:4px}.card-body[data-v-3d77275b]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:280px}.empty-state[data-v-3d77275b],.loading-state[data-v-3d77275b]{font-size:15px;color:#a0aec0;text-align:center}.content-wrapper[data-v-3d77275b]{display:grid;grid-template-columns:180px 1fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:40px;width:100%}.donut-container[data-v-3d77275b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.donut-chart[data-v-3d77275b]{position:relative;width:170px;height:170px;border-radius:50%;-webkit-transition:-webkit-transform .4s cubic-bezier(.25,.8,.25,1);transition:-webkit-transform .4s cubic-bezier(.25,.8,.25,1);transition:transform .4s cubic-bezier(.25,.8,.25,1);transition:transform .4s cubic-bezier(.25,.8,.25,1),-webkit-transform .4s cubic-bezier(.25,.8,.25,1);-webkit-box-shadow:0 10px 20px rgba(0,0,0,.05);box-shadow:0 10px 20px rgba(0,0,0,.05)}.donut-chart[data-v-3d77275b]:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.donut-center[data-v-3d77275b]{position:absolute;top:50%;left:50%;width:65%;height:65%;background:#fff;border-radius:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-shadow:inset 0 0 10px rgba(0,0,0,.03);box-shadow:inset 0 0 10px rgba(0,0,0,.03)}.total-value[data-v-3d77275b]{font-size:32px;font-weight:700;color:#1a202c}.total-label[data-v-3d77275b]{font-size:14px;color:#718096;margin-top:-2px}.legend-container[data-v-3d77275b]{gap:18px}.legend-container[data-v-3d77275b],.legend-item[data-v-3d77275b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.legend-item[data-v-3d77275b]{gap:6px}.legend-info[data-v-3d77275b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.legend-color-dot[data-v-3d77275b]{width:10px;height:10px;border-radius:50%;-ms-flex-negative:0;flex-shrink:0}.legend-name[data-v-3d77275b]{font-size:14px;font-weight:500;color:#4a5568;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.legend-value[data-v-3d77275b]{font-size:14px;font-weight:600;color:#1a202c;-ms-flex-negative:0;flex-shrink:0}.progress-bar-background[data-v-3d77275b]{height:6px;width:100%;background-color:#edf2f7;border-radius:3px;overflow:hidden}.progress-bar-foreground[data-v-3d77275b]{height:100%;border-radius:3px;-webkit-transition:width .5s ease-out;transition:width .5s ease-out}.chart-card[data-v-3e939b41]{background-color:#fff;border-radius:12px;padding:24px;border:1px solid #eef0f4;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.02);box-shadow:0 4px 12px rgba(0,0,0,.02)}.card-header[data-v-3e939b41]{margin-bottom:24px}.card-title[data-v-3e939b41]{font-size:18px;font-weight:600;color:#1a202c;margin:0}.card-subtitle[data-v-3e939b41]{font-size:14px;color:#718096;margin-top:4px}.card-body[data-v-3e939b41]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:280px}.empty-state[data-v-3e939b41],.loading-state[data-v-3e939b41]{font-size:15px;color:#a0aec0;text-align:center}.chart-area[data-v-3e939b41]{width:100%;height:250px;display:grid;grid-template-columns:24px 1fr;gap:16px}.y-axis[data-v-3e939b41]{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse;text-align:right;font-size:12px;color:#a0aec0}.bars-grid[data-v-3e939b41],.y-axis[data-v-3e939b41]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.bars-grid[data-v-3e939b41]{position:relative;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:100%}.grid-line[data-v-3e939b41]{width:100%;height:1px;background-color:#f1f3f6}.bars-container[data-v-3e939b41]{position:absolute;bottom:0;left:0;right:0;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;padding:0 16px}.bar-group[data-v-3e939b41]{width:12%}.bar-group[data-v-3e939b41],.bar-item[data-v-3e939b41]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.bar-item[data-v-3e939b41]{width:100%;position:relative}.bar-value-tooltip[data-v-3e939b41]{position:absolute;top:-2px;background:#3c4250;color:#fff;padding:3px 8px;border-radius:4px;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,-webkit-transform .2s;transition:opacity .2s,transform .2s;transition:opacity .2s,transform .2s,-webkit-transform .2s;pointer-events:none}.bar-item:hover .bar-value-tooltip[data-v-3e939b41]{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.bar[data-v-3e939b41]{width:100%;max-width:32px;background:-webkit-gradient(linear,left bottom,left top,from(#4a7bfe),to(#6c9cff));background:linear-gradient(0deg,#4a7bfe,#6c9cff);border-radius:6px 6px 0 0;-webkit-transition:all .5s cubic-bezier(.165,.84,.44,1);transition:all .5s cubic-bezier(.165,.84,.44,1);-webkit-box-shadow:0 4px 8px rgba(74,123,254,.2);box-shadow:0 4px 8px rgba(74,123,254,.2)}.bar-item:hover .bar[data-v-3e939b41]{background:-webkit-gradient(linear,left bottom,left top,from(#6c9cff),to(#8cbaff));background:linear-gradient(0deg,#6c9cff,#8cbaff);-webkit-box-shadow:0 6px 12px rgba(74,123,254,.3);box-shadow:0 6px 12px rgba(74,123,254,.3);-webkit-transform:scaleY(1.02);transform:scaleY(1.02)}.bar-label[data-v-3e939b41]{margin-top:10px;font-size:13px;font-weight:500;color:#718096}.chart-card[data-v-2506c213]{background-color:#fff;border-radius:8px;padding:24px;border:1px solid #e5e6e8;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.card-header[data-v-2506c213]{margin-bottom:24px}.card-title[data-v-2506c213]{font-size:18px;font-weight:600;color:#1d2129;margin:0}.card-subtitle[data-v-2506c213]{font-size:14px;color:#86909c;margin-top:4px}.card-body[data-v-2506c213]{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:280px}.card-body[data-v-2506c213],.chart-container[data-v-2506c213]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.chart-container[data-v-2506c213]{width:100%;gap:16px}.staff-row[data-v-2506c213]{display:grid;grid-template-columns:140px 1fr;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.staff-name[data-v-2506c213]{font-size:14px;font-weight:500;color:#4e5969;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-container[data-v-2506c213]{background-color:#f2f3f5;border-radius:4px;height:24px;width:100%}.bar[data-v-2506c213]{height:100%;background:-webkit-gradient(linear,left top,right top,from(#ffb372),to(#ff7b54));background:linear-gradient(90deg,#ffb372,#ff7b54);border-radius:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-transition:width .6s cubic-bezier(.25,.46,.45,.94);transition:width .6s cubic-bezier(.25,.46,.45,.94)}.bar-container:hover .bar[data-v-2506c213]{background:-webkit-gradient(linear,left top,right top,from(#ffc496),to(#ff8c6b));background:linear-gradient(90deg,#ffc496,#ff8c6b)}.bar-value[data-v-2506c213]{color:#1d2129;font-size:13px;font-weight:600;padding-right:10px;white-space:nowrap}.no-data[data-v-2506c213]{text-align:center;color:#86909c;font-size:14px}.list-card[data-v-8cb8240a]{background-color:#fff;border-radius:12px;border:1px solid #eef0f4;-webkit-box-shadow:0 4px 12px rgba(0,0,0,.02);box-shadow:0 4px 12px rgba(0,0,0,.02);overflow:hidden}.card-header[data-v-8cb8240a]{padding:20px 24px}.card-title[data-v-8cb8240a]{font-size:18px;font-weight:600;color:#1a202c;margin:0}.card-subtitle[data-v-8cb8240a]{font-size:14px;color:#718096;margin-top:4px}.list-body[data-v-8cb8240a]{padding-bottom:8px}.empty-state[data-v-8cb8240a],.loading-state[data-v-8cb8240a]{text-align:center;font-size:15px;color:#a0aec0}.patient-table-wrapper[data-v-8cb8240a]{overflow-x:auto}.patient-table[data-v-8cb8240a]{width:100%;border-collapse:collapse}.patient-table th[data-v-8cb8240a]{padding:12px 24px;text-align:left;font-size:12px;font-weight:600;color:#a0aec0;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #eef0f4}.th-stt[data-v-8cb8240a]{width:3%;text-align:center}.th-patient[data-v-8cb8240a]{width:30%}.th-reason[data-v-8cb8240a]{width:42%}.th-status[data-v-8cb8240a]{width:20%}.patient-row[data-v-8cb8240a]{-webkit-transition:background-color .2s ease-out;transition:background-color .2s ease-out}.patient-row[data-v-8cb8240a]:hover{background-color:#fcfcfd}.patient-table td[data-v-8cb8240a]{padding:16px 24px;border-bottom:1px solid #eef0f4;vertical-align:middle}.patient-row:last-child td[data-v-8cb8240a]{border-bottom:none}.queue-number[data-v-8cb8240a],.queue-wrapper[data-v-8cb8240a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.queue-number[data-v-8cb8240a]{width:36px;height:36px;border-radius:8px;background-color:#f0f5ff;color:#4a7bfe;font-weight:700;font-size:16px}.patient-info-cell[data-v-8cb8240a]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.patient-name[data-v-8cb8240a]{font-weight:600;color:#2d3748;margin-bottom:2px}.patient-details[data-v-8cb8240a]{font-size:13px;color:#718096}.chief-complaints-cell[data-v-8cb8240a]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;color:#4a5568;font-size:14px;line-height:1.5}.status-badge[data-v-8cb8240a]{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:6px 12px;border-radius:18px;font-size:13px;font-weight:500}.status-dot[data-v-8cb8240a]{width:8px;height:8px;border-radius:50%}.status-screening[data-v-8cb8240a]{background-color:#e3f8ef;color:#2a9d8f}.status-screening .status-dot[data-v-8cb8240a]{background-color:#2a9d8f}.status-optometry[data-v-8cb8240a]{background-color:#eef4ff;color:#4a7bfe}.status-optometry .status-dot[data-v-8cb8240a]{background-color:#4a7bfe}.status-paraclinical[data-v-8cb8240a]{background-color:#f4efff;color:#7c5cff}.status-paraclinical .status-dot[data-v-8cb8240a]{background-color:#7c5cff}.status-doctor[data-v-8cb8240a]{background-color:#fff4ec;color:#f28441}.status-doctor .status-dot[data-v-8cb8240a]{background-color:#f28441}.status-default[data-v-8cb8240a]{background-color:#edf2f7;color:#718096}.status-default .status-dot[data-v-8cb8240a]{background-color:#a0aec0}.dashboard-container[data-v-6d6d81ce]{padding:42px;background-color:#f0f2f5;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.dashboard-header[data-v-6d6d81ce]{margin-bottom:24px}.dashboard-header h1[data-v-6d6d81ce]{font-size:26px;font-weight:600;color:#1d2129;margin:0}.dashboard-header p[data-v-6d6d81ce]{font-size:14px;color:#86909c;margin-top:4px}.kpi-grid[data-v-6d6d81ce]{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:24px}.main-grid[data-v-6d6d81ce]{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.patient-list-section[data-v-6d6d81ce]{margin-top:24px}@media (max-width:1200px){.main-grid[data-v-6d6d81ce]{grid-template-columns:1fr}}@media (max-width:992px){.kpi-grid[data-v-6d6d81ce]{grid-template-columns:repeat(2,1fr)}}@media (max-width:576px){.kpi-grid[data-v-6d6d81ce]{grid-template-columns:1fr}.dashboard-container[data-v-6d6d81ce]{padding:16px}}