@import "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300;0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700;1,14..32,400&family=IBM+Plex+Sans+Arabic:wght@300;400;500;600;700&display=swap";:root{--md-sys-color-background:#f4f7f6;--md-sys-color-on-background:#191c1c;--md-sys-color-surface:#fafdfc;--md-sys-color-on-surface:#191c1c;--md-sys-color-surface-variant:#dbe5e3;--md-sys-color-on-surface-variant:#3f4948;--md-sys-color-primary:#006b5e;--md-sys-color-on-primary:#fff;--md-sys-color-primary-container:#9ef2e4;--md-sys-color-on-primary-container:#00201c;--md-sys-color-secondary:#4a6267;--md-sys-color-on-secondary:#fff;--md-sys-color-secondary-container:#cce8ed;--md-sys-color-on-secondary-container:#051f23;--md-sys-color-tertiary:sienna;--md-sys-color-on-tertiary:#fff;--md-sys-color-tertiary-container:#ffdbcb;--md-sys-color-on-tertiary-container:#341100;--md-sys-color-error:#ba1a1a;--md-sys-color-on-error:#fff;--md-sys-color-error-container:#ffdad6;--md-sys-color-on-error-container:#410002;--md-sys-color-outline:#6f7978;--md-sys-color-outline-variant:#bfc8c7;--primary:var(--md-sys-color-primary);--primary-container:var(--md-sys-color-primary-container);--primary-light:#e0f7f4;--bg:var(--md-sys-color-background);--surface:var(--md-sys-color-surface);--surface-2:#edf2f1;--border:var(--md-sys-color-outline-variant);--border-light:#e5eded;--text-primary:var(--md-sys-color-on-surface);--text-secondary:var(--md-sys-color-on-surface-variant);--text-muted:#8a9e9c;--text-base:14px;--success:#15803d;--success-light:#dcfce7;--warning:#b45309;--warning-light:#fef3c7;--danger:var(--md-sys-color-error);--danger-light:var(--md-sys-color-error-container);--purple:#7c3aed;--purple-light:#ede9fe;--accent:var(--md-sys-color-tertiary);--accent-light:var(--md-sys-color-tertiary-container);--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000d;--shadow-md:0 4px 12px #0000001a, 0 2px 4px #0000000f;--shadow-lg:0 16px 32px #0000001f, 0 4px 8px #00000014;--transition:all .15s cubic-bezier(.2, 0, 0, 1);--header-height:64px;--radius:var(--radius-md);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--elevation-1:0 1px 3px 0 #0000001a, 0 1px 2px 0 #0000000f;--elevation-2:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--elevation-3:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--motion-duration-short:.15s;--motion-duration-medium:.3s;--motion-duration-long:.5s;--motion-easing-standard:cubic-bezier(.2, 0, 0, 1);--motion-easing-emphasized:cubic-bezier(.2, 0, 0, 1);--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:28px;--radius-full:9999px;--md-sys-typescale-display-large-size:57px;--md-sys-typescale-display-medium-size:45px;--md-sys-typescale-display-small-size:36px;--md-sys-typescale-headline-large-size:32px;--md-sys-typescale-headline-medium-size:28px;--md-sys-typescale-headline-small-size:24px;--md-sys-typescale-title-large-size:22px;--md-sys-typescale-title-medium-size:16px;--md-sys-typescale-title-small-size:14px;--md-sys-typescale-body-large-size:16px;--md-sys-typescale-body-medium-size:14px;--md-sys-typescale-body-small-size:12px;--md-sys-typescale-label-large-size:14px;--md-sys-typescale-label-medium-size:12px;--md-sys-typescale-label-small-size:11px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{background:var(--md-sys-color-background);color:var(--md-sys-color-on-surface);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,IBM Plex Sans Arabic,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}body[dir=rtl]{font-family:IBM Plex Sans Arabic,Inter,sans-serif}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,select,textarea{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}.app-layout{background:var(--md-sys-color-background);min-height:100vh;display:flex}.main-content{flex-direction:column;flex:1;min-width:0;transition:padding .3s;display:flex}.page-content{padding:var(--space-6);margin-top:var(--header-height);flex:1}@media (width>=768px) and (width<=1279px){.main-content{padding-inline-start:80px}}@media (width>=1280px){.main-content{padding-inline-start:256px}}@media (width<=767px){.page-content{padding-bottom:calc(var(--space-16) + var(--space-6))}}.nav-drawer{top:0;background:var(--md-sys-color-surface);border-inline-end:1px solid var(--md-sys-color-outline-variant);z-index:200;width:256px;height:100vh;padding:var(--space-3);flex-direction:column;display:flex;position:fixed;inset-inline-start:0}.nav-rail{top:0;background:var(--md-sys-color-surface);border-inline-end:1px solid var(--md-sys-color-outline-variant);z-index:200;width:80px;height:100vh;padding:var(--space-4) var(--space-2);flex-direction:column;align-items:center;display:flex;position:fixed;inset-inline-start:0}.bottom-nav{background:var(--md-sys-color-surface);border-top:1px solid var(--md-sys-color-outline-variant);z-index:200;height:64px;padding:0 var(--space-2);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.sidebar-header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-2);margin-bottom:var(--space-4);display:flex}.nav-rail .sidebar-header{margin-bottom:var(--space-6);flex-direction:column}.logo-icon{background:var(--md-sys-color-primary);width:40px;height:40px;color:var(--md-sys-color-on-primary);border-radius:var(--radius-md);justify-content:center;align-items:center;display:flex}.logo-text h2{font-size:var(--md-sys-typescale-title-small-size);color:var(--md-sys-color-on-surface);font-weight:600}.logo-text span{font-size:var(--md-sys-typescale-label-small-size);color:var(--md-sys-color-on-surface-variant)}.sidebar-nav{gap:var(--space-1);flex-direction:column;flex:1;display:flex}.nav-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-full);color:var(--md-sys-color-on-surface-variant);transition:var(--motion-duration-short) var(--motion-easing-standard);text-align:start;display:flex}.nav-rail .nav-item{gap:var(--space-1);padding:var(--space-2);flex-direction:column;justify-content:center;align-items:center;width:64px;height:56px}.nav-item:hover{background:var(--md-sys-color-surface-variant)}.nav-item.active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.nav-icon-wrapper{justify-content:center;align-items:center;display:flex;position:relative}.active .nav-icon-wrapper:before{content:"";background:var(--md-sys-color-primary-container);border-radius:var(--radius-full);z-index:-1;width:64px;height:32px;position:absolute}.nav-rail .active .nav-icon-wrapper:before{width:56px}.nav-label{font-size:var(--md-sys-typescale-label-large-size);font-weight:500}.nav-rail-label{font-size:var(--md-sys-typescale-label-small-size);font-weight:500}.nav-badge{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error);font-size:var(--md-sys-typescale-label-small-size);padding:0 var(--space-2);border-radius:var(--radius-full);text-align:center;min-width:18px;margin-inline-start:auto}.nav-badge-dot{background:var(--md-sys-color-error);border:1.5px solid var(--md-sys-color-surface);border-radius:var(--radius-full);width:8px;height:8px;position:absolute;top:0;right:0}.sidebar-footer{padding-top:var(--space-3);border-top:1px solid var(--md-sys-color-outline-variant);margin-top:auto}.bottom-nav-item{color:var(--md-sys-color-on-surface-variant);transition:var(--motion-duration-short) var(--motion-easing-standard);font-size:var(--md-sys-typescale-label-small-size);flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.bottom-nav-item.active{color:var(--md-sys-color-primary)}.bottom-nav-item .nav-icon-wrapper{border-radius:var(--radius-full);justify-content:center;align-items:center;width:64px;height:32px;display:flex}.bottom-nav-item.active .nav-icon-wrapper{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.header{top:0;height:var(--header-height);background:var(--md-sys-color-surface);border-bottom:1px solid var(--md-sys-color-outline-variant);padding:0 var(--space-6);align-items:center;gap:var(--space-4);z-index:100;transition:inset-inline-start .3s;display:flex;position:fixed;inset-inline:0}@media (width>=768px) and (width<=1279px){.header{inset-inline-start:80px}}@media (width>=1280px){.header{inset-inline-start:256px}}.header-left{align-items:center;gap:var(--space-3);flex:1;display:flex}.header-right{align-items:center;gap:var(--space-2);display:flex}.page-title{font-size:var(--md-sys-typescale-title-large-size);color:var(--md-sys-color-on-surface);font-weight:400}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:40px;padding:0 var(--space-6);border-radius:var(--radius-full);font-size:var(--md-sys-typescale-label-large-size);transition:background var(--motion-duration-short) var(--motion-easing-standard);-webkit-user-select:none;user-select:none;white-space:nowrap;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;transition:opacity var(--motion-duration-short) var(--motion-easing-standard);background:currentColor;position:absolute;inset:0}.btn:hover:after{opacity:.08}.btn:focus:after,.btn:active:after{opacity:.12}.btn-filled{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.btn-outline{color:var(--md-sys-color-primary);border:1px solid var(--md-sys-color-outline);background:0 0}.btn-text{color:var(--md-sys-color-primary);padding:0 var(--space-3);background:0 0}.btn-danger{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.btn-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.btn-ghost{color:var(--md-sys-color-on-surface-variant);background:0 0}.btn-ghost:hover{background:var(--surface-2)}.btn-success{background:var(--success);color:#fff}.btn-sm{height:32px;padding:0 var(--space-4);font-size:var(--md-sys-typescale-label-medium-size)}.btn-lg{height:48px;padding:0 var(--space-8)}.btn-icon{border-radius:var(--radius-full);width:40px;padding:0}.btn:disabled{opacity:.38;cursor:not-allowed;pointer-events:none}.card{background:var(--md-sys-color-surface);border-radius:var(--radius-md);padding:var(--space-4);transition:box-shadow var(--motion-duration-short) var(--motion-easing-standard), background var(--motion-duration-short) var(--motion-easing-standard)}.card-elevated{background:var(--md-sys-color-surface);box-shadow:var(--elevation-1)}.card-elevated:hover{box-shadow:var(--elevation-2)}.card-filled{background:var(--md-sys-color-surface-variant)}.card-filled:hover{background:rgba(var(--md-sys-color-on-surface-variant), .08)}.card-outlined{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant)}.card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--md-sys-typescale-title-medium-size);color:var(--md-sys-color-on-surface);font-weight:500}.stat-card{align-items:flex-start;gap:var(--space-4);background:var(--md-sys-color-surface);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-sm);display:flex}.stat-icon{border-radius:var(--radius-md);background:var(--md-sys-color-secondary-container);width:48px;height:48px;color:var(--md-sys-color-on-secondary-container);flex-shrink:0;justify-content:center;align-items:center;display:flex}.stat-value{font-size:var(--md-sys-typescale-headline-medium-size);color:var(--md-sys-color-on-surface);font-weight:400}.stat-label{font-size:var(--md-sys-typescale-label-medium-size);color:var(--md-sys-color-on-surface-variant)}.stat-change{font-size:var(--md-sys-typescale-label-small-size);margin-top:var(--space-1);font-weight:500}.stat-change.positive{color:var(--md-sys-color-primary)}.stat-change.negative{color:var(--md-sys-color-error)}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);font-size:13px;font-weight:500}.form-input{border:1.5px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);background:var(--surface);transition:var(--transition);outline:none;width:100%;padding:10px 14px;font-size:14px}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #006b5e1f}.form-input::placeholder{color:var(--text-muted)}select.form-input{cursor:pointer}.custom-select{width:100%;position:relative}.custom-select-trigger{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;font-size:var(--text-base);color:var(--text-primary);cursor:pointer;transition:var(--transition);text-align:start;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;line-height:1.5;display:flex}.custom-select-trigger:hover{border-color:#80cbc4}.custom-select-trigger.open{border-color:var(--primary);box-shadow:0 0 0 3px #006b5e1f}.custom-select-trigger.disabled{opacity:.5;cursor:not-allowed}.custom-select-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.custom-select-chevron{color:var(--text-muted);flex-shrink:0;transition:transform .2s}.custom-select-trigger.open .custom-select-chevron{transform:rotate(180deg)}.custom-select-dropdown{top:calc(100% + 5px);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);width:100%;box-shadow:var(--shadow-md);z-index:300;max-height:260px;animation:.15s dropdownIn;position:absolute;inset-inline-start:0;overflow:hidden auto}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.custom-select-option{cursor:pointer;font-size:var(--text-base);color:var(--text-primary);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;transition:background .12s;display:flex}.custom-select-option:not(:last-child){border-bottom:1px solid var(--border-light)}.custom-select-option:hover{background:var(--surface-2)}.custom-select-option.selected{background:var(--primary-light);color:var(--primary);font-weight:600}.time-slot-picker{flex-direction:column;gap:12px;display:flex}.time-slot-group-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:6px;font-size:11px;font-weight:600}.time-slot-grid{flex-wrap:wrap;gap:6px;display:flex}.time-slot-chip{border-radius:var(--radius-full);border:1.5px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:var(--transition);padding:5px 13px;font-family:inherit;font-size:13px;font-weight:500;line-height:1.4}.time-slot-chip:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.time-slot-chip.selected{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 2px 8px #006b5e47}.badge{border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge-confirmed{background:var(--success-light);color:var(--success)}.badge-pending{background:var(--warning-light);color:#b45309}.badge-completed{background:var(--surface-2);color:var(--text-secondary)}.badge-cancelled{background:var(--danger-light);color:var(--danger)}.badge-no-show{background:var(--purple-light);color:var(--purple)}.badge-whatsapp{color:#15803d;background:#dcfce7}.badge-phone{background:var(--primary-light);color:var(--primary)}.badge-online{background:var(--purple-light);color:var(--purple)}.badge-walkin{background:var(--surface-2);color:var(--text-secondary)}.table-wrapper{border-radius:var(--radius);border:1px solid var(--border);overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}thead th{background:var(--surface-2);text-align:start;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);padding:11px 16px;font-size:12px;font-weight:600}tbody td{border-bottom:1px solid var(--border-light);color:var(--text-primary);padding:14px 16px}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background:var(--bg)}.avatar{border-radius:var(--radius-full);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:13px;font-weight:600;display:flex}.avatar-sm{width:28px;height:28px;font-size:11px}.avatar-lg{width:48px;height:48px;font-size:16px}.avatar-xl{width:64px;height:64px;font-size:20px}.modal-overlay{z-index:1000;background:#0f172a66;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-shrink:0;width:100%;max-width:520px;max-height:calc(100vh - 32px);margin:auto;overflow-y:auto}.modal-lg{max-width:720px}.modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:20px 24px 16px;display:flex}.modal-title{color:var(--text-primary);font-size:17px;font-weight:600}.modal-body{padding:20px 24px}.modal-footer{border-top:1px solid var(--border-light);justify-content:flex-end;align-items:center;gap:10px;padding:16px 24px;display:flex}.slots-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;display:grid}.slot-cell{border-radius:var(--radius-sm);text-align:center;cursor:pointer;transition:var(--transition);border:1.5px solid #0000;padding:8px 6px;font-size:13px;font-weight:500}.slot-cell.available{background:var(--success-light);color:var(--success);border-color:#bbf7d0}.slot-cell.available:hover{background:var(--success);color:#fff}.slot-cell.booked{background:var(--danger-light);color:var(--danger);cursor:not-allowed;border-color:#fecaca}.slot-cell.blocked{background:var(--surface-2);color:var(--text-muted);border-color:var(--border);cursor:not-allowed}.slot-cell.selected{background:var(--primary);color:#fff;border-color:var(--primary)}.wa-bubble{color:#1a1a1a;background:#e7f8ee;border-radius:0 12px 12px;max-width:85%;padding:10px 14px;font-size:14px}[dir=rtl] .wa-bubble{border-radius:12px 0 12px 12px}.tooltip{position:relative}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex}.empty-state svg{opacity:.4;margin-bottom:16px}.empty-state h3{color:var(--text-secondary);margin-bottom:6px;font-size:15px;font-weight:600}.empty-state p{font-size:13px}.calendar-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.cal-day-label{text-align:center;color:var(--text-muted);text-transform:uppercase;padding:8px 4px;font-size:11px;font-weight:600}.cal-day{aspect-ratio:1;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;font-size:13px;font-weight:500;display:flex;position:relative}.cal-day:hover{background:var(--primary-light);color:var(--primary)}.cal-day.today{background:var(--primary);color:#fff}.cal-day.selected{background:var(--primary-light);color:var(--primary);border:1.5px solid var(--primary)}.cal-day.has-appointments:after{content:"";background:var(--primary);border-radius:50%;width:4px;height:4px;position:absolute;bottom:3px;left:50%;transform:translate(-50%)}.cal-day.today.has-appointments:after{background:#fff}.cal-day.other-month{color:var(--text-muted)}.cal-day.disabled{cursor:default;opacity:.4}.demo-banner{color:#fff;text-align:center;z-index:300;background:linear-gradient(135deg,#f59e0b,#ef4444);padding:8px 16px;font-size:13px;font-weight:500;position:relative}.filter-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.search-box{flex:1;min-width:200px;position:relative}.search-box .search-icon{inset-inline-start:12px;color:var(--text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{padding-inline-start:38px}.tabs{background:var(--surface-2);border-radius:var(--radius-sm);gap:2px;padding:3px;display:flex}.tab-item{color:var(--text-secondary);cursor:pointer;transition:var(--transition);white-space:nowrap;border-radius:6px;padding:7px 16px;font-size:13px;font-weight:500}.tab-item.active{background:var(--surface);color:var(--primary);box-shadow:var(--shadow-sm)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in{animation:.25s forwards fadeIn}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (width<=1024px){:root{--sidebar-width:200px}.page-content{padding:16px}}@media (width<=768px){.sidebar{width:var(--sidebar-width);box-shadow:var(--shadow-lg);transform:translate(-100%)}[dir=rtl] .sidebar{transform:translate(100%)}.sidebar.mobile-open{transform:translate(0)}.main-content{margin-inline-start:0!important}.header{inset-inline-start:0!important}.page-content{padding:14px 12px}.stat-card{padding:14px}.stat-value{font-size:22px}.modal{border-radius:var(--radius)}.modal-header{padding:16px 20px 12px}.modal-body{padding:16px 20px}.modal-footer{padding:12px 20px}.dashboard-grid{grid-template-columns:1fr!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=480px){.stats-grid{grid-template-columns:1fr!important}.filter-row{flex-direction:column;align-items:stretch}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.text-sm{font-size:13px}.text-xs{font-size:11px}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-primary-color{color:var(--primary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.w-full{width:100%}.cursor-pointer{cursor:pointer}.btn-tonal{background:var(--primary-container);color:var(--primary)}.btn-tonal:hover{background:var(--primary-light);filter:brightness(.97)}.tag{border-radius:var(--radius-full);letter-spacing:.02em;white-space:nowrap;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.tag-vip{background:var(--primary-container);color:var(--primary)}.tag-chronic{background:var(--warning-light);color:var(--warning)}.tag-followup{background:var(--danger-light);color:var(--danger)}.tag-new{background:var(--success-light);color:var(--success)}.tag-custom{background:var(--surface-2);color:var(--text-secondary)}.tags-row{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.tag-toggle{border-radius:var(--radius-full);cursor:pointer;border:1.5px solid var(--border);background:var(--surface);color:var(--text-muted);transition:var(--transition);align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:12px;font-weight:500;display:inline-flex}.tag-toggle.active{border-color:var(--primary);background:var(--primary-container);color:var(--primary);font-weight:600}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--border-light) 50%, var(--surface-2) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.4s infinite shimmer}.skeleton-text{border-radius:4px;height:14px}.skeleton-circle{border-radius:50%}.skeleton-sm{height:10px}.skeleton-lg{height:20px}.timeline-row{border-radius:var(--radius-sm);cursor:default;align-items:center;gap:12px;padding:12px 16px 12px 12px;transition:background .15s;display:flex;position:relative}.timeline-row:before{content:"";inset-inline-start:0;border-radius:2px;width:3px;position:absolute;top:8px;bottom:8px}.timeline-row:hover{background:var(--surface-2)}.timeline-row+.timeline-row{border-top:1px solid var(--border-light)}.timeline-row.status-pending:before{background:var(--warning)}.timeline-row.status-confirmed:before{background:var(--primary)}.timeline-row.status-completed:before{background:var(--text-muted)}.timeline-row.status-cancelled:before{background:var(--danger)}.timeline-row.status-no-show:before{background:var(--purple)}.timeline-time{text-align:center;background:var(--surface-2);border-radius:var(--radius-sm);flex-shrink:0;min-width:52px;padding:5px 4px}.timeline-time .time-hour{color:var(--text-primary);font-size:13px;font-weight:700;line-height:1.1}.timeline-actions{opacity:0;gap:6px;transition:opacity .15s;display:flex}.timeline-row:hover .timeline-actions{opacity:1}.action-item{background:var(--surface-2);border-radius:var(--radius-sm);transition:var(--transition);align-items:flex-start;gap:10px;padding:12px;display:flex}.action-item:hover{background:var(--primary-light)}.action-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:4px}@keyframes cmdFadeIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.cmd-overlay{z-index:2000;background:#0f1a197a;justify-content:center;align-items:flex-start;padding-top:80px;animation:.15s fadeIn;display:flex;position:fixed;inset:0}.cmd-dialog{background:var(--surface);border-radius:var(--radius-lg);width:100%;max-width:560px;box-shadow:var(--shadow-lg);animation:.18s cubic-bezier(.2,0,0,1) cmdFadeIn;overflow:hidden}.cmd-input-wrap{border-bottom:1px solid var(--border-light);align-items:center;gap:12px;padding:16px 20px;display:flex}.cmd-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:16px}.cmd-input::placeholder{color:var(--text-muted)}.cmd-kbd{background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);border-radius:4px;align-items:center;padding:2px 6px;font-family:inherit;font-size:11px;font-weight:500;display:inline-flex}.cmd-results{max-height:360px;padding:8px;overflow-y:auto}.cmd-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;padding:8px 12px 4px;font-size:11px;font-weight:600}.cmd-item{border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:12px;padding:10px 12px;transition:background .1s;display:flex}.cmd-item:hover,.cmd-item.focused{background:var(--primary-light)}.cmd-item.focused .cmd-item-label{color:var(--primary)}.cmd-item-label{color:var(--text-primary);flex:1;font-size:14px;font-weight:500}.cmd-item-meta{color:var(--text-muted);font-size:12px}.cmd-empty{text-align:center;color:var(--text-muted);padding:32px 20px;font-size:14px}.cmd-footer{border-top:1px solid var(--border-light);color:var(--text-muted);gap:16px;padding:10px 20px;font-size:12px;display:flex}.cmd-footer span{align-items:center;gap:4px;display:flex}.status-flow{flex-wrap:wrap;gap:4px;display:flex}.status-flow .btn-status{border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);border:1.5px solid #0000;padding:3px 10px;font-family:inherit;font-size:12px;font-weight:500;line-height:1.5}.btn-status-confirm{background:var(--success-light);color:var(--success);border-color:#a7d7b6}.btn-status-confirm:hover{background:var(--success);color:#fff}.btn-status-arrive{background:var(--primary-light);color:var(--primary);border-color:var(--primary-container)}.btn-status-arrive:hover{background:var(--primary);color:#fff}.btn-status-complete{background:var(--surface-2);color:var(--text-secondary);border-color:var(--border)}.btn-status-complete:hover{background:var(--text-secondary);color:#fff}.btn-status-noshow{background:var(--purple-light);color:var(--purple);border-color:#d8c9f4}.btn-status-noshow:hover{background:var(--purple);color:#fff}.divider{background:var(--border-light);height:1px;margin:16px 0}.walkin-badge{background:var(--accent-light);color:var(--primary);border-radius:var(--radius-full);align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}@keyframes scaleIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:.2s cubic-bezier(.2,0,0,1) forwards scaleIn}.stat-card{position:relative;overflow:hidden}.stat-card:after{content:"";inset-inline-end:0;border-radius:0 var(--radius) var(--radius) 0;background:0 0;width:3px;transition:background .2s;position:absolute;top:0;bottom:0}.logo-icon{background:linear-gradient(135deg, var(--primary) 0%, var(--accent) 100%)}.card:hover{box-shadow:var(--shadow)}@media (width<=480px){.cmd-overlay{padding-top:40px}.cmd-dialog{border-radius:var(--radius) var(--radius) 0 0}.timeline-actions{display:none}}