:root{--primary: #2563EB;--primary-light: #3B82F6;--primary-dark: #1E40AF;--primary-50: #EFF6FF;--primary-100: #DBEAFE;--success: #16A34A;--success-light: #DCFCE7;--warning: #F59E0B;--warning-light: #FEF3C7;--danger: #DC2626;--danger-light: #FEE2E2;--info: #0EA5E9;--info-light: #E0F2FE;--bg: #F8FAFC;--surface: #FFFFFF;--surface-2: #F1F5F9;--surface-3: #E2E8F0;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--text-inverse: #FFFFFF;--border: #E5E7EB;--border-strong: #CBD5E1;--border-focus: var(--primary);--role-super-admin: #7C3AED;--role-admin: #2563EB;--role-doctor: #059669;--role-staff: #D97706;--role-patient: #94A3B8;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--fw-normal: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed:1.625;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-spring: .3s cubic-bezier(.34, 1.56, .64, 1);--z-base: 0;--z-raised: 10;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--z-tooltip: 600;--sidebar-width: 240px;--sidebar-collapsed-width: 64px;--topbar-height: 60px;--content-max-width: 1400px}[data-theme=dark]{--bg: #0B1220;--surface: #111827;--surface-2: #1E293B;--surface-3: #263347;--text-primary: #F9FAFB;--text-secondary: #94A3B8;--text-muted: #64748B;--border: #1E293B;--border-strong: #334155;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .3);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .4), 0 1px 2px -1px rgb(0 0 0 / .4);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .4), 0 2px 4px -2px rgb(0 0 0 / .4);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .5), 0 4px 6px -4px rgb(0 0 0 / .4);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .5), 0 8px 10px -6px rgb(0 0 0 / .4);--primary-50: #1E3A5F;--primary-100: #1E3A8A;--success-light: #14532D;--warning-light: #451A03;--danger-light: #450A0A;--info-light: #0C2A3A}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;scroll-behavior:smooth}body{font-family:var(--font);font-size:var(--text-base);font-weight:var(--fw-normal);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;transition:background-color var(--transition-base),color var(--transition-base)}img,video,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{font-weight:var(--fw-semibold);line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{color:var(--text-secondary);line-height:var(--leading-relaxed)}small{font-size:var(--text-sm);color:var(--text-muted)}strong{font-weight:var(--fw-semibold)}code{font-family:var(--font-mono);font-size:.875em;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-xs);padding:.1em .3em}pre{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto;line-height:var(--leading-relaxed)}.input,input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=date],input[type=time],input[type=search],textarea,select{display:block;width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-family:var(--font);color:var(--text-primary);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none}.input:focus,input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=date]:focus,input[type=time]:focus,input[type=search]:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26}.input::placeholder,input::placeholder,textarea::placeholder{color:var(--text-muted)}textarea{resize:vertical;min-height:80px}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394A3B8' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8)}label{display:block;font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-secondary);margin-bottom:var(--space-1)}.form-group{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.form-error{font-size:var(--text-xs);color:var(--danger);margin-top:var(--space-1)}.form-hint{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.input-wrapper{position:relative;display:flex;align-items:center}.input-wrapper .input-icon{position:absolute;left:var(--space-3);color:var(--text-muted);pointer-events:none;display:flex;align-items:center}.input-wrapper input{padding-left:calc(var(--space-3) + 20px + var(--space-2))}.input-wrapper .input-icon-right{position:absolute;right:var(--space-3);color:var(--text-muted);display:flex;align-items:center;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--fw-medium);font-family:var(--font);border-radius:var(--radius-sm);border:1px solid transparent;outline:none;cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast),transform var(--transition-fast);text-decoration:none;user-select:none;-webkit-user-select:none}.btn:active{transform:translateY(1px)}.btn:focus-visible{box-shadow:0 0 0 3px #2563eb4d}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background-color:var(--primary);color:#fff;border-color:var(--primary)}.btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark)}.btn-secondary{background-color:var(--surface);color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover{background-color:var(--surface-2)}.btn-ghost{background-color:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover{background-color:var(--surface-2);color:var(--text-primary)}.btn-danger{background-color:var(--danger);color:#fff;border-color:var(--danger)}.btn-danger:hover{background-color:#b91c1c;border-color:#b91c1c}.btn-danger-outline{background-color:transparent;color:var(--danger);border-color:var(--danger)}.btn-danger-outline:hover{background-color:var(--danger-light)}.btn-success{background-color:var(--success);color:#fff;border-color:var(--success)}.btn-success:hover{background-color:#15803d}.btn-xs{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-xs)}.btn-sm{padding:6px var(--space-3);font-size:var(--text-sm)}.btn-lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base);border-radius:var(--radius-md)}.btn-xl{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);border-radius:var(--radius-md)}.btn-icon{padding:var(--space-2);border-radius:var(--radius-sm)}.btn-block{width:100%}.btn-loading{position:relative;color:transparent;pointer-events:none}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;width:16px;height:16px;margin:-8px 0 0 -8px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite;color:#fff}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--fw-medium);border-radius:var(--radius-full);white-space:nowrap;line-height:1.4}.badge-primary{background:var(--primary-100);color:var(--primary-dark)}.badge-success{background:var(--success-light);color:#15803d}.badge-warning{background:var(--warning-light);color:#b45309}.badge-danger{background:var(--danger-light);color:#b91c1c}.badge-info{background:var(--info-light);color:#0369a1}.badge-neutral{background:var(--surface-2);color:var(--text-secondary)}.badge-role-super-admin{background:#ede9fe;color:#6d28d9}.badge-role-admin{background:var(--primary-100);color:var(--primary-dark)}.badge-role-doctor{background:#d1fae5;color:#065f46}.badge-role-staff{background:#fef3c7;color:#92400e}.badge-role-patient{background:var(--surface-2);color:var(--text-secondary)}.badge-scheduled{background:var(--primary-100);color:var(--primary-dark)}.badge-confirmed{background:#d1fae5;color:#065f46}.badge-completed{background:var(--surface-2);color:var(--text-secondary)}.badge-cancelled{background:var(--danger-light);color:#b91c1c}.badge-pending{background:var(--warning-light);color:#92400e}.badge-paid{background:#d1fae5;color:#065f46}.badge-unpaid{background:var(--danger-light);color:#b91c1c}.badge-partial{background:var(--warning-light);color:#92400e}.badge:before{content:none}.badge.badge-dot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-sm)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5);gap:var(--space-4)}.card-title{font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-primary)}.card-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.card-body{flex:1}.card-footer{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border);display:flex;align-items:center;gap:var(--space-3)}.divider{height:1px;background:var(--border);border:none;margin:var(--space-4) 0}.divider-vertical{width:1px;background:var(--border);align-self:stretch;margin:0 var(--space-3)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:var(--fw-semibold);font-size:var(--text-sm);background:var(--primary-100);color:var(--primary-dark);flex-shrink:0;overflow:hidden}.avatar-xs{width:24px;height:24px;font-size:var(--text-xs)}.avatar-sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar-md{width:40px;height:40px;font-size:var(--text-sm)}.avatar-lg{width:48px;height:48px;font-size:var(--text-base)}.avatar-xl{width:64px;height:64px;font-size:var(--text-lg)}.avatar-2xl{width:80px;height:80px;font-size:var(--text-2xl)}.avatar img{width:100%;height:100%;object-fit:cover}.tooltip{position:relative}.tooltip:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--text-primary);color:var(--text-inverse);font-size:var(--text-xs);padding:4px var(--space-2);border-radius:var(--radius-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:var(--z-tooltip)}.tooltip:hover:after{opacity:1}.spinner{display:inline-block;width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}.spinner-sm{width:14px;height:14px}.spinner-lg{width:32px;height:32px;border-width:3px}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:1200px 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-sm);display:inline-block}.skeleton-text{height:1em;width:100%;margin-bottom:var(--space-2);border-radius:var(--radius-xs)}.skeleton-text-sm{height:.75em;width:60%;margin-bottom:var(--space-2)}.skeleton-circle{border-radius:50%;flex-shrink:0}.skeleton-button{height:36px;border-radius:var(--radius-sm)}.skeleton-card{height:120px;width:100%;border-radius:var(--radius-lg)}.alert{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid transparent}.alert-success{background:var(--success-light);border-color:#86efac;color:#166534}.alert-warning{background:var(--warning-light);border-color:#fcd34d;color:#92400e}.alert-danger{background:var(--danger-light);border-color:#fca5a5;color:#991b1b}.alert-info{background:var(--info-light);border-color:#7dd3fc;color:#075985}.alert-icon{flex-shrink:0;width:16px;height:16px;margin-top:1px}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);z-index:var(--z-toast);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--text-sm);min-width:300px;max-width:400px;pointer-events:all;animation:slideInRight var(--transition-slow) ease}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.block{display:block}.hidden{display:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.font-normal{font-weight:var(--fw-normal)}.font-medium{font-weight:var(--fw-medium)}.font-semibold{font-weight:var(--fw-semibold)}.font-bold{font-weight:var(--fw-bold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-danger{color:var(--danger)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.mt-auto{margin-top:auto}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.invisible{visibility:hidden}.visible{visibility:visible}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.pointer-events-none{pointer-events:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{transform:translateY(16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-16px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes ping{0%{transform:scale(1);opacity:1}75%,to{transform:scale(2);opacity:0}}.animate-fade-in{animation:fadeIn var(--transition-base) ease}.animate-slide-up{animation:slideUp var(--transition-slow) ease}.animate-slide-down{animation:slideDown var(--transition-slow) ease}.animate-scale-in{animation:scaleIn var(--transition-slow) ease}.animate-spin{animation:spin .6s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-shimmer{animation:shimmer 1.4s ease-in-out infinite}::selection{background:var(--primary-100);color:var(--primary-dark)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center;gap:var(--space-4)}.empty-state-icon{color:var(--text-muted);opacity:.5}.empty-state-description{font-size:var(--text-sm);color:var(--text-muted);max-width:320px}.search-input{display:flex;align-items:center;gap:var(--space-2);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-input:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f}.search-input input{border:none;background:none;outline:none;font-size:var(--text-sm);color:var(--text-primary);flex:1;padding:0;min-width:0}.search-input .search-icon{color:var(--text-muted);flex-shrink:0}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px var(--space-3);font-size:var(--text-xs);font-weight:var(--fw-medium);border-radius:var(--radius-full);background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border);cursor:default;transition:background var(--transition-fast)}.chip.chip-active{background:var(--primary-100);color:var(--primary-dark);border-color:var(--primary-light)}.chip-remove{display:flex;align-items:center;cursor:pointer;color:var(--text-muted);transition:color var(--transition-fast)}.chip-remove:hover{color:var(--danger)}.stat-value{font-size:var(--text-3xl);font-weight:var(--fw-bold);color:var(--text-primary);line-height:1}.stat-label{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.stat-change{display:inline-flex;align-items:center;gap:2px;font-size:var(--text-xs);font-weight:var(--fw-medium);margin-top:var(--space-1)}.stat-change.up{color:var(--success)}.stat-change.down{color:var(--danger)}@media (max-width: 1024px){:root{--sidebar-width: 220px}}@media (max-width: 768px){:root{--sidebar-width: 0px;--topbar-height: 56px}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}.toast-container{bottom:var(--space-4);right:var(--space-4);left:var(--space-4)}.toast{min-width:unset;max-width:unset;width:100%}}.page-spinner{display:flex;align-items:center;justify-content:center;width:100%;min-height:100vh;background:var(--bg)}.page-spinner__ring{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .7s linear infinite}.unauthorized{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg);padding:var(--space-6)}.unauthorized__card{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-12) var(--space-16);box-shadow:var(--shadow-md);max-width:440px;width:100%;text-align:center}.unauthorized__icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:50%;background:var(--surface-2)}.unauthorized__title{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-primary)}.unauthorized__body{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.unauthorized__link{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-6);background:var(--primary);color:#fff;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--fw-medium);text-decoration:none;transition:background var(--transition-fast);margin-top:var(--space-2)}@media print{.sidebar,.topbar,.btn,.no-print{display:none!important}body{background:#fff;color:#000}.card{box-shadow:none;border:1px solid #ddd}}.app-layout{display:flex;min-height:100vh;background:var(--bg);position:relative}.app-main{display:flex;flex-direction:column;flex:1;min-width:0;margin-left:var(--sidebar-width);transition:margin-left var(--transition-slow)}.app-layout.sidebar-collapsed .app-main{margin-left:var(--sidebar-collapsed-width)}.sidebar.sidebar--collapsed~* .app-main,.app-layout:has(.sidebar--collapsed) .app-main{margin-left:var(--sidebar-collapsed-width)}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:visible;z-index:var(--z-sticky);transition:width var(--transition-slow),transform var(--transition-slow);box-shadow:var(--shadow-sm)}.sidebar.sidebar-collapsed,.sidebar.sidebar--collapsed{width:var(--sidebar-collapsed-width)}.sidebar.sidebar-collapsed .sidebar-logo-text,.sidebar.sidebar-collapsed .nav-label,.sidebar.sidebar-collapsed .sidebar-section-title,.sidebar.sidebar-collapsed .sidebar-footer-info{opacity:0;pointer-events:none;width:0;overflow:hidden}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);height:var(--topbar-height);border-bottom:1px solid var(--border);flex-shrink:0;overflow:hidden;text-decoration:none;transition:padding var(--transition-slow)}.sidebar--collapsed .sidebar-logo{padding:0;justify-content:center}.sidebar-logo:hover{text-decoration:none}.sidebar-logo-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--primary);border-radius:var(--radius-sm);color:#fff;flex-shrink:0}.sidebar-logo-text{font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--text-primary);white-space:nowrap;transition:opacity var(--transition-slow),width var(--transition-slow)}.sidebar-logo-subtitle{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;line-height:1.2}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-3) 0}.sidebar-nav::-webkit-scrollbar{width:3px}.sidebar-section-title{font-size:10px;font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:var(--space-4) var(--space-4) var(--space-2);white-space:nowrap;transition:opacity var(--transition-slow)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);margin:1px var(--space-2);border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--fw-medium);white-space:nowrap;overflow:hidden;transition:background var(--transition-fast),color var(--transition-fast);position:relative}.nav-item:hover{background:var(--surface-2);color:var(--text-primary);text-decoration:none}.nav-item.active{background:var(--primary-100);color:var(--primary)}.nav-item.active:before{content:"";position:absolute;left:-8px;top:50%;transform:translateY(-50%);width:3px;height:60%;border-radius:0 2px 2px 0;background:var(--primary)}.nav-item-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:18px;height:18px}.nav-label{flex:1;transition:opacity var(--transition-slow),width var(--transition-slow)}.nav-badge{background:var(--primary);color:#fff;font-size:10px;font-weight:var(--fw-bold);padding:1px 6px;border-radius:var(--radius-full);flex-shrink:0;line-height:1.4}.sidebar-footer{border-top:1px solid var(--border);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-3);flex-shrink:0;overflow:hidden}.sidebar-footer-info{flex:1;min-width:0;transition:opacity var(--transition-slow)}.sidebar-footer-name{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer-role{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-toggle{position:absolute;top:var(--topbar-height);right:-14px;width:28px;height:28px;background:var(--surface);border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1;box-shadow:var(--shadow-sm);transition:background var(--transition-fast);color:var(--text-muted)}.sidebar-toggle:hover{background:var(--surface-2);color:var(--text-primary)}.sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:calc(var(--z-sticky) - 1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.topbar{position:sticky;top:0;height:var(--topbar-height);background:var(--surface);border-bottom:1px solid var(--border);display:flex;align-items:center;gap:var(--space-4);padding:0 var(--space-6);z-index:var(--z-raised);flex-shrink:0;box-shadow:var(--shadow-xs)}.topbar-left{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.topbar-right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.topbar-mobile-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast)}.topbar-mobile-toggle:hover{background:var(--surface-2)}.topbar-search{flex:1;max-width:400px}.topbar-notif{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast)}.topbar-notif:hover{background:var(--surface-2);color:var(--text-primary)}.notif-dot{position:absolute;top:6px;right:6px;width:8px;height:8px;background:var(--danger);border-radius:50%;border:2px solid var(--surface)}.topbar-theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.topbar-theme-toggle:hover{background:var(--surface-2);color:var(--text-primary)}.topbar-user{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.topbar-user:hover{background:var(--surface-2)}.content-area{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0}.page-header{padding:var(--space-6) var(--space-8) 0;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.page-header-left{min-width:0}.page-title{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-primary);line-height:var(--leading-tight)}.page-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.page-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-2)}.breadcrumb-separator{color:var(--border-strong);-webkit-user-select:none;user-select:none}.breadcrumb a{color:var(--text-muted);transition:color var(--transition-fast)}.breadcrumb a:hover{color:var(--primary);text-decoration:none}.breadcrumb-current{color:var(--text-secondary);font-weight:var(--fw-medium)}.page-content{padding:var(--space-6) var(--space-8)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.card-grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.card-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.card-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}.card-grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4)}.metrics-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-5);margin-bottom:var(--space-6)}.metric-block{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3);box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-base),transform var(--transition-base);position:relative;overflow:hidden}.metric-block:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.metric-block-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.metric-block-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);flex-shrink:0}.metric-block-icon.blue{background:var(--primary-100);color:var(--primary)}.metric-block-icon.green{background:var(--success-light);color:var(--success)}.metric-block-icon.orange{background:var(--warning-light);color:var(--warning)}.metric-block-icon.red{background:var(--danger-light);color:var(--danger)}.metric-block-icon.purple{background:#ede9fe;color:#7c3aed}.metric-block-icon.teal{background:#ccfbf1;color:#0d9488}.metric-block-value{font-size:var(--text-3xl);font-weight:var(--fw-bold);color:var(--text-primary);line-height:1;letter-spacing:-.5px}.metric-block-label{font-size:var(--text-sm);color:var(--text-muted)}.metric-block-footer{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs)}.metric-block-change{display:inline-flex;align-items:center;gap:2px;font-weight:var(--fw-semibold)}.metric-block-change.up{color:var(--success)}.metric-block-change.down{color:var(--danger)}.metric-block-period{color:var(--text-muted)}.metric-block.accent-blue{border-left:3px solid var(--primary)}.metric-block.accent-green{border-left:3px solid var(--success)}.metric-block.accent-orange{border-left:3px solid var(--warning)}.metric-block.accent-red{border-left:3px solid var(--danger)}.metric-block.accent-purple{border-left:3px solid #7C3AED}.table-wrapper{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs)}.table-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);flex-wrap:wrap}.table-toolbar-left{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;flex:1;min-width:0}.table-toolbar-right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.data-table{width:100%;border-collapse:collapse}.data-table thead th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap;-webkit-user-select:none;user-select:none}.data-table thead th.sortable{cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.data-table thead th.sortable:hover{color:var(--text-primary);background:var(--surface-3)}.data-table thead th .sort-icon{display:inline-flex;margin-left:var(--space-1);vertical-align:middle;color:var(--text-muted)}.data-table thead th.sort-asc .sort-icon,.data-table thead th.sort-desc .sort-icon{color:var(--primary)}.data-table tbody tr{border-bottom:1px solid var(--border);transition:background var(--transition-fast)}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:var(--surface-2)}.data-table tbody tr.selected{background:var(--primary-50)}.data-table td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);vertical-align:middle}.data-table td.td-primary{font-weight:var(--fw-medium);color:var(--text-primary)}.data-table td.td-actions{text-align:right;white-space:nowrap}.data-table th.th-check,.data-table td.td-check{width:40px;padding-right:var(--space-1)}.table-empty{padding:var(--space-16) var(--space-8);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);gap:var(--space-4);flex-wrap:wrap}.table-footer-info{font-size:var(--text-sm);color:var(--text-muted)}.pagination{display:flex;align-items:center;gap:var(--space-1)}.pagination-btn:hover{background:var(--surface-2);color:var(--text-primary)}.pagination-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pagination-ellipsis{padding:0 var(--space-1);color:var(--text-muted);font-size:var(--text-sm)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:var(--z-modal);animation:fadeIn var(--transition-base) ease}.modal{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:calc(100vh - var(--space-8));width:100%;animation:scaleIn var(--transition-slow) ease;border:1px solid var(--border)}.modal-sm{max-width:400px}.modal-md{max-width:560px}.modal-lg{max-width:720px}.modal-xl{max-width:900px}.modal-2xl{max-width:1100px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border);flex-shrink:0;gap:var(--space-4)}.modal-title{font-size:var(--text-lg);font-weight:var(--fw-semibold);color:var(--text-primary)}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);flex-shrink:0}.modal-close:hover{background:var(--surface-2);color:var(--text-primary)}.modal-body{padding:var(--space-6);overflow-y:auto;flex:1}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);flex-shrink:0}.modal-footer-left{margin-right:auto}.confirm-modal-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;margin:0 auto var(--space-4)}.confirm-modal-icon.danger{background:var(--danger-light);color:var(--danger)}.confirm-modal-icon.warning{background:var(--warning-light);color:var(--warning)}.confirm-modal-icon.success{background:var(--success-light);color:var(--success)}.drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:var(--z-overlay);animation:fadeIn var(--transition-base) ease}.drawer{position:fixed;top:0;right:0;bottom:0;width:480px;background:var(--surface);border-left:1px solid var(--border);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;z-index:var(--z-modal);animation:slideInRight var(--transition-slow) ease;overflow:hidden}.drawer-sm{width:360px}.drawer-md{width:480px}.drawer-lg{width:600px}.drawer-xl{width:720px}.drawer-left{right:auto;left:0;border-left:none;border-right:1px solid var(--border);animation:slideInLeft var(--transition-slow) ease}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border);flex-shrink:0}.drawer-title{font-size:var(--text-lg);font-weight:var(--fw-semibold);color:var(--text-primary)}.drawer-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.drawer-close:hover{background:var(--surface-2);color:var(--text-primary)}.drawer-body{flex:1;overflow-y:auto;padding:var(--space-6)}.drawer-footer{display:flex;align-items:center;gap:var(--space-3);justify-content:flex-end;padding:var(--space-4) var(--space-6);border-top:1px solid var(--border);flex-shrink:0}.slot-picker{display:flex;flex-direction:column;gap:var(--space-5)}.slot-picker-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.slot-picker-title{font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-primary)}.slot-picker-nav{display:flex;align-items:center;gap:var(--space-2)}.slot-picker-nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--text-secondary);transition:background var(--transition-fast),color var(--transition-fast)}.slot-picker-nav-btn:hover{background:var(--surface-2);color:var(--text-primary)}.slot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.slot-item{padding:var(--space-2) var(--space-3);text-align:center;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--fw-medium);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);background:var(--surface);-webkit-user-select:none;user-select:none}.slot-item:hover:not(.slot-taken):not(.slot-selected){border-color:var(--primary);color:var(--primary);background:var(--primary-50)}.slot-item.slot-selected{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:var(--shadow-sm)}.slot-item.slot-taken{background:var(--surface-2);border-color:var(--border);color:var(--text-muted);cursor:not-allowed;text-decoration:line-through}.slot-item.slot-unavailable{background:var(--surface-2);border-color:var(--border);color:var(--text-muted);cursor:not-allowed;opacity:.5}.slot-legend{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-xs);color:var(--text-muted);flex-wrap:wrap}.slot-legend-item{display:flex;align-items:center;gap:var(--space-1)}.slot-legend-dot{width:10px;height:10px;border-radius:2px;flex-shrink:0}.slot-legend-dot.available{background:var(--surface);border:1px solid var(--border)}.slot-legend-dot.selected{background:var(--primary)}.slot-legend-dot.taken{background:var(--surface-2)}.calendar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs)}.calendar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);background:var(--surface)}.calendar-title{font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-primary)}.calendar-nav{display:flex;align-items:center;gap:var(--space-1)}.calendar-nav-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast);border:1px solid transparent}.calendar-nav-btn:hover{background:var(--surface-2);color:var(--text-primary)}.calendar-view-toggle{display:flex;align-items:center;gap:var(--space-1);background:var(--surface-2);padding:3px;border-radius:var(--radius-sm)}.calendar-view-btn{padding:var(--space-1) var(--space-3);border-radius:calc(var(--radius-sm) - 2px);font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.calendar-view-btn.active{background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-xs)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid var(--border)}.calendar-weekday{text-align:center;padding:var(--space-2) var(--space-1);font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.calendar-day{min-height:90px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:var(--space-1);cursor:pointer;transition:background var(--transition-fast);display:flex;flex-direction:column;gap:2px;overflow:hidden}.calendar-day:nth-child(7n){border-right:none}.calendar-day:hover{background:var(--surface-2)}.calendar-day.today{background:var(--primary-50)}.calendar-day.other-month{opacity:.4}.calendar-day.selected{background:var(--primary-100)}.calendar-day-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--text-secondary);flex-shrink:0}.calendar-day.today .calendar-day-number{background:var(--primary);color:#fff}.calendar-event{padding:2px var(--space-1);border-radius:3px;font-size:10px;font-weight:var(--fw-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:opacity var(--transition-fast)}.calendar-event:hover{opacity:.8}.calendar-event.event-blue{background:var(--primary-100);color:var(--primary-dark)}.calendar-event.event-green{background:var(--success-light);color:#166534}.calendar-event.event-orange{background:var(--warning-light);color:#92400e}.calendar-event.event-red{background:var(--danger-light);color:#991b1b}.calendar-event.event-purple{background:#ede9fe;color:#5b21b6}.calendar-more{font-size:10px;color:var(--text-muted);padding:0 var(--space-1);cursor:pointer}.calendar-more:hover{color:var(--primary)}.calendar-time-grid{display:grid;grid-template-columns:60px 1fr;overflow:auto;max-height:600px}.time-labels{display:flex;flex-direction:column}.time-label{height:60px;display:flex;align-items:flex-start;padding-top:var(--space-1);padding-right:var(--space-3);font-size:var(--text-xs);color:var(--text-muted);text-align:right;justify-content:flex-end}.time-grid-body{position:relative;border-left:1px solid var(--border)}.time-row{height:60px;border-bottom:1px solid var(--border)}.time-row.half-hour{border-bottom-color:transparent;border-bottom-style:dashed}.appt-block{position:absolute;left:4px;right:4px;border-radius:var(--radius-xs);padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--fw-medium);overflow:hidden;cursor:pointer;transition:opacity var(--transition-fast),transform var(--transition-fast);box-shadow:var(--shadow-xs);z-index:1}.appt-block:hover{opacity:.9;transform:scaleX(1.01)}.availability-editor{display:flex;flex-direction:column;gap:var(--space-4)}.availability-editor-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.availability-day-row{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.availability-day-row.active{border-color:var(--primary-light);background:var(--primary-50)}.availability-day-label{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.availability-slots{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.availability-slot{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--text-secondary)}.availability-slot.add-slot{background:transparent;border-style:dashed;cursor:pointer;color:var(--primary);border-color:var(--primary-light);transition:background var(--transition-fast)}.availability-slot.add-slot:hover{background:var(--primary-50)}.availability-slot-remove{display:flex;cursor:pointer;color:var(--text-muted);transition:color var(--transition-fast)}.availability-slot-remove:hover{color:var(--danger)}.time-range-input{display:flex;align-items:center;gap:var(--space-2)}.time-range-input input[type=time]{width:100px;font-size:var(--text-sm);padding:var(--space-1) var(--space-2)}.time-range-separator{font-size:var(--text-xs);color:var(--text-muted)}.toggle{position:relative;display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle input{position:absolute;opacity:0;width:0;height:0}.toggle-track{width:36px;height:20px;background:var(--border-strong);border-radius:var(--radius-full);transition:background var(--transition-base);position:relative;flex-shrink:0}.toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform var(--transition-base);box-shadow:var(--shadow-xs)}.toggle input:checked~.toggle-track{background:var(--primary)}.toggle input:checked~.toggle-track .toggle-thumb{transform:translate(16px)}.toggle-label{margin-left:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.activity-feed{display:flex;flex-direction:column;gap:0}.activity-item{display:flex;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border);position:relative}.activity-item:last-child{border-bottom:none}.activity-icon-wrap{position:relative;flex-shrink:0}.activity-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;flex-shrink:0}.activity-icon.blue{background:var(--primary-100);color:var(--primary)}.activity-icon.green{background:var(--success-light);color:var(--success)}.activity-icon.orange{background:var(--warning-light);color:var(--warning)}.activity-icon.red{background:var(--danger-light);color:var(--danger)}.activity-icon.gray{background:var(--surface-2);color:var(--text-muted)}.activity-icon-wrap:after{content:"";position:absolute;left:50%;top:100%;transform:translate(-50%);width:1px;height:calc(100% + var(--space-3));background:var(--border)}.activity-item:last-child .activity-icon-wrap:after{display:none}.activity-body{flex:1;min-width:0;padding-top:4px}.activity-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-snug)}.activity-text strong{color:var(--text-primary);font-weight:var(--fw-medium)}.activity-time{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.timeline{display:flex;flex-direction:column;gap:0;position:relative}.timeline:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background:var(--border)}.timeline-item{display:flex;gap:var(--space-4);padding-bottom:var(--space-6);position:relative}.timeline-marker{position:relative;flex-shrink:0;width:32px;display:flex;justify-content:center;z-index:1}.timeline-dot{width:12px;height:12px;border-radius:50%;background:var(--primary);border:2px solid var(--surface);box-shadow:0 0 0 2px var(--primary);margin-top:4px}.timeline-dot.success{background:var(--success);box-shadow:0 0 0 2px var(--success)}.timeline-dot.warning{background:var(--warning);box-shadow:0 0 0 2px var(--warning)}.timeline-dot.danger{background:var(--danger);box-shadow:0 0 0 2px var(--danger)}.timeline-dot.muted{background:var(--text-muted);box-shadow:0 0 0 2px var(--text-muted)}.timeline-content{flex:1;min-width:0;padding-top:2px}.timeline-description{font-size:var(--text-sm);color:var(--text-secondary);margin-top:2px;line-height:var(--leading-snug)}.timeline-meta{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.staff-panel{display:flex;flex-direction:column;gap:0}.staff-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--transition-fast);text-decoration:none}.staff-item:last-child{border-bottom:none}.staff-item:hover{background:var(--surface-2);text-decoration:none}.staff-item-info{flex:1;min-width:0}.staff-item-name{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-item-role{font-size:var(--text-xs);color:var(--text-muted);margin-top:1px}.staff-item-status{flex-shrink:0}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.online{background:var(--success)}.status-dot.offline{background:var(--text-muted)}.status-dot.busy{background:var(--danger)}.status-dot.away{background:var(--warning)}.doctor-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);box-shadow:var(--shadow-xs);cursor:pointer;transition:box-shadow var(--transition-base),transform var(--transition-base),border-color var(--transition-base)}.doctor-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--primary-light)}.doctor-card-name{font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-primary)}.doctor-card-specialty{font-size:var(--text-sm);color:var(--text-muted)}.doctor-card-stats{display:flex;gap:var(--space-4);font-size:var(--text-xs);color:var(--text-muted)}.doctor-card-rating{display:flex;align-items:center;gap:2px;font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-primary)}.live-ops-strip{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow-x:auto;scrollbar-width:none;box-shadow:var(--shadow-xs);margin-bottom:var(--space-6)}.live-ops-strip::-webkit-scrollbar{display:none}.live-ops-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);min-width:100px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);text-align:center;flex-shrink:0;position:relative}.live-ops-item+.live-ops-item:before{content:"";position:absolute;left:0;top:20%;height:60%;width:1px;background:var(--border)}.live-ops-value{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-primary);line-height:1}.live-ops-indicator{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:var(--fw-medium)}.live-ops-indicator.live{color:var(--success)}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--success);animation:pulse 1.5s ease-in-out infinite}.step-wizard{display:flex;flex-direction:column;gap:var(--space-8)}.step-wizard-header{display:flex;align-items:center;gap:0;position:relative}.step-wizard-header:before{content:"";position:absolute;top:18px;left:0;right:0;height:2px;background:var(--border);z-index:0}.step-wizard-progress{position:absolute;top:18px;left:0;height:2px;background:var(--primary);z-index:1;transition:width var(--transition-slow)}.wizard-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);flex:1;position:relative;z-index:2}.wizard-step-circle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;font-size:var(--text-sm);font-weight:var(--fw-semibold);border:2px solid var(--border);background:var(--surface);color:var(--text-muted);transition:all var(--transition-base)}.wizard-step.active .wizard-step-circle{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 0 0 4px var(--primary-100)}.wizard-step.completed .wizard-step-circle{border-color:var(--success);background:var(--success);color:#fff}.wizard-step-label{font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--text-muted);text-align:center;white-space:nowrap}.wizard-step.active .wizard-step-label{color:var(--primary)}.wizard-step.completed .wizard-step-label{color:var(--success)}.wizard-step-subtitle{font-size:10px;color:var(--text-muted);text-align:center}.wizard-body{flex:1}.wizard-navigation{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-6);border-top:1px solid var(--border)}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:calc(100% + var(--space-1));right:0;min-width:180px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);animation:slideUp var(--transition-fast) ease;overflow:hidden}.dropdown-menu.dropdown-left{right:auto;left:0}.dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);text-decoration:none;white-space:nowrap}.dropdown-item:hover{background:var(--surface-2);color:var(--text-primary);text-decoration:none}.dropdown-item.danger{color:var(--danger)}.dropdown-item.danger:hover{background:var(--danger-light)}.dropdown-divider{height:1px;background:var(--border);margin:var(--space-1) 0}.dropdown-header{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.tabs{display:flex;flex-direction:column;gap:var(--space-5)}.tabs-list{display:flex;gap:0;border-bottom:2px solid var(--border);overflow-x:auto;scrollbar-width:none}.tabs-list::-webkit-scrollbar{display:none}.tab-trigger{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;transition:color var(--transition-fast),border-color var(--transition-fast);-webkit-user-select:none;user-select:none}.tab-trigger:hover{color:var(--text-primary)}.tab-trigger.active{color:var(--primary);border-bottom-color:var(--primary)}.tab-badge{background:var(--surface-2);color:var(--text-muted);font-size:10px;font-weight:var(--fw-bold);padding:0 5px;border-radius:var(--radius-full);line-height:1.6}.tab-trigger.active .tab-badge{background:var(--primary-100);color:var(--primary)}.tab-content{animation:fadeIn var(--transition-base) ease}.tabs-pills .tabs-list{border-bottom:none;background:var(--surface-2);padding:3px;border-radius:var(--radius-md);display:inline-flex;width:auto}.tabs-pills .tab-trigger{border-bottom:none;border-radius:calc(var(--radius-md) - 2px);margin-bottom:0;padding:var(--space-1) var(--space-4)}.tabs-pills .tab-trigger.active{background:var(--surface);color:var(--text-primary);box-shadow:var(--shadow-xs)}.patient-profile-header{display:flex;align-items:flex-start;gap:var(--space-5);padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.patient-profile-info{flex:1;min-width:0}.patient-profile-name{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-primary);line-height:var(--leading-tight)}.patient-profile-meta{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.patient-profile-actions{display:flex;gap:var(--space-2);flex-shrink:0}.patient-details-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4);margin-top:var(--space-4)}.patient-detail-item{display:flex;flex-direction:column;gap:var(--space-1)}.patient-detail-label{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.patient-detail-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--fw-medium)}.notification-panel{width:360px;max-height:480px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden}.notification-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);flex-shrink:0}.notification-list{overflow-y:auto;flex:1}.notification-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--transition-fast)}.notification-item:last-child{border-bottom:none}.notification-item:hover{background:var(--surface-2)}.notification-item.unread{background:var(--primary-50)}.notification-item.unread:hover{background:var(--primary-100)}.notification-body{flex:1;min-width:0}.notification-text{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-snug)}.notification-time{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.notification-unread-dot{width:6px;height:6px;border-radius:50%;background:var(--primary);flex-shrink:0;margin-top:5px}.filter-bar{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.filter-group{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.filter-label{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.filter-pill{padding:4px var(--space-3);font-size:var(--text-xs);font-weight:var(--fw-medium);border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.filter-pill:hover{border-color:var(--primary);color:var(--primary)}.filter-pill.active{background:var(--primary);border-color:var(--primary);color:#fff}.chat-widget{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-modal)}.chat-widget-btn{width:52px;height:52px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-lg);transition:transform var(--transition-spring),box-shadow var(--transition-base);border:3px solid #fff}.chat-widget-btn:hover{transform:scale(1.1);box-shadow:var(--shadow-xl)}.chat-window{position:absolute;bottom:calc(100% + var(--space-3));right:0;width:360px;height:480px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden;animation:scaleIn var(--transition-slow) ease;transform-origin:bottom right}.chat-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--primary);color:#fff;flex-shrink:0}.chat-header-info{flex:1;min-width:0}.chat-header-name{font-size:var(--text-sm);font-weight:var(--fw-semibold)}.chat-header-status{font-size:var(--text-xs);opacity:.8}.chat-messages{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.chat-message{display:flex;gap:var(--space-2);max-width:85%;animation:slideUp var(--transition-fast) ease}.chat-message.user{align-self:flex-end;flex-direction:row-reverse}.chat-bubble{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-snug)}.chat-message.bot .chat-bubble{background:var(--surface-2);color:var(--text-primary);border-bottom-left-radius:var(--radius-xs)}.chat-message.user .chat-bubble{background:var(--primary);color:#fff;border-bottom-right-radius:var(--radius-xs)}.chat-input-area{padding:var(--space-3);border-top:1px solid var(--border);flex-shrink:0}.chat-input-row{display:flex;gap:var(--space-2);align-items:flex-end}.chat-input-row input{flex:1;border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.chat-send-btn{width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),transform var(--transition-fast)}.chat-send-btn:hover{background:var(--primary-dark);transform:scale(1.05)}.invoice-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs)}.invoice-header{display:flex;align-items:flex-start;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid var(--border);background:var(--surface-2);gap:var(--space-4)}.invoice-number{font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--text-primary)}.invoice-body{padding:var(--space-6)}.invoice-line-items{width:100%;border-collapse:collapse;margin-bottom:var(--space-4)}.invoice-line-items th{text-align:left;font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-2) var(--space-3);border-bottom:2px solid var(--border)}.invoice-line-items td{padding:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid var(--border)}.invoice-totals{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2);padding-top:var(--space-4)}.invoice-total-row{display:flex;gap:var(--space-8);font-size:var(--text-sm)}.invoice-total-label{color:var(--text-muted);min-width:100px;text-align:right}.invoice-total-value{color:var(--text-primary);font-weight:var(--fw-medium);min-width:100px;text-align:right}.invoice-grand-total{font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--text-primary);border-top:2px solid var(--border);padding-top:var(--space-2);margin-top:var(--space-2)}.admin-panel{display:flex;flex-direction:column;gap:var(--space-6)}.admin-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs)}.admin-section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);background:var(--surface-2);gap:var(--space-4)}.admin-section-title{font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.admin-section-body{padding:var(--space-5)}.audit-log-entry{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border);font-size:var(--text-sm)}.audit-log-entry:last-child{border-bottom:none}.audit-log-time{font-size:var(--text-xs);color:var(--text-muted);min-width:130px;flex-shrink:0}.audit-log-actor{font-weight:var(--fw-medium);color:var(--text-primary);min-width:160px;flex-shrink:0}.audit-log-action{color:var(--text-secondary);flex:1}.audit-log-ip{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);flex-shrink:0}@media (max-width: 1024px){.sidebar{width:var(--sidebar-collapsed-width)}.app-main{margin-left:var(--sidebar-collapsed-width)}.sidebar .sidebar-logo-text,.sidebar .nav-label,.sidebar .sidebar-section-title,.sidebar .sidebar-footer-info{opacity:0;pointer-events:none;width:0;overflow:hidden}.card-grid-4{grid-template-columns:repeat(2,1fr)}.card-grid-5{grid-template-columns:repeat(3,1fr)}.metrics-row{grid-template-columns:repeat(2,1fr)}.page-header{padding:var(--space-5) var(--space-5) 0}.page-content{padding:var(--space-5)}.drawer{width:420px}.chat-window{width:320px;height:440px}.availability-day-row{grid-template-columns:100px 1fr auto}}@media (max-width: 768px){.sidebar{width:var(--sidebar-width, 240px);transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0);width:240px}.sidebar.sidebar-open .sidebar-logo-text,.sidebar.sidebar-open .nav-label,.sidebar.sidebar-open .sidebar-section-title,.sidebar.sidebar-open .sidebar-footer-info{opacity:1;pointer-events:auto;width:auto;overflow:visible}.sidebar-overlay{display:block}.app-main{margin-left:0}.topbar-mobile-toggle{display:flex}.topbar-search{display:none}.card-grid,.card-grid-2,.card-grid-3,.card-grid-4,.card-grid-5{grid-template-columns:1fr}.metrics-row{grid-template-columns:repeat(2,1fr)}.page-header{padding:var(--space-4) var(--space-4) 0;flex-direction:column;align-items:flex-start}.page-title{font-size:var(--text-xl)}.page-actions{width:100%}.page-content{padding:var(--space-4)}.topbar{padding:0 var(--space-4)}.table-wrapper{overflow-x:auto}.data-table{min-width:600px}.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:90vh;max-width:100%}.drawer,.drawer-sm,.drawer-md,.drawer-lg,.drawer-xl{width:100%}.chat-window{position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;border-radius:0}.chat-widget{bottom:var(--space-4);right:var(--space-4)}.availability-day-row{grid-template-columns:1fr;gap:var(--space-2)}.live-ops-strip{padding:var(--space-3)}.live-ops-item{min-width:80px}.wizard-step-label,.wizard-step-subtitle{display:none}.slot-grid{grid-template-columns:repeat(3,1fr)}.table-toolbar{flex-direction:column;align-items:flex-start}.filter-bar{width:100%}.patient-profile-header{flex-direction:column;align-items:center;text-align:center}.patient-profile-actions,.patient-profile-meta{justify-content:center}.notification-panel{width:100%;max-width:360px}.wizard-navigation{flex-wrap:wrap}.admin-section-body{padding:var(--space-4)}.audit-log-entry{flex-wrap:wrap;gap:var(--space-2)}.audit-log-actor,.audit-log-time{min-width:unset}}.btn--primary{background-color:var(--primary);color:#fff;border-color:var(--primary)}.btn--primary:hover:not(:disabled){background-color:var(--primary-dark);border-color:var(--primary-dark)}.btn--secondary{background-color:var(--surface);color:var(--text-primary);border-color:var(--border)}.btn--secondary:hover:not(:disabled){background-color:var(--surface-2)}.btn--ghost{background-color:transparent;color:var(--text-secondary);border-color:transparent}.btn--ghost:hover:not(:disabled){background-color:var(--surface-2);color:var(--text-primary)}.btn--danger{background-color:var(--danger);color:#fff;border-color:var(--danger)}.btn--danger:hover:not(:disabled){background-color:#b91c1c}.btn--success{background-color:var(--success);color:#fff;border-color:var(--success)}.btn--success:hover:not(:disabled){background-color:#15803d}.btn--xs{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-xs)}.btn--sm{padding:6px var(--space-3);font-size:var(--text-sm)}.btn--md{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base);border-radius:var(--radius-md)}.btn--xl{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);border-radius:var(--radius-md)}.btn--full{width:100%}.btn--icon{padding:var(--space-2)}.btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .6s linear infinite}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-secondary);margin-bottom:var(--space-1)}.form-input{display:block;width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-family:var(--font);color:var(--text-primary);background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26}.form-input::placeholder{color:var(--text-muted)}.form-input-wrapper{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26}.form-input-icon{flex-shrink:0;margin-left:var(--space-3);color:var(--text-muted);display:block;line-height:0;pointer-events:none}.form-input-wrapper>.form-input{flex:1;min-width:0;border:none;background:transparent;box-shadow:none;padding-left:var(--space-2);padding-right:var(--space-3)}.form-input-wrapper>.form-input:focus{border:none;box-shadow:none}.form-input-toggle{flex-shrink:0;padding:0 var(--space-3) 0 var(--space-2);display:flex;align-items:center;justify-content:center;color:var(--text-muted);cursor:pointer;background:none;border:none;line-height:0;transition:color var(--transition-fast)}.form-input-toggle:hover{color:var(--text-primary)}.login-page{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;background:var(--bg)}.login-hero{background:linear-gradient(135deg,var(--primary-dark) 0%,var(--primary) 60%,#3B82F6 100%);display:flex;align-items:center;justify-content:center;padding:var(--space-12);position:relative;overflow:hidden}.login-hero-content{position:relative;z-index:1;max-width:440px;color:#fff}.login-hero-logo{width:72px;height:72px;background:#ffffff26;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2)}.login-hero-title{font-size:var(--text-4xl);font-weight:var(--fw-bold);color:#fff;line-height:1.1;margin-bottom:var(--space-3)}.login-hero-tagline{font-size:var(--text-lg);color:#fffc;margin-bottom:var(--space-8);line-height:var(--leading-snug)}.login-hero-features{display:flex;flex-direction:column;gap:var(--space-3)}.login-hero-feature{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:#ffffffe6}.login-hero-feature-dot{width:8px;height:8px;border-radius:50%;background:#fff9;flex-shrink:0}.login-hero-shapes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.login-shape{position:absolute;border-radius:50%;background:#ffffff0f}.login-shape--1{width:300px;height:300px;top:-80px;right:-80px}.login-shape--2{width:200px;height:200px;bottom:40px;left:-60px}.login-shape--3{width:120px;height:120px;bottom:160px;right:40px;background:#ffffff0a}.login-form-panel{display:flex;align-items:center;justify-content:center;padding:var(--space-8);overflow-y:auto}.login-form-card{width:100%;max-width:420px}.login-tabs{display:flex;background:var(--surface-2);border-radius:var(--radius-md);padding:3px;gap:3px;margin-bottom:var(--space-6)}.login-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-muted);border-radius:calc(var(--radius-md) - 2px);cursor:pointer;transition:all var(--transition-fast);border:none;background:none}.login-tab--active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}.login-tab:not(.login-tab--active):hover{color:var(--text-primary)}.login-form-header{margin-bottom:var(--space-6)}.login-form-title{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-primary);margin-bottom:var(--space-1)}.login-form-subtitle{font-size:var(--text-sm);color:var(--text-muted)}.login-error{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--danger-light);border:1px solid #FCA5A5;border-radius:var(--radius-md);color:#991b1b;font-size:var(--text-sm);margin-bottom:var(--space-4)}.login-form{display:flex;flex-direction:column;gap:0}.login-divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-5) 0;font-size:var(--text-sm);color:var(--text-muted)}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border)}.login-google-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast),box-shadow var(--transition-fast)}.login-google-btn:hover{background:var(--surface-2);box-shadow:var(--shadow-sm)}.login-demo-creds{margin-top:var(--space-6);padding:var(--space-4);background:var(--surface-2);border-radius:var(--radius-md);border:1px dashed var(--border-strong)}.login-demo-label{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.login-demo-buttons{display:flex;gap:var(--space-2);flex-wrap:wrap}.login-demo-btn{padding:4px var(--space-3);font-size:var(--text-xs);font-weight:var(--fw-medium);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.login-demo-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-50)}@media (max-width: 768px){.login-page{grid-template-columns:1fr}.login-hero{min-height:220px;padding:var(--space-8);align-items:flex-end}.login-hero-logo,.login-hero-features{display:none}.login-hero-title{font-size:var(--text-2xl);margin-bottom:var(--space-1)}.login-hero-tagline{font-size:var(--text-sm);margin-bottom:0}.login-form-panel{padding:var(--space-6)}}.page-wrapper{display:flex;flex-direction:column;gap:var(--space-6);padding:var(--space-6) var(--space-8);min-height:calc(100vh - var(--topbar-height))}@media (max-width: 768px){.page-wrapper{padding:var(--space-4);gap:var(--space-4)}}.page-spinner{display:flex;align-items:center;justify-content:center;height:100vh;width:100%}.page-spinner__ring{width:44px;height:44px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:calc(var(--z-sticky) - 1);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.unauthorized{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-8);background:var(--bg)}.unauthorized__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-12);max-width:440px;width:100%;text-align:center;box-shadow:var(--shadow-lg)}.unauthorized__icon{display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6)}.unauthorized__title{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-primary);margin-bottom:var(--space-3)}.unauthorized__body{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.unauthorized__link{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-6);background:var(--primary);color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--fw-medium);text-decoration:none;transition:background var(--transition-fast)}.unauthorized__link:hover{background:var(--primary-dark);text-decoration:none}.doctors-filter-bar{display:flex;flex-direction:column;gap:var(--space-3)}.search-input-wrapper{display:flex;align-items:center;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);max-width:360px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb26}.search-icon{flex-shrink:0;margin-left:var(--space-3);color:var(--text-muted);display:block;line-height:0;pointer-events:none}.search-input-wrapper>.form-input,.search-input{flex:1;min-width:0;border:none;background:transparent;box-shadow:none;padding-left:var(--space-2)}.search-input-wrapper>.form-input:focus,.search-input:focus{border:none;box-shadow:none;outline:none}.spec-filter-chips{display:flex;gap:var(--space-2);flex-wrap:wrap}.filter-chip{padding:4px var(--space-3);font-size:var(--text-xs);font-weight:var(--fw-medium);border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.filter-chip:hover{border-color:var(--primary);color:var(--primary)}.filter-chip--active{background:var(--primary);border-color:var(--primary);color:#fff}.section-subtitle{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--fw-medium)}.doctors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.doctor-grid-card{display:flex;flex-direction:column;gap:var(--space-4);transition:box-shadow var(--transition-base),transform var(--transition-base)}.doctor-grid-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.doctor-grid-avatar{width:56px;height:56px;border-radius:50%;background:var(--primary-100);color:var(--primary-dark);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:var(--fw-bold);flex-shrink:0}.doctor-grid-body{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.doctor-grid-name{font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-primary)}.doctor-grid-spec{font-size:var(--text-sm);color:var(--primary);font-weight:var(--fw-medium)}.doctor-grid-exp{font-size:var(--text-xs);color:var(--text-muted)}.doctor-grid-bio{font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-snug);margin-top:var(--space-1)}.doctor-grid-rating{display:flex;align-items:center;gap:2px;margin-top:var(--space-2)}.doctor-grid-availability{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1)}.avail-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.avail-dot--available{background:var(--success)}.avail-dot--busy{background:var(--danger)}.avail-dot--away{background:var(--warning)}.doctor-grid-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.doctor-profile-modal{display:flex;flex-direction:column;gap:var(--space-4)}.doctor-profile-header{display:flex;align-items:center;gap:var(--space-4)}.doctor-profile-avatar{width:64px;height:64px;border-radius:50%;background:var(--primary-100);color:var(--primary-dark);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);font-weight:var(--fw-bold);flex-shrink:0}.doctor-profile-name{font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--text-primary)}.doctor-profile-spec{font-size:var(--text-sm);font-weight:var(--fw-medium)}.doctor-profile-bio{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.doctor-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);padding:var(--space-4);background:var(--surface-2);border-radius:var(--radius-md)}.doctor-profile-field{display:flex;flex-direction:column;gap:var(--space-1)}.patient-modal-label{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.reports-period-toggle{display:flex;gap:var(--space-2);align-self:flex-start}.reports-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}@media (max-width: 900px){.reports-grid{grid-template-columns:1fr}}.bar-chart-vertical{display:flex;align-items:flex-end;justify-content:space-around;gap:var(--space-2);padding:var(--space-2) 0}.bar-v-col{display:flex;flex-direction:column;align-items:center;gap:var(--space-1);flex:1;min-width:0}.bar-v-value{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-primary)}.bar-v-track{width:100%;display:flex;align-items:flex-end;justify-content:center}.bar-v-fill{width:100%;max-width:40px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:4px;transition:height var(--transition-slow)}.bar-v-label{font-size:10px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.bar-chart-horizontal{display:flex;flex-direction:column;gap:var(--space-3)}.bar-h-row{display:grid;grid-template-columns:120px 1fr 40px;align-items:center;gap:var(--space-3)}.bar-h-label{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bar-h-track{background:var(--surface-2);border-radius:var(--radius-full);height:8px;overflow:hidden}.bar-h-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-slow);min-width:4px}.bar-h-value{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-primary);text-align:right}.status-distribution{display:flex;flex-direction:column;gap:var(--space-3)}.status-dist-row{display:grid;grid-template-columns:100px 1fr 100px;align-items:center;gap:var(--space-3)}.status-dist-label{font-size:var(--text-sm);color:var(--text-secondary)}.status-dist-track{background:var(--surface-2);border-radius:var(--radius-full);height:8px;overflow:hidden}.status-dist-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-slow)}.status-dist-count{font-size:var(--text-xs);color:var(--text-muted);text-align:right}.summary-cards-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.summary-stat-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5)}.summary-stat-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.summary-stat-info{display:flex;flex-direction:column;gap:2px}.summary-stat-value{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-primary);line-height:1}.summary-stat-label{font-size:var(--text-xs);color:var(--text-muted)}.billing-filter-row{display:flex;align-items:center;gap:var(--space-3)}.table-actions{display:flex;align-items:center;gap:var(--space-2);justify-content:flex-end}.skeleton-block{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:1200px 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-block--title{height:20px;width:60%;margin-bottom:var(--space-3)}.skeleton-block--value{height:32px;width:40%;margin-bottom:var(--space-2)}.skeleton-block--text{height:14px;width:100%;margin-bottom:var(--space-2)}.skeleton-block--short{width:60%!important}.skeleton-block--header{height:14px;width:80%}.skeleton-circle{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:1200px 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:50%;width:40px;height:40px;flex-shrink:0}.skeleton-circle--sm{width:28px;height:28px}.skeleton-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-5)}.skeleton-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-xs)}.skeleton-list{display:flex;flex-direction:column;gap:0}.skeleton-list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.skeleton-list-item:last-child{border-bottom:none}.skeleton-list-lines{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-dashboard{display:flex;flex-direction:column;gap:var(--space-5)}.skeleton-strip{height:60px;background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface-3) 50%,var(--surface-2) 75%);background-size:1200px 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--radius-lg)}.skeleton-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.skeleton-metric-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-3)}.skeleton-table{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.skeleton-table-header{display:flex;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);background:var(--surface-2)}.skeleton-table-row{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border)}.skeleton-table-row:last-child{border-bottom:none}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center;gap:var(--space-3)}.empty-state-icon{color:var(--text-muted);opacity:.5;margin-bottom:var(--space-2)}.empty-state-title{font-size:var(--text-lg);font-weight:var(--fw-semibold);color:var(--text-primary)}.empty-state-message{font-size:var(--text-sm);color:var(--text-muted);max-width:320px}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);text-align:center;gap:var(--space-3)}.error-state-icon{color:var(--danger);opacity:.7;margin-bottom:var(--space-2)}.error-state-title{font-size:var(--text-lg);font-weight:var(--fw-semibold);color:var(--text-primary)}.error-state-message{font-size:var(--text-sm);color:var(--text-muted);max-width:360px}.topbar-search-input{width:100%;padding:var(--space-1) var(--space-3) var(--space-1) calc(var(--space-3) + 20px + var(--space-2));font-size:var(--text-sm);background:var(--surface-2);border:1px solid transparent;border-radius:var(--radius-full)}.topbar-search-input:focus{background:var(--surface);border-color:var(--primary)}.user-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--primary-100);color:var(--primary-dark);font-weight:var(--fw-semibold);font-size:var(--text-sm);overflow:hidden;flex-shrink:0}.data-table-wrapper{overflow-x:auto}.patients-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.workspace-controls{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.quick-actions-list{display:flex;flex-direction:column;gap:var(--space-2)}.quick-action-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--fw-medium);cursor:pointer;transition:all var(--transition-fast);text-decoration:none}.quick-action-btn:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-50);text-decoration:none}.requests-list{display:flex;flex-direction:column;gap:var(--space-3)}.request-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:box-shadow var(--transition-fast)}.request-card:hover{box-shadow:var(--shadow-sm)}.avail-layout{display:grid;grid-template-columns:1fr 320px;gap:var(--space-6);align-items:start}@media (max-width: 1024px){.avail-layout{grid-template-columns:1fr}}.avail-editor,.avail-preview-panel{display:flex;flex-direction:column;gap:var(--space-4)}.settings-layout{display:grid;grid-template-columns:220px 1fr;gap:var(--space-6);align-items:start}@media (max-width: 768px){.settings-layout{grid-template-columns:1fr}}.settings-tabs-sidebar{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs)}.settings-tab-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-secondary);cursor:pointer;border-bottom:1px solid var(--border);transition:background var(--transition-fast),color var(--transition-fast)}.settings-tab-item:last-child{border-bottom:none}.settings-tab-item:hover{background:var(--surface-2);color:var(--text-primary)}.settings-tab-item.active{background:var(--primary-50);color:var(--primary)}.profile-layout{display:flex;flex-direction:column;gap:var(--space-6)}.profile-header-card{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.admin-tabs-bar{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:var(--space-6);overflow-x:auto;scrollbar-width:none}.admin-tabs-bar::-webkit-scrollbar{display:none}.next-appt-card{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);border-radius:var(--radius-lg);padding:var(--space-5);color:#fff;display:flex;flex-direction:column;gap:var(--space-3)}.next-appt-title{font-size:var(--text-xs);font-weight:var(--fw-semibold);opacity:.8;text-transform:uppercase;letter-spacing:.05em}.next-appt-doctor{font-size:var(--text-xl);font-weight:var(--fw-bold)}.next-appt-meta{font-size:var(--text-sm);opacity:.85;display:flex;align-items:center;gap:var(--space-2)}.health-summary{display:flex;flex-direction:column;gap:var(--space-3)}.health-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--surface-2);border-radius:var(--radius-md)}.health-item-label{font-size:var(--text-sm);color:var(--text-secondary)}.health-item-value{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-primary)}.doctor-overview-card{display:flex;flex-direction:column;gap:var(--space-4)}.doctor-overview-stat{display:flex;align-items:center;justify-content:space-between}.doctor-overview-stat-label{font-size:var(--text-sm);color:var(--text-muted)}.doctor-overview-stat-value{font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--text-primary)}.command-bar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh}.command-bar{width:100%;max-width:560px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;animation:scaleIn var(--transition-slow) ease}.command-bar-input-row{display:flex;align-items:center;border-bottom:1px solid var(--border)}.command-bar-input{flex:1;min-width:0;padding:var(--space-4) var(--space-3) var(--space-4) var(--space-2);font-size:var(--text-base);background:transparent;border:none;outline:none;color:var(--text-primary)}.command-bar-close{flex-shrink:0;padding:0 var(--space-4);display:flex;align-items:center;background:none;border:none;color:var(--text-muted);cursor:pointer;height:100%}.command-bar-results{max-height:320px;overflow-y:auto}.command-bar-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast)}.command-bar-item:hover,.command-bar-item.active{background:var(--surface-2);color:var(--text-primary)}.schedule-timeline{display:flex;flex-direction:column;gap:var(--space-3)}.timeline-slot{display:flex;gap:var(--space-4);align-items:flex-start}.timeline-slot-time{width:60px;font-size:var(--text-xs);color:var(--text-muted);padding-top:var(--space-1);text-align:right;flex-shrink:0}.timeline-slot-content{flex:1;background:var(--primary-100);border-left:3px solid var(--primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:var(--space-2) var(--space-3)}.timeline-slot-title{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-primary)}.timeline-slot-sub{font-size:var(--text-xs);color:var(--text-muted)}.record-section{margin-bottom:var(--space-6)}.record-section-title{font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.float-chat-btn:hover{transform:scale(1.1)}.float-chat-panel{position:fixed;bottom:calc(var(--space-6) + 64px);right:var(--space-6);width:360px;height:480px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:var(--z-modal);display:flex;flex-direction:column;overflow:hidden;animation:scaleIn var(--transition-slow) ease;transform-origin:bottom right}.paged-nav{display:flex;align-items:center;gap:var(--space-2);justify-content:center}.appt-status-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:capitalize}.widget-list{display:flex;flex-direction:column;gap:0}.widget-list-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.widget-list-item:last-child{border-bottom:none}.booking-summary{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.booking-summary-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);font-size:var(--text-sm)}.booking-summary-label{color:var(--text-muted)}.step-indicator{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-2)}.step-indicator-dot{width:6px;height:6px;border-radius:50%;background:var(--border-strong)}.step-indicator-dot.active{background:var(--primary)}.step-indicator-dot.done{background:var(--success)}.sidebar--collapsed{width:var(--sidebar-collapsed-width)}.sidebar--collapsed .sidebar-logo-text,.sidebar--collapsed .sidebar-nav-label,.sidebar--collapsed .sidebar-user-info{opacity:0;width:0;overflow:hidden;pointer-events:none}.sidebar--mobile-open{transform:translate(0)!important}.sidebar-nav{overflow-x:hidden;overflow-y:auto}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);margin:1px var(--space-2);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--fw-medium);text-decoration:none;white-space:nowrap;overflow:hidden;transition:background var(--transition-fast),color var(--transition-fast);position:relative}.sidebar-nav-item:hover{background:var(--surface-2);color:var(--text-primary);text-decoration:none}.sidebar-nav-item--active{background:var(--primary-100);color:var(--primary)}.sidebar-nav-item--active:before{content:"";position:absolute;left:0;top:20%;height:60%;width:3px;border-radius:0 2px 2px 0;background:var(--primary)}.sidebar-nav-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.sidebar-nav-label{flex:1;transition:opacity var(--transition-slow),width var(--transition-slow)}.sidebar-collapse-btn{position:absolute;top:calc(var(--topbar-height) / 2);right:-12px;transform:translateY(-50%);z-index:100;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;flex-shrink:0;box-shadow:var(--shadow-sm);transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast)}.sidebar-collapse-btn:hover{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:var(--shadow-md)}.sidebar-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);flex-shrink:0;overflow:hidden}.sidebar-user-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--fw-bold);color:#fff;flex-shrink:0}.sidebar-user-info{flex:1;min-width:0;transition:opacity var(--transition-slow)}.sidebar-user-name{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-role{font-size:var(--text-xs);font-weight:var(--fw-medium);white-space:nowrap}.sidebar-logout-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.sidebar-logout-btn:hover{background:var(--danger-light);color:var(--danger)}.topbar-menu-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast)}.topbar-menu-btn:hover{background:var(--surface-2)}@media (max-width: 768px){.topbar-menu-btn{display:flex}}.topbar-title{font-size:var(--text-lg);font-weight:var(--fw-semibold);color:var(--text-primary)}.topbar-icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.topbar-icon-btn:hover{background:var(--surface-2);color:var(--text-primary)}.topbar-notif-badge{position:absolute;top:4px;right:4px;width:16px;height:16px;background:var(--danger);color:#fff;border-radius:50%;font-size:9px;font-weight:var(--fw-bold);display:flex;align-items:center;justify-content:center;border:2px solid var(--surface);line-height:1}.topbar-user-dropdown{position:relative}.topbar-user-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.topbar-user-btn:hover{background:var(--surface-2)}.topbar-user-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--fw-bold);color:#fff;flex-shrink:0}.topbar-user-info{display:flex;flex-direction:column;align-items:flex-start}.topbar-user-name{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-primary);line-height:1.3;white-space:nowrap}.topbar-user-role{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.topbar-dropdown-menu{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:200px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);overflow:hidden;animation:slideUp var(--transition-fast) ease}.topbar-dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);width:100%;text-align:left}.topbar-dropdown-item:hover{background:var(--surface-2);color:var(--text-primary)}.topbar-dropdown-item--danger{color:var(--danger)}.topbar-dropdown-item--danger:hover{background:var(--danger-light);color:var(--danger)}.topbar-dropdown-divider{height:1px;background:var(--border);margin:var(--space-1) 0}@media (max-width: 640px){.topbar-user-info{display:none}}.dashboard-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}@media (max-width: 1024px){.dashboard-metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.dashboard-metrics-grid{grid-template-columns:1fr 1fr}}.dashboard-three-col{display:grid;grid-template-columns:280px 1fr 280px;gap:var(--space-5);align-items:start}@media (max-width: 1200px){.dashboard-three-col{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.dashboard-three-col{grid-template-columns:1fr}}.dashboard-two-col{display:grid;grid-template-columns:1fr 340px;gap:var(--space-5);align-items:start}@media (max-width: 1024px){.dashboard-two-col{grid-template-columns:1fr}}.dashboard-col{display:flex;flex-direction:column;gap:var(--space-5)}.dashboard-col--wide{min-width:0}.dashboard-alert{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--warning-light);border:1px solid #FCD34D;border-left:4px solid var(--warning);border-radius:var(--radius-md);color:#92400e;font-size:var(--text-sm);font-weight:var(--fw-medium)}.dashboard-shortcut-hint{font-size:var(--text-xs);color:var(--text-muted);text-align:center;padding:var(--space-2) 0}.dashboard-shortcut-hint kbd{display:inline-flex;align-items:center;padding:1px 5px;font-family:var(--font-mono);font-size:var(--text-xs);background:var(--surface-2);border:1px solid var(--border-strong);border-radius:var(--radius-xs);color:var(--text-secondary)}.quick-stats-list{display:flex;flex-direction:column;gap:0}.quick-stat-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0;border-bottom:1px solid var(--border);font-size:var(--text-sm)}.quick-stat-item:last-child{border-bottom:none}.quick-stat-label{color:var(--text-secondary)}.quick-stat-value{font-size:var(--text-lg);font-weight:var(--fw-bold);color:var(--text-primary)}.card-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-bold);line-height:1}.metric-block-title{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-muted)}.metric-block-trend{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--fw-medium);margin-top:var(--space-1)}.metric-block-trend--up{color:var(--success)}.metric-block-trend--down{color:var(--danger)}.live-ops-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.live-ops-info{display:flex;flex-direction:column;align-items:center;gap:2px}.live-ops-item{flex-direction:row;gap:var(--space-3);min-width:160px;text-align:left}.live-ops-item .live-ops-info{align-items:flex-start}.live-ops-value{font-size:var(--text-2xl);font-weight:var(--fw-bold);line-height:1}.live-ops-label{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.staff-panel-list{display:flex;flex-direction:column;gap:0}.staff-panel-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border)}.staff-panel-item:last-child{border-bottom:none}.staff-panel-avatar{width:34px;height:34px;border-radius:50%;background:var(--primary-100);color:var(--primary-dark);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--fw-bold);flex-shrink:0}.staff-panel-info{flex:1;min-width:0}.staff-panel-name{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-panel-role{font-size:var(--text-xs);color:var(--text-muted)}.appt-timeline{display:flex;flex-direction:column;gap:0}.appt-timeline-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--transition-fast);border-radius:var(--radius-sm);padding-left:var(--space-2);padding-right:var(--space-2)}.appt-timeline-item:last-child{border-bottom:none}.appt-timeline-item:hover{background:var(--surface-2)}.appt-timeline-item--now{background:var(--primary-50);border-left:3px solid var(--primary)}.appt-timeline-item--past{opacity:.6}.appt-timeline-time{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--fw-medium);min-width:65px;flex-shrink:0;white-space:nowrap}.appt-now-badge{font-size:9px;font-weight:var(--fw-bold);background:var(--primary);color:#fff;padding:1px 4px;border-radius:var(--radius-xs);letter-spacing:.05em}.appt-timeline-body{flex:1;min-width:0}.appt-timeline-patient{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-primary)}.appt-timeline-reason{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doctor-overview-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);flex-wrap:wrap}.doctor-overview-left{flex:1;min-width:0}.doctor-overview-right{flex-shrink:0}.doctor-overview-greeting{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-primary)}.doctor-overview-date{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.doctor-overview-stats{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-4)}.doctor-stat{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.doctor-availability-label{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.doctor-availability-toggle{display:flex;gap:var(--space-2);background:var(--surface-2);padding:3px;border-radius:var(--radius-md)}.availability-btn{padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:var(--fw-medium);border-radius:calc(var(--radius-md) - 2px);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.availability-btn:hover{background:var(--surface);color:var(--text-primary)}.availability-btn--active{box-shadow:var(--shadow-sm)}.request-list{display:flex;flex-direction:column;gap:0}.request-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.request-item:last-child{border-bottom:none}.request-item-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-100);color:var(--primary-dark);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--fw-bold);flex-shrink:0}.request-item-info{flex:1;min-width:0}.request-item-name{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-primary)}.request-item-time{font-size:var(--text-xs);color:var(--text-muted)}.request-item-reason{font-size:var(--text-xs);color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.next-appt-card{border-radius:var(--radius-lg);padding:var(--space-6);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-xs)}.next-appt-card--has-appt{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-color:transparent}.next-appt-card--has-appt .card-title,.next-appt-card--has-appt .next-appt-label,.next-appt-card--has-appt .next-appt-doctor-name,.next-appt-card--has-appt .next-appt-doctor-spec{color:#ffffffe6}.next-appt-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.next-appt-label{font-size:var(--text-xs);font-weight:var(--fw-semibold);text-transform:uppercase;letter-spacing:.05em;color:#ffffffbf}.next-appt-body{display:flex;align-items:flex-start;gap:var(--space-6);flex-wrap:wrap}.next-appt-doctor{display:flex;align-items:center;gap:var(--space-4)}.next-appt-doctor-avatar{width:56px;height:56px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);font-weight:var(--fw-bold);color:#fff;flex-shrink:0}.next-appt-doctor-name{font-size:var(--text-xl);font-weight:var(--fw-bold);color:#fff}.next-appt-doctor-spec{font-size:var(--text-sm);color:#ffffffbf;margin-top:2px}.next-appt-datetime{display:flex;flex-direction:column;gap:var(--space-2)}.next-appt-date,.next-appt-time,.next-appt-type{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:#ffffffe6}.next-appt-countdown{font-size:var(--text-xs);background:#fff3;padding:2px var(--space-2);border-radius:var(--radius-full);margin-left:var(--space-2)}.next-appt-actions{display:flex;gap:var(--space-3);margin-top:var(--space-5)}.next-appt-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8);text-align:center}.next-appt-empty h3{color:var(--text-primary);font-size:var(--text-xl)}.next-appt-empty p{color:var(--text-muted);font-size:var(--text-sm)}.quick-action-btn--primary{background:var(--primary);color:#fff;border-color:var(--primary)}.quick-action-btn--primary:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}.health-summary{display:flex;flex-direction:column;gap:var(--space-2)}.health-summary-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:var(--surface-2);border-radius:var(--radius-sm)}.health-summary-label{font-size:var(--text-sm);color:var(--text-secondary)}.health-summary-value{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-primary)}.data-table-wrapper{overflow:hidden}.data-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table{width:100%;border-collapse:collapse;min-width:500px}.data-table-th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap;-webkit-user-select:none;user-select:none}.data-table-th--sortable{cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.data-table-th--sortable:hover{color:var(--text-primary);background:var(--surface-3)}.data-table-th-inner{display:flex;align-items:center;gap:var(--space-1)}.data-table-sort-icon{display:inline-flex;color:var(--text-muted)}.data-table-row{border-bottom:1px solid var(--border);transition:background var(--transition-fast)}.data-table-row:last-child{border-bottom:none}.data-table-row--clickable{cursor:pointer}.data-table-row--clickable:hover{background:var(--surface-2)}.data-table-td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);vertical-align:middle}.data-table-pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);gap:var(--space-4);flex-wrap:wrap;background:var(--surface)}.pagination-info{font-size:var(--text-sm);color:var(--text-muted)}.pagination-pages{display:flex;align-items:center;gap:var(--space-1)}.pagination-btn{display:flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);border:1px solid transparent}.pagination-btn:hover:not(:disabled){background:var(--surface-2);color:var(--text-primary)}.pagination-btn--active,.pagination-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.table-person{display:flex;align-items:center;gap:var(--space-3)}.table-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-100);color:var(--primary-dark);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--fw-bold);flex-shrink:0}.patient-modal{display:flex;flex-direction:column;gap:var(--space-4)}.patient-modal-header{display:flex;align-items:center;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.patient-modal-avatar{width:56px;height:56px;border-radius:50%;background:var(--primary-100);color:var(--primary-dark);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);font-weight:var(--fw-bold);flex-shrink:0}.patient-modal-name{font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--text-primary)}.patient-modal-id{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.patient-modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.patient-modal-field{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);background:var(--surface-2);border-radius:var(--radius-md)}.patient-modal-notes{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--surface-2);border-radius:var(--radius-md)}.patient-modal-notes p{font-size:var(--text-sm);color:var(--text-secondary)}.summary-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}@media (max-width: 768px){.summary-strip{grid-template-columns:repeat(2,1fr)}}.summary-strip-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-1);box-shadow:var(--shadow-xs)}.summary-strip-value{font-size:var(--text-2xl);font-weight:var(--fw-bold);line-height:1}.summary-strip-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--fw-medium)}.scheduler-topbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--border);flex-wrap:wrap;background:var(--surface-2)}.scheduler-search{flex:1;min-width:200px;max-width:320px;position:relative;display:flex;align-items:center}.scheduler-search-icon{flex-shrink:0;margin-left:var(--space-3);color:var(--text-muted);display:block;line-height:0;pointer-events:none}.scheduler-search-input{flex:1;min-width:0;border:none;background:transparent;box-shadow:none;padding-left:var(--space-2);width:100%}.scheduler-search-input:focus{border:none;box-shadow:none;outline:none}.scheduler-filters{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.appt-action-btn{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px var(--space-2);font-size:var(--text-xs);font-weight:var(--fw-medium);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.appt-drawer-header{display:flex;flex-direction:column;gap:var(--space-3)}.appt-drawer-patient{font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--text-primary)}.appt-drawer-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-muted)}.appt-drawer-meta-item{display:flex;align-items:center;gap:var(--space-1)}.appt-drawer-section{margin-bottom:var(--space-5)}.appt-drawer-section-title{font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3)}.appt-drawer-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.settings-content{display:flex;flex-direction:column;gap:var(--space-5)}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs)}.settings-section-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);background:var(--surface-2)}.settings-section-title{font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-primary)}.settings-section-desc{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.settings-section-body{padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.settings-row:last-child{border-bottom:none}.settings-row-label{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-primary)}.settings-row-desc{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.profile-avatar{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-3xl);font-weight:var(--fw-bold);color:#fff}.profile-avatar-edit{position:absolute;bottom:0;right:0;width:26px;height:26px;background:var(--primary);border-radius:50%;border:2px solid var(--surface);display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer}.profile-name{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-primary)}.profile-email{font-size:var(--text-sm);color:var(--text-muted)}.profile-role{font-size:var(--text-sm);font-weight:var(--fw-medium);margin-top:var(--space-1)}.profile-info-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--space-4)}.admin-tabs{display:flex;gap:0;border-bottom:2px solid var(--border);margin-bottom:var(--space-6);overflow-x:auto;scrollbar-width:none}.admin-tab-btn,.admin-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;white-space:nowrap;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.admin-tab-btn:hover,.admin-tab:hover{color:var(--text-primary)}.admin-tab-btn--active,.admin-tab--active{color:var(--primary);border-bottom-color:var(--primary);font-weight:var(--fw-semibold)}.config-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--border);font-size:var(--text-sm)}.config-row:last-child{border-bottom:none}.config-row-key{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--text-xs)}.config-row-value{color:var(--text-primary);font-weight:var(--fw-medium)}.booking-wizard-wrap{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-6)}.booking-step{display:flex;flex-direction:column;gap:var(--space-5)}.booking-doctor-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4)}.booking-doctor-card{border:2px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:all var(--transition-fast);display:flex;flex-direction:column;gap:var(--space-2)}.booking-doctor-card:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.booking-doctor-card--selected{border-color:var(--primary);background:var(--primary-50);box-shadow:var(--shadow-md)}.booking-doctor-card-name{font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-primary)}.booking-doctor-card-spec{font-size:var(--text-sm);color:var(--primary)}.booking-doctor-card-exp{font-size:var(--text-xs);color:var(--text-muted)}.booking-date-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-2)}.booking-date-cell{display:flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-height:60px}.booking-date-cell:hover{border-color:var(--primary)}.booking-date-cell--selected{background:var(--primary);border-color:var(--primary);color:#fff}.booking-date-cell--selected .booking-date-day,.booking-date-cell--selected .booking-date-num{color:#fff}.booking-date-cell--past{opacity:.4;cursor:not-allowed;pointer-events:none}.booking-date-day{font-size:10px;color:var(--text-muted);text-transform:uppercase;font-weight:var(--fw-semibold)}.booking-date-num{font-size:var(--text-base);font-weight:var(--fw-bold);color:var(--text-primary)}.booking-slot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.booking-slot{padding:var(--space-2) var(--space-3);text-align:center;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--fw-medium);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary)}.booking-slot:hover:not(.booking-slot--unavailable){border-color:var(--primary);color:var(--primary);background:var(--primary-50)}.booking-slot--selected{background:var(--primary);border-color:var(--primary);color:#fff}.booking-slot--unavailable{opacity:.45;cursor:not-allowed;pointer-events:none;background:var(--surface-2)}.booking-confirm-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.booking-confirm-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--border);font-size:var(--text-sm)}.booking-confirm-row:last-child{border-bottom:none}.booking-confirm-key{color:var(--text-muted)}.booking-confirm-value{font-weight:var(--fw-medium);color:var(--text-primary)}.avail-page{display:flex;flex-direction:column;gap:var(--space-5)}.avail-day-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);display:grid;grid-template-columns:140px 1fr;gap:var(--space-4);align-items:start;transition:border-color var(--transition-fast)}.avail-day-card--active{border-color:var(--primary-light);background:var(--primary-50)}.avail-day-header{display:flex;flex-direction:column;gap:var(--space-2)}.avail-day-name{font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-primary)}.avail-slots{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.avail-slot-pill{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--text-secondary)}.avail-slot-remove{cursor:pointer;color:var(--text-muted);display:flex;align-items:center;padding:0;background:none;border:none}.avail-slot-remove:hover{color:var(--danger)}.avail-add-slot{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border:1px dashed var(--primary-light);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--primary);cursor:pointer;background:none;transition:background var(--transition-fast)}.avail-add-slot:hover{background:var(--primary-50)}.floating-chat-trigger{position:fixed;bottom:var(--space-6);right:var(--space-6);width:52px;height:52px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-lg);z-index:var(--z-modal);border:3px solid var(--surface);transition:transform var(--transition-spring),box-shadow var(--transition-base)}.floating-chat-trigger:hover{transform:scale(1.08);box-shadow:var(--shadow-xl)}.floating-chat-panel{position:fixed;bottom:calc(var(--space-6) + 64px);right:var(--space-6);width:360px;height:480px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:var(--z-modal);display:flex;flex-direction:column;overflow:hidden;animation:scaleIn var(--transition-slow) ease;transform-origin:bottom right}@media (max-width: 480px){.floating-chat-panel{position:fixed;top:0;left:0;width:100%;height:100%;border-radius:0;bottom:0;right:0}}.timeline-list{display:flex;flex-direction:column;position:relative;padding-left:var(--space-8)}.timeline-list:before{content:"";position:absolute;left:15px;top:0;bottom:0;width:2px;background:var(--border)}.timeline-list-item{position:relative;padding-bottom:var(--space-5)}.timeline-list-item:last-child{padding-bottom:0}.timeline-list-dot{position:absolute;left:calc(-1 * var(--space-8) + var(--space-1));top:4px;width:12px;height:12px;border-radius:50%;background:var(--primary);border:2px solid var(--surface);box-shadow:0 0 0 2px var(--primary)}.timeline-list-title{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-primary)}.timeline-list-sub{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.timeline-list-date{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.requests-page-list{display:flex;flex-direction:column;gap:var(--space-3)}.request-card-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:box-shadow var(--transition-fast)}.request-card-item:hover{box-shadow:var(--shadow-sm)}.request-card-avatar{width:44px;height:44px;border-radius:50%;background:var(--primary-100);color:var(--primary-dark);display:flex;align-items:center;justify-content:center;font-size:var(--text-base);font-weight:var(--fw-bold);flex-shrink:0}.request-card-info{flex:1;min-width:0}.request-card-name{font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-primary)}.request-card-time{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.request-card-reason{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.request-card-actions{display:flex;gap:var(--space-2);flex-shrink:0}.timeline{display:flex;flex-direction:column;gap:0}.timeline-item{display:flex;gap:var(--space-4);padding-bottom:var(--space-5);position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-left{display:flex;flex-direction:column;align-items:center;gap:0;width:28px;flex-shrink:0}.timeline-dot{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;z-index:1}.timeline-line{width:2px;flex:1;background:var(--border);min-height:24px;margin-top:4px}.timeline-body{flex:1;min-width:0;padding-top:4px}.timeline-title{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-primary)}.timeline-subtitle{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.timeline-date{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-1)}.float-chat-btn{position:fixed;bottom:var(--space-6);right:var(--space-6);width:52px;height:52px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:var(--shadow-lg);z-index:var(--z-modal);border:3px solid var(--surface);transition:transform var(--transition-spring),box-shadow var(--transition-base)}.float-chat-btn:hover{transform:scale(1.08);box-shadow:var(--shadow-xl)}.float-chat-btn--open{background:var(--text-primary)}.float-chat-badge{position:absolute;top:-2px;right:-2px;width:12px;height:12px;background:var(--danger);border-radius:50%;border:2px solid var(--surface)}.float-chat-panel{position:fixed;bottom:calc(var(--space-6) + 64px);right:var(--space-6);width:360px;height:480px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:calc(var(--z-modal) - 1);display:flex;flex-direction:column;overflow:hidden;animation:scaleIn var(--transition-slow) ease;transform-origin:bottom right}.float-chat-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--primary);color:#fff;flex-shrink:0}.float-chat-header-info{display:flex;align-items:center;gap:var(--space-2)}.float-chat-bot-icon{width:28px;height:28px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.float-chat-header-title{font-size:var(--text-sm);font-weight:var(--fw-semibold)}.float-chat-header-status{font-size:var(--text-xs);opacity:.8}.float-chat-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);color:#fffc;cursor:pointer;background:none;border:none;transition:background var(--transition-fast)}.float-chat-close:hover{background:#ffffff26;color:#fff}.float-chat-messages{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.float-chat-msg{display:flex;gap:var(--space-2);max-width:88%;animation:slideUp var(--transition-fast) ease}.float-chat-msg--user{align-self:flex-end;flex-direction:row-reverse}.float-chat-msg-avatar{width:24px;height:24px;border-radius:50%;background:var(--surface-2);color:var(--text-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.float-chat-msg-bubble{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-snug)}.float-chat-msg--bot .float-chat-msg-bubble{background:var(--surface-2);color:var(--text-primary);border-bottom-left-radius:var(--radius-xs)}.float-chat-msg--user .float-chat-msg-bubble{background:var(--primary);color:#fff;border-bottom-right-radius:var(--radius-xs)}.float-chat-input{display:flex;gap:var(--space-2);padding:var(--space-3);border-top:1px solid var(--border);flex-shrink:0}.float-chat-text{flex:1;border-radius:var(--radius-full);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);background:var(--surface-2);border:1px solid var(--border);outline:none;transition:border-color var(--transition-fast)}.float-chat-text:focus{border-color:var(--primary);background:var(--surface)}.float-chat-send{width:36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;border:none;transition:background var(--transition-fast),transform var(--transition-fast)}.float-chat-send:hover{background:var(--primary-dark);transform:scale(1.05)}.float-chat-send:disabled{opacity:.4;cursor:not-allowed;transform:none}.cmd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:fadeIn var(--transition-base) ease}.cmd-bar{width:100%;max-width:560px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;animation:scaleIn var(--transition-slow) ease}.cmd-input-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.cmd-input{flex:1;font-size:var(--text-base);background:transparent;border:none;outline:none;color:var(--text-primary)}.cmd-input::placeholder{color:var(--text-muted)}.cmd-results{max-height:340px;overflow-y:auto}.cmd-result-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast)}.cmd-result-item:hover,.cmd-result-item--active{background:var(--surface-2);color:var(--text-primary)}.cmd-result-icon{display:flex;align-items:center;color:var(--text-muted);flex-shrink:0}.cmd-result-label{flex:1}.cmd-result-shortcut{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.cmd-empty{padding:var(--space-8);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.cmd-footer{padding:var(--space-2) var(--space-5);border-top:1px solid var(--border);display:flex;gap:var(--space-4);font-size:var(--text-xs);color:var(--text-muted)}.cmd-hint{display:flex;align-items:center;gap:var(--space-1)}button,input,select,textarea,a{font-family:var(--font)}h1,h2,h3,h4,h5,h6{font-family:var(--font);letter-spacing:-.01em}.page-title{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-primary)}.section-title{font-size:var(--text-lg);font-weight:var(--fw-semibold);color:var(--text-primary)}.settings-form{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5)}.btn--danger-ghost{color:var(--danger);border-color:transparent;background:transparent}.btn--danger-ghost:hover{background:#ef444414;border-color:var(--danger)}.command-bar-search-icon{flex-shrink:0;padding-left:var(--space-4);color:var(--text-muted);pointer-events:none;display:flex;align-items:center;line-height:0}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}:focus:not(:focus-visible){outline:none}.settings-tab-btn{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-secondary);background:none;border:none;border-bottom:1px solid var(--border);cursor:pointer;text-align:left;transition:background var(--transition-fast),color var(--transition-fast)}.settings-tab-btn:last-child{border-bottom:none}.settings-tab-btn:hover{background:var(--surface-2);color:var(--text-primary)}.settings-tab-btn--active{background:#2563eb12;color:var(--primary);font-weight:var(--fw-semibold)}.settings-content.card{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.settings-field{display:flex;flex-direction:column;gap:var(--space-2)}.settings-label{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-primary)}.theme-picker{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.theme-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);border:2px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-2);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--fw-medium);transition:border-color var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.theme-option:hover{border-color:var(--primary);color:var(--primary)}.theme-option--active{border-color:var(--primary);background:#2563eb12;color:var(--primary)}.settings-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;border-bottom:1px solid var(--border)}.settings-toggle-row:last-child{border-bottom:none}.settings-toggle-text{flex:1}.settings-toggle-label{font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-primary)}.settings-toggle-desc{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.toggle-switch{flex-shrink:0;width:44px;height:24px;border-radius:12px;background:var(--border);border:none;cursor:pointer;padding:0;position:relative;transition:background var(--transition-fast)}.toggle-switch--on{background:var(--primary)}.toggle-switch-thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--transition-fast)}.toggle-switch--on .toggle-switch-thumb{transform:translate(20px)}.settings-danger-zone{margin-top:var(--space-6);padding:var(--space-4) var(--space-5);border:1px solid rgb(239 68 68 / .3);border-radius:var(--radius-lg);background:#ef44440a}.settings-danger-title{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--danger);margin-bottom:var(--space-3)}.profile-header-card{display:flex;align-items:center;gap:var(--space-5);padding:var(--space-6);flex-wrap:wrap}.profile-avatar-wrap{position:relative;display:inline-flex;flex-shrink:0}.profile-avatar{width:88px;height:88px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:var(--fw-bold);color:#fff;overflow:hidden;flex-shrink:0}.profile-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-avatar-edit-btn{position:absolute;bottom:0;right:0;width:28px;height:28px;background:var(--primary);border:2px solid var(--surface);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;padding:0;transition:background var(--transition-fast)}.profile-avatar-edit-btn:hover{background:var(--primary-dark)}.profile-header-info{flex:1;display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.profile-name{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-primary);margin:0;line-height:1.2}.profile-role-badge{display:inline-flex;align-items:center;padding:2px var(--space-3);border-radius:9999px;font-size:var(--text-xs);font-weight:var(--fw-semibold);letter-spacing:.02em}.profile-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-1)}.profile-meta-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.profile-avatar-upload-actions{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-left:auto}.profile-avatar-filename{font-size:var(--text-xs);color:var(--text-muted);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.profile-tabs{display:flex;gap:0;border-bottom:2px solid var(--border)}.profile-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-muted);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;white-space:nowrap;transition:color var(--transition-fast),border-color var(--transition-fast)}.profile-tab:hover{color:var(--text-primary)}.profile-tab--active{color:var(--primary);border-bottom-color:var(--primary);font-weight:var(--fw-semibold)}.profile-form{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.profile-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}@media (max-width: 640px){.profile-form-grid{grid-template-columns:1fr}}.form-group--full{grid-column:1 / -1}.profile-form-footer{display:flex;justify-content:flex-end;padding-top:var(--space-2);border-top:1px solid var(--border)}.form-msg{font-size:var(--text-sm);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin:0}.form-msg--success{background:#22c55e1a;color:#15803d;border:1px solid rgb(34 197 94 / .3)}.form-msg--error{background:#ef44441a;color:#dc2626;border:1px solid rgb(239 68 68 / .3)}.form-input[readonly]{background:var(--surface-2);color:var(--text-muted);cursor:default}.scheduler-topbar-left{display:flex;align-items:center;gap:var(--space-3);flex:1;flex-wrap:wrap}.scheduler-topbar-left .search-input-wrapper{flex:1;min-width:200px;max-width:300px}.scheduler-select{width:160px;flex-shrink:0}.scheduler-date{width:150px;flex-shrink:0}.topbar-notif-wrap{position:relative;display:flex;align-items:center}.topbar-notif-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:360px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:var(--z-dropdown);overflow:hidden;animation:scaleIn var(--transition-slow) ease;transform-origin:top right}.topbar-notif-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);background:var(--surface-2)}.topbar-notif-dropdown-title{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-primary)}.topbar-notif-mark-read{font-size:var(--text-xs);color:var(--primary);background:none;border:none;cursor:pointer;padding:0;font-weight:var(--fw-medium)}.topbar-notif-mark-read:hover{text-decoration:underline}.topbar-notif-list{max-height:320px;overflow-y:auto}.topbar-notif-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);cursor:pointer;transition:background var(--transition-fast);position:relative}.topbar-notif-item:last-child{border-bottom:none}.topbar-notif-item:hover{background:var(--surface-2)}.topbar-notif-item--unread{background:#2563eb08}.topbar-notif-item-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.topbar-notif-item-body{flex:1;min-width:0}.topbar-notif-item-title{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-primary);margin-bottom:2px}.topbar-notif-item-msg{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4;margin-bottom:var(--space-1)}.topbar-notif-item-time{font-size:11px;color:var(--text-muted)}.topbar-notif-unread-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);flex-shrink:0;margin-top:6px}.topbar-notif-dropdown-footer{padding:var(--space-3) var(--space-4);border-top:1px solid var(--border);display:flex;justify-content:center;background:var(--surface-2)}.step-indicator{display:flex;align-items:center;justify-content:center;gap:0;padding:var(--space-5) 0;margin-bottom:var(--space-2)}.step-indicator-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);position:relative}.step-circle{width:36px;height:36px;border-radius:50%;border:2px solid var(--border);background:var(--surface);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--fw-semibold);transition:all var(--transition-base);z-index:1}.step-label{font-size:var(--text-xs);font-weight:var(--fw-medium);color:var(--text-muted);white-space:nowrap;transition:color var(--transition-base)}.step-indicator-item--active .step-circle{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 0 0 4px #2563eb26}.step-indicator-item--active .step-label{color:var(--primary);font-weight:var(--fw-semibold)}.step-indicator-item--done .step-circle{border-color:var(--success);background:var(--success);color:#fff}.step-indicator-item--done .step-label{color:var(--success)}.step-connector{width:60px;height:2px;background:var(--border);margin-bottom:20px;flex-shrink:0;transition:background var(--transition-base)}.step-connector--done{background:var(--success)}@media (max-width: 640px){.step-connector{width:30px}.step-label{display:none}}.booking-content{max-width:900px;margin:0 auto;width:100%}.booking-step-title{font-size:var(--text-xl);font-weight:var(--fw-semibold);color:var(--text-primary);margin-bottom:var(--space-4)}.booking-doctor-search{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}.booking-doctor-search .search-input-wrapper{max-width:360px;flex:1}.booking-doctor-pick-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4);margin-bottom:var(--space-5)}.booking-doctor-pick{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:2px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);background:var(--surface);position:relative}.booking-doctor-pick:hover{border-color:var(--primary);box-shadow:var(--shadow-sm)}.booking-doctor-pick--selected{border-color:var(--primary);background:#2563eb0a;box-shadow:var(--shadow-md)}.booking-doctor-pick-avatar{width:48px;height:48px;border-radius:50%;background:var(--primary-100);color:var(--primary-dark);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:var(--fw-bold);flex-shrink:0}.booking-doctor-pick-body{flex:1;min-width:0}.booking-doctor-pick-name{font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-primary);margin-bottom:2px}.booking-doctor-pick-spec{font-size:var(--text-sm);color:var(--primary);margin-bottom:2px}.booking-doctor-pick-exp{font-size:var(--text-xs);color:var(--text-muted)}.booking-doctor-pick-check{position:absolute;top:var(--space-3);right:var(--space-3);width:24px;height:24px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center}.calendar-picker{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5);max-width:340px;width:100%;box-shadow:var(--shadow-sm)}.calendar-picker .calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.calendar-month{font-size:var(--text-base);font-weight:var(--fw-semibold);color:var(--text-primary)}.calendar-picker .calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-dow{text-align:center;font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--text-muted);padding:var(--space-1) 0}.calendar-picker .calendar-day{min-height:auto;border:none;border-radius:var(--radius-sm);padding:0;text-align:center;font-size:var(--text-sm);font-weight:var(--fw-medium);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;aspect-ratio:1;color:var(--text-primary);background:none;width:100%}.calendar-picker .calendar-day:hover:not(:disabled){background:var(--primary-50);color:var(--primary)}.calendar-picker .calendar-day--selected{background:var(--primary)!important;color:#fff!important;border-radius:var(--radius-sm);box-shadow:var(--shadow-sm)}.calendar-picker .calendar-day--today:not(.calendar-day--selected){background:var(--primary-50);color:var(--primary);font-weight:var(--fw-bold)}.calendar-picker .calendar-day--disabled,.calendar-picker .calendar-day:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.booking-nav{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border)}.booking-summary{display:flex;flex-direction:column;gap:0;margin-bottom:var(--space-4)}.booking-summary-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border);gap:var(--space-4);font-size:var(--text-sm)}.booking-summary-row:last-child{border-bottom:none}.booking-summary-row--notes{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.booking-summary-row--notes .booking-summary-label{margin-bottom:var(--space-1)}.booking-summary-label{display:flex;align-items:center;gap:var(--space-2);color:var(--text-muted);font-weight:var(--fw-medium);flex-shrink:0;min-width:80px}.booking-summary-value{color:var(--text-primary);font-weight:var(--fw-medium);text-align:right}.booking-summary-doctor{display:flex;align-items:center;gap:var(--space-3)}.booking-summary-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-100);color:var(--primary-dark);display:flex;align-items:center;justify-content:center;font-size:var(--text-base);font-weight:var(--fw-bold);flex-shrink:0}.type-toggle{display:flex;gap:var(--space-2)}.type-toggle-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--fw-medium);color:var(--text-secondary);background:var(--surface);cursor:pointer;transition:all var(--transition-fast)}.type-toggle-btn:hover{border-color:var(--primary);color:var(--primary)}.type-toggle-btn--active{border-color:var(--primary);background:var(--primary);color:#fff}.booking-success{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-10) var(--space-6);gap:var(--space-4)}.booking-success-icon{width:72px;height:72px;border-radius:50%;background:var(--success);color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:var(--fw-bold);box-shadow:0 0 0 8px #22c55e1f}.booking-success h2{font-size:var(--text-2xl);font-weight:var(--fw-bold);color:var(--text-primary);margin:0}.booking-success p{font-size:var(--text-base);color:var(--text-secondary);max-width:400px;line-height:1.6;margin:0}.booking-success-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;justify-content:center;margin-top:var(--space-2)}.booking-error{background:#ef444414;border:1px solid rgb(239 68 68 / .3);color:#dc2626;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);margin-bottom:var(--space-4)}.slot-picker{display:flex;flex-direction:column;gap:var(--space-4)}.slot-picker-info{font-size:var(--text-sm);color:var(--text-muted);padding:var(--space-1) 0}.slot-picker-empty{text-align:center;padding:var(--space-8);color:var(--text-muted);font-size:var(--text-sm)}.slot-group{display:flex;flex-direction:column;gap:var(--space-3)}.slot-group-header{font-size:var(--text-sm);font-weight:var(--fw-semibold);color:var(--text-secondary);padding-bottom:var(--space-2);border-bottom:1px solid var(--border)}.slot-group-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:var(--space-2)}.slot-btn{padding:var(--space-2) var(--space-3);text-align:center;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--fw-medium);cursor:pointer;transition:all var(--transition-fast);color:var(--text-secondary);background:var(--surface)}.slot-btn:hover:not(.slot-btn--unavailable):not(:disabled){border-color:var(--primary);color:var(--primary);background:var(--primary-50)}.slot-btn--selected{background:var(--primary);border-color:var(--primary);color:#fff}.slot-btn--unavailable{opacity:.4;cursor:not-allowed;pointer-events:none;background:var(--surface-2);text-decoration:line-through}.slot-taken-label{font-size:10px;color:inherit}