@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--background:#030303;--foreground:#fafafa;--card:#0a0a0c;--card-foreground:#fafafa;--border:#202023;--text-muted:#88888e;--primary:#8b5cf6;--primary-foreground:#fff;--secondary:#121215;--accent:#8b5cf6;--accent-light:#8b5cf626;--bg-hover:#ffffff08;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--glass-bg:#0f0f12b3;--error:#ef4444;--icon-color:#fafafa;--hover-overlay:#ffffff08;--foreground-rgb:250, 250, 250;--border-rgb:32, 32, 35}:root.light{--background:#f8fafc;--foreground:#09090b;--card:#fff;--card-foreground:#09090b;--border:#cbd5e1;--text-muted:#64748b;--primary:#2563eb;--primary-foreground:#fff;--secondary:#f1f5f9;--accent:#2563eb;--accent-light:#2563eb1a;--bg-hover:#0000000d;--glass-bg:#fffc;--icon-color:#09090b;--hover-overlay:#0000000d;--foreground-rgb:9, 9, 11;--border-rgb:203, 213, 225}body{transition:background-color .3s,color .3s}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5}.dashboard-container{flex-direction:column;min-height:100vh;display:flex}.header-bar{border-bottom:1px solid var(--border);background-color:var(--background);z-index:40;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:sticky;top:0}.layout-main{flex:1;gap:40px;padding:32px;display:flex}.sidebar-nav{flex-direction:column;align-self:flex-start;gap:6px;width:250px;height:calc(100vh - 136px);padding-bottom:8px;display:flex;position:sticky;top:104px}.sidebar-tab{color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;padding:12px 16px;font-size:14px;font-weight:500;transition:background .15s,color .15s;display:flex}.sidebar-tab:hover,.sidebar-tab[data-state=active]{background-color:var(--secondary);color:var(--foreground)}.content-workspace{border-radius:12px;flex:1;min-height:450px}.section-title{letter-spacing:-.025em;color:var(--foreground);margin:0 0 4px;font-size:20px;font-weight:600}.section-desc{color:var(--text-muted);font-size:14px}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;display:grid}.metric-card{background-color:var(--card);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:12px;padding:24px;display:flex}.metric-card-header{justify-content:space-between;align-items:center;display:flex}.metric-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:12px;font-weight:500}.metric-value{letter-spacing:-.025em;color:var(--foreground);font-size:28px;font-weight:700}.list-item-card{border:1px solid var(--border);background-color:var(--card);border-radius:8px;justify-content:space-between;align-items:center;padding:16px;transition:border-color .15s;display:flex}.list-item-card:hover{border-color:#3f3f46}.btn-primary{background-color:var(--primary);color:var(--primary-foreground);cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 4px 12px #3b82f640}.btn-secondary{background-color:var(--secondary);color:var(--foreground);border:1px solid var(--border);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .2s;display:inline-flex}.btn-secondary:hover{background-color:var(--hover-overlay);border-color:var(--text-muted)}.btn-sm{padding:6px 12px;font-size:13px}.btn-danger{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:background-color .15s;display:inline-flex;color:#fff!important;background-color:#ef4444!important}.btn-danger:hover{background-color:#dc2626!important}.btn-ghost{color:var(--text-muted);cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;transition:all .15s;display:inline-flex}.btn-ghost:hover{background-color:var(--secondary);color:var(--foreground)}.table-container{border:1px solid var(--border);background-color:var(--card);border-radius:8px;overflow-x:auto}.data-table{border-collapse:collapse;text-align:left;width:100%}.data-table th{background-color:var(--secondary);text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;border-bottom:1px solid var(--border);padding:14px 16px;font-size:12px;font-weight:600}.data-table td{color:var(--foreground);border-bottom:1px solid var(--border);padding:16px;font-size:14px}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background-color:var(--hover-overlay)}.input-text{background-color:var(--background);border:1px solid var(--border);color:var(--foreground);border-radius:8px;outline:none;padding:12px 16px;font-size:14px;transition:border-color .15s}.input-text:focus{border-color:#52525b}input[type=date]::-webkit-calendar-picker-indicator{filter:invert();cursor:pointer;opacity:.8;transition:opacity .15s}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}.dialog-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background-color:#000000b3;position:fixed;inset:0}.dialog-content{background-color:var(--background);border:1px solid var(--border);z-index:55;border-radius:12px;flex-direction:column;gap:20px;width:100%;max-width:440px;padding:24px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 25px 50px -12px #00000040}.confirm-dialog-content{background-color:var(--card);border:1px solid var(--border);text-align:center;z-index:100;border-radius:16px;flex-direction:column;align-items:center;gap:24px;width:calc(100% - 32px);max-width:400px;height:fit-content;margin:auto;padding:32px;display:flex;position:fixed;inset:0;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dialog-icon-wrapper{border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.dialog-icon-wrapper.danger{color:#ef4444;background-color:#ef44441a}.dialog-icon-wrapper.warning{color:#f59e0b;background-color:#f59e0b1a}.dialog-title{color:var(--foreground);font-size:18px;font-weight:600}.dialog-description{color:var(--text-muted);font-size:14px;line-height:1.5}.dialog-actions{gap:12px;width:100%;margin-top:12px;display:flex}.dialog-actions button{flex:1}.btn-warning{color:#fff!important;background-color:#f59e0b!important}.btn-warning:hover{background-color:#d97706!important}.dialog-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;position:absolute;top:16px;right:16px}.toast-container{z-index:50;border:1px solid var(--border);background-color:var(--card);border-radius:8px;align-items:center;gap:12px;padding:14px 20px;font-size:14px;font-weight:500;display:flex;position:fixed;top:24px;right:24px;box-shadow:0 10px 30px #0000004d}.toast-success{color:#fff;background-color:#10b981;border:1px solid #059669}.toast-error{color:#fff;background-color:#ef4444;border:1px solid #dc2626}.professional-selector{background-color:var(--card);border:1px solid var(--border);color:var(--text-muted);border-radius:8px;align-items:center;gap:8px;padding:6px 14px;transition:border-color .15s;display:flex}.professional-selector:hover{border-color:var(--text-muted)}.select-minimal{color:var(--foreground);cursor:pointer;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2371717a' stroke-width='2'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E") right 4px center/14px no-repeat;border:none;outline:none;padding:4px 24px 4px 0;font-size:.875rem;font-weight:500}.select-minimal option{background-color:var(--card);color:var(--foreground)}@media (max-width:1024px){.mobile-menu-btn{display:flex!important}.sidebar-nav{background-color:var(--card);border-right:1px solid var(--border);z-index:50;flex-direction:column;gap:12px;width:280px;padding:32px 16px;transition:transform .3s ease-in-out;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar-nav.sidebar-open{transform:translate(0)}.sidebar-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:45;background-color:#0009;position:fixed;inset:0}.layout-main{flex-direction:column;gap:24px;padding:24px}.layout-main>[data-orientation=horizontal]{flex-direction:column!important;gap:24px!important}.content-workspace{padding:24px}}@media (max-width:768px){.layout-main{gap:20px;padding:16px}.content-workspace{border-radius:8px;gap:24px;padding:16px}.header-bar{padding:16px 20px}.metrics-grid{grid-template-columns:1fr;gap:16px}.section-title{font-size:18px}.section-desc{font-size:13px}.table-container{display:none!important}.mobile-appointments-list{flex-direction:column!important;gap:16px!important;display:flex!important}}@media (max-width:480px){.header-bar{flex-direction:column;align-items:stretch;gap:16px}.header-bar button{align-self:flex-start}.list-item-card{flex-direction:column;align-items:stretch;gap:16px}}:root{--success-bg:#10b9811a;--success-text:#10b981;--error-bg:#ef44441a;--error-text:#ef4444}:root.light{--success-bg:#10b98126;--success-text:#059669;--error-bg:#ef44441a;--error-text:#dc2626}.responsive-header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:8px;display:flex}.header-actions{align-items:center;gap:12px;display:flex}@media (max-width:768px){.responsive-header{flex-direction:column;align-items:stretch;gap:16px}.header-actions{flex-direction:column}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.space-y-1\.5>*+*{margin-top:6px}.space-y-4>*+*{margin-top:16px}.space-y-8>*+*{margin-top:32px}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:col-span-2{grid-column:span 2/span 2}}.max-w-4xl{max-width:56rem}.animate-in{animation:.3s ease-out animate-in}@keyframes animate-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.text-2xl{font-size:1.5rem;line-height:2rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-gray-900{color:#111827}.text-gray-700{color:#374151}.text-gray-500{color:#6b7280}.text-gray-400{color:#9ca3af}.text-brand-600{color:#0f172a}.text-brand-500{color:#1e293b}.bg-brand-100{background-color:#f1f5f9}.bg-brand-500{background-color:#1e293b}.bg-green-50{background-color:#f0fdf4}.bg-green-100{background-color:#dcfce7}.text-green-600{color:#16a34a}.text-green-800{color:#166534}.bg-sky-50{background-color:#f0f9ff}.bg-sky-100{background-color:#e0f2fe}.text-sky-600{color:#0284c7}.text-sky-800{color:#075985}.border-l-4{border-left-width:4px}.border-l-green-500{border-left-color:#22c55e}.border-l-sky-500{border-left-color:#0ea5e9}.rounded-lg{border-radius:8px}.rounded-full{border-radius:9999px}.w-full{width:100%}.w-4{width:1rem}.h-4{height:1rem}.w-6{width:1.5rem}.h-6{height:1.5rem}.p-2{padding:.5rem}.p-6{padding:1.5rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.empty-state{text-align:center;color:var(--text-muted);background:var(--glass-bg);border:1px dashed var(--border);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:64px 32px;display:flex}.list-item-card{background:var(--card);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;padding:16px;transition:all .2s;display:flex}.list-item-card:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.section-title{color:var(--foreground);margin-bottom:4px;font-size:20px;font-weight:700}.section-desc{color:var(--text-muted);margin-bottom:24px;font-size:14px}