:root{--color-primary: #e87995;--color-primary-light: #f4a5b8;--color-primary-dark: #d4607b;--color-secondary: #7a6b8a;--color-bg: #f0e8f4;--color-text: #1a0f22;--color-muted: #7a6b8a;--color-border: rgba(232, 121, 149, .18);--color-green: #6ee7a0;--color-amber: #fbbf24;--radius: 10px;--radius-lg: 14px;--sidebar-bg: #0a0810;--sidebar-bg-hover: #1a1525;--sidebar-fg: #b8a8c8;--sidebar-fg-muted: #7a6b8a;--sidebar-active-bg: linear-gradient( 135deg, rgba(232, 121, 149, .3) 0%, rgba(232, 121, 149, .15) 100% );--sidebar-active-fg: #ffffff;--status-confirmed-bg: rgba(110, 231, 160, .15);--status-confirmed-fg: #6ee7a0;--status-pending-bg: rgba(251, 191, 36, .15);--status-pending-fg: #fbbf24;--status-cancelled-bg: rgba(232, 121, 149, .15);--status-cancelled-fg: #e87995;--status-completed-bg: rgba(168, 148, 200, .15);--status-completed-fg: #c8b8e8;--status-neutral-bg: rgba(122, 107, 138, .15);--status-neutral-fg: #b8a8c8;--shadow-sm: 0 1px 2px rgba(10, 8, 16, .12), 0 1px 3px rgba(10, 8, 16, .08);--shadow-md: 0 4px 6px -1px rgba(10, 8, 16, .2), 0 2px 4px -2px rgba(10, 8, 16, .12);--shadow-lg: 0 10px 15px -3px rgba(10, 8, 16, .25), 0 4px 6px -4px rgba(10, 8, 16, .15);font-family:Cabinet Grotesk,system-ui,-apple-system,sans-serif;color:var(--color-text)}*{box-sizing:border-box}h1,h2,h3,h4,h5,h6{font-family:Syne,Cabinet Grotesk,sans-serif;font-weight:800;letter-spacing:-.02em}code,pre,.mono{font-family:DM Mono,Fira Code,monospace}body{margin:0;min-height:100vh;background:var(--color-bg);transition:background-color .2s ease}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button{background:linear-gradient(135deg,var(--color-primary),color-mix(in srgb,var(--color-primary) 75%,#000));color:#fff;border:0;padding:.55rem 1.1rem;border-radius:var(--radius);cursor:pointer;font-size:.9rem;font-weight:500;letter-spacing:.01em;box-shadow:0 1px 2px #0f172a14;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px #e879954d}button:active:not(:disabled){transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:#fff;color:var(--color-text);border:1px solid var(--color-border);box-shadow:0 1px 2px #0f172a0a}button.ghost:hover:not(:disabled){background:#f4ecf8;border-color:#e8799540;box-shadow:0 2px 4px #0a081014}input,select,textarea{border:1px solid var(--color-border);border-radius:var(--radius);padding:.55rem .8rem;font:inherit;width:100%;background:#fff;transition:border-color .12s ease,box-shadow .12s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 20%,transparent)}.container{max-width:1100px;margin:0 auto;padding:1.5rem}.card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem;background:#fff;box-shadow:var(--shadow-sm);transition:box-shadow .18s ease,transform .18s ease}.card.hover:hover,.list-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.row{display:flex;gap:.75rem;align-items:center}.stack{display:flex;flex-direction:column;gap:.75rem}.muted{color:var(--color-muted)}header.topbar{border-bottom:1px solid var(--color-border);background:#fff;padding:.6rem 1.5rem;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:50;box-shadow:var(--shadow-sm)}header.topbar .brand{display:flex;gap:.75rem;align-items:center;font-weight:600;letter-spacing:-.01em}header.topbar .brand img{height:32px}.user-menu{position:relative}.user-menu-trigger{display:flex;align-items:center;gap:8px;background:transparent;color:var(--color-text);border:1px solid transparent;padding:4px 10px 4px 4px;border-radius:99px;cursor:pointer;transition:background .12s ease}.user-menu-trigger:hover{background:#f1f5f9}.user-menu-trigger .avatar{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),color-mix(in srgb,var(--color-primary) 55%,#000));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8em}.user-menu-trigger .who{font-size:.85em;line-height:1.2;text-align:left}.user-menu-trigger .who small{color:var(--color-muted);display:block;font-size:.85em}.user-menu-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:200px;background:#fff;border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:6px;z-index:100;animation:fadeIn .12s ease}.user-menu-dropdown button,.user-menu-dropdown a{display:flex;width:100%;background:transparent;color:var(--color-text);border:0;padding:8px 12px;border-radius:6px;text-align:left;font-size:.9em;cursor:pointer;text-decoration:none;align-items:center;gap:8px}.user-menu-dropdown button:hover,.user-menu-dropdown a:hover{background:#f1f5f9}.user-menu-dropdown hr{border:0;border-top:1px solid var(--color-border);margin:4px 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.app-shell{--shell-bg: #0a0810;--shell-card: #12101a;--shell-surface: #0d0b14;--shell-surface-hover: #1a1525;--shell-surface-2: #201a2c;--shell-text: #f0e8f4;--shell-text-muted: #7a6b8a;--shell-border: rgba(232, 121, 149, .12);--shell-border-strong: rgba(232, 121, 149, .2);display:grid;grid-template-columns:var(--sidebar-w, 248px) 1fr;min-height:100vh;background:radial-gradient(circle at 85% 5%,color-mix(in srgb,var(--color-primary) 16%,transparent) 0%,transparent 40%),radial-gradient(circle at 15% 95%,color-mix(in srgb,var(--color-primary) 10%,transparent) 0%,transparent 45%),var(--shell-bg);color:var(--shell-text);transition:grid-template-columns .2s ease}.app-shell.collapsed{--sidebar-w: 72px}.app-shell h1,.app-shell h2,.app-shell h3,.app-shell h4{color:#fff}.app-shell .muted,.app-shell .subtitle{color:var(--shell-text-muted)}.app-shell hr{border-color:var(--shell-border)}.app-shell .card{background:var(--shell-surface);border-color:var(--shell-border);color:var(--shell-text);box-shadow:0 1px 2px #0003}.app-shell .card.hover:hover,.app-shell .list-item:hover{box-shadow:0 4px 12px #0000004d}.app-shell input,.app-shell select,.app-shell textarea{background:var(--shell-surface-2);color:var(--shell-text);border-color:var(--shell-border-strong)}.app-shell input::placeholder,.app-shell textarea::placeholder{color:var(--shell-text-muted);opacity:.6}.app-shell input:disabled{opacity:.6}.app-shell button.ghost{background:var(--shell-surface-2);color:var(--shell-text);border-color:var(--shell-border-strong)}.app-shell button.ghost:hover:not(:disabled){background:var(--shell-surface-hover);border-color:var(--shell-border-strong)}.app-shell .data-table{background:var(--shell-surface);border-color:var(--shell-border)}.app-shell .data-table thead th{background:#0d0b14;color:var(--shell-text-muted);border-bottom-color:var(--shell-border)}.app-shell .data-table tbody td{border-bottom-color:var(--shell-border);color:var(--shell-text)}.app-shell .data-table tbody tr:hover{background:var(--shell-surface-hover)}.app-shell .data-table .cell-name .thumb{background:var(--shell-surface-2);color:var(--shell-text-muted)}.app-shell .data-table .cell-name small,.app-shell .data-table .empty-state{color:var(--shell-text-muted)}.app-shell .data-table .actions button:hover{background:var(--shell-surface-hover);color:#fff;border-color:var(--shell-border-strong)}.app-shell .chip{background:var(--shell-surface-2);color:var(--shell-text)}.app-shell .modal{background:var(--shell-surface);color:var(--shell-text)}.app-shell .modal-header{border-bottom-color:var(--shell-border)}.app-shell .view-switcher{border-color:var(--shell-border-strong)}.app-shell .view-switcher button{background:var(--shell-surface-2);color:var(--shell-text-muted);border-right-color:var(--shell-border)}.app-shell .view-switcher button:not(.active):hover{background:var(--shell-surface-hover);color:#fff}.app-shell .view-switcher button.active{color:#fff}.app-shell a{color:color-mix(in srgb,var(--color-primary) 80%,white)}.app-shell .agenda-hour{color:var(--shell-text-muted);border-top-color:var(--shell-border)}.app-shell .agenda-col{background:var(--shell-surface)!important}.app-shell .status-pill.neutral{background:#94a3b82e;color:#cbd5e1}.app-shell .page-header h1{color:#fff}.app-shell .page-header .subtitle{color:var(--shell-text-muted)}.app-shell .modal input,.app-shell .modal select,.app-shell .modal textarea{background:var(--shell-surface-2);color:var(--shell-text);border-color:var(--shell-border-strong)}.app-shell small,.app-shell label{color:var(--shell-text-muted)}.app-shell label strong,.app-shell label>input+small{color:var(--shell-text-muted)}.app-shell pre{background:#0c0e1a;color:#e2e8f0;border:1px solid var(--shell-border)}.app-shell .table-toolbar input[type=search]{background:var(--shell-surface-2);color:var(--shell-text);border-color:var(--shell-border-strong)}.wkv-wrap{background:var(--shell-surface, white);border:1px solid var(--shell-border, var(--color-border));border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.wkv-grid{display:grid;grid-template-columns:64px repeat(7,1fr);position:relative}.wkv-corner{border-bottom:1px solid var(--shell-border, var(--color-border));border-right:1px solid var(--shell-border, var(--color-border));background:var(--shell-surface, #fafbfc);min-height:56px}.wkv-day-header{padding:10px 8px;text-align:center;border-bottom:1px solid var(--shell-border, var(--color-border));border-right:1px solid var(--shell-border, var(--color-border));cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--shell-surface, #fafbfc);position:relative}.wkv-day-header:last-child{border-right:0}.wkv-day-header:hover{background:var(--shell-surface-hover, #f1f5f9)}.wkv-day-header.is-today{background:color-mix(in srgb,var(--color-primary) 15%,var(--shell-surface, white))}.wkv-day-name{font-size:.72em;color:var(--shell-text-muted, var(--color-muted));text-transform:uppercase;letter-spacing:.08em;font-weight:600}.wkv-day-num{font-size:1.1em;font-weight:600;margin-top:2px;color:var(--shell-text, var(--color-text))}.wkv-day-header.is-today .wkv-day-num{color:var(--color-primary);font-weight:700}.wkv-time-col{position:relative;background:var(--shell-surface, #fafbfc);border-right:1px solid var(--shell-border, var(--color-border))}.wkv-time-label{position:absolute;left:0;right:0;padding-right:8px;text-align:right;font-size:.7em;color:var(--shell-text-muted, var(--color-muted));line-height:1;transform:translateY(-5px);opacity:.55}.wkv-time-label.is-hour{opacity:1;font-weight:600;color:var(--shell-text, var(--color-text))}.wkv-day-col{position:relative;border-right:1px solid var(--shell-border, var(--color-border));cursor:crosshair}.wkv-day-col:last-child{border-right:0}.wkv-day-col.is-today{background:color-mix(in srgb,var(--color-primary) 4%,transparent)}.wkv-day-col.is-ghost{background:color-mix(in srgb,var(--color-primary) 8%,transparent)}.wkv-gridline{position:absolute;left:0;right:0;height:1px;background:var(--shell-border, var(--color-border));opacity:.35;pointer-events:none}.wkv-gridline.is-hour{opacity:.8}.wkv-appt{position:absolute;left:3px;right:3px;padding:4px 6px;border-radius:6px;color:#fff;font-size:.75em;line-height:1.2;cursor:grab;touch-action:none;overflow:hidden;box-shadow:0 2px 4px #00000026;transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}.wkv-appt:hover{transform:translateY(-1px);box-shadow:0 4px 10px #00000040;z-index:5}.wkv-appt-time{font-weight:600;opacity:.95}.wkv-appt-name{font-weight:600;margin-top:1px}.wkv-appt-service{opacity:.85;font-size:.92em;margin-top:1px}.wkv-appt-ghost{pointer-events:none;z-index:10;border:2px dashed white;box-shadow:0 4px 12px #0000004d}.wkv-appt-ghost.is-conflict{border-color:#ef4444;box-shadow:0 0 0 2px #ef4444,0 4px 12px #ef444466}.wkv-now{position:absolute;left:0;right:0;height:2px;background:#ef4444;z-index:3;pointer-events:none}.wkv-now:before{content:"";position:absolute;left:-5px;top:-4px;width:10px;height:10px;border-radius:50%;background:#ef4444;box-shadow:0 0 0 3px color-mix(in srgb,#ef4444 25%,transparent)}.wkv-now-label{position:absolute;left:-64px;top:-9px;width:56px;text-align:right;padding:2px 6px;background:#ef4444;color:#fff;font-size:.7em;font-weight:600;border-radius:4px}.wkv-legend{display:flex;flex-wrap:wrap;gap:12px;padding:10px 14px;border-top:1px solid var(--shell-border, var(--color-border));font-size:.82em}.wkv-legend-item{display:flex;align-items:center;gap:6px;color:var(--shell-text-muted, var(--color-muted))}.wkv-legend-item span{width:10px;height:10px;border-radius:50%;display:inline-block}.timeline-row{background:#fff}.timeline-row-alt{background:#fafbfc}.timeline-row:not(.timeline-row-last){border-bottom:1px solid var(--color-border)}.timeline-header{background:#fff;border-bottom:1px solid var(--color-border)}.timeline-col-label{padding:10px 12px;border-right:1px solid var(--color-border);font-size:.75em;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.timeline-col-label-row{text-transform:none;letter-spacing:normal;font-weight:500;font-size:1em;color:inherit;display:flex;align-items:center;gap:10px;min-height:64px}.timeline-col-label-row strong{color:inherit}.timeline-hour-label{padding:6px;font-size:.72em;color:var(--color-muted);font-weight:500;border-left:1px solid var(--color-border)}.app-shell .timeline-header,.app-shell .timeline-row{background:var(--shell-surface)}.app-shell .timeline-row-alt{background:color-mix(in srgb,var(--shell-surface) 85%,var(--shell-surface-2))}.app-shell .timeline-row:not(.timeline-row-last){border-bottom-color:var(--shell-border)}.app-shell .timeline-header{border-bottom-color:var(--shell-border)}.app-shell .timeline-col-label{border-right-color:var(--shell-border);color:var(--shell-text-muted)}.app-shell .timeline-col-label-row{color:var(--shell-text)}.app-shell .timeline-col-label-row strong{color:#fff}.app-shell .timeline-hour-label{color:var(--shell-text-muted);border-left-color:var(--shell-border)}.shell-sidebar{position:sticky;top:0;height:100vh;background:var(--sidebar-bg);color:var(--sidebar-fg);display:flex;flex-direction:column;padding:16px 12px;gap:4px;overflow:visible;z-index:40}.shell-brand{display:flex;align-items:center;gap:10px;padding:6px 8px;margin-bottom:4px}.shell-brand-logo{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--color-primary),color-mix(in srgb,var(--color-primary) 55%,#000));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.1em;flex-shrink:0;box-shadow:0 4px 12px color-mix(in srgb,var(--color-primary) 40%,transparent)}.shell-brand-name{font-weight:700;font-size:1.05em;color:#fff;letter-spacing:-.01em}.shell-collapse{position:absolute;right:-12px;top:28px;width:24px;height:24px;border-radius:50%;background:var(--sidebar-bg);color:#fff;border:1px solid rgba(255,255,255,.1);font-size:.8em;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);padding:0;z-index:50}.shell-collapse:hover{background:var(--sidebar-bg-hover)}.shell-nav{display:flex;flex-direction:column;gap:2px;margin-top:8px;flex:1}.shell-nav-link{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;color:var(--sidebar-fg);text-decoration:none;font-size:.92rem;white-space:nowrap;overflow:hidden;transition:background .12s ease,color .12s ease}.shell-nav-link:hover{background:var(--sidebar-bg-hover);color:#fff;text-decoration:none}.shell-nav-link.active{background:var(--sidebar-active-bg);color:#fff;box-shadow:inset 0 1px #ffffff1f}.shell-nav-link .icon{font-size:1.15rem;flex-shrink:0;width:22px;text-align:center}.shell-nav-link.locked{opacity:.45}.shell-nav-link.locked:hover{opacity:.75;background:var(--sidebar-bg-hover)}.shell-nav-link .lock-icon{margin-left:auto;opacity:.8}.app-shell.collapsed .shell-nav-link{justify-content:center;padding:10px;gap:0}.app-shell.collapsed .shell-brand{justify-content:center;padding:6px 0}.shell-user{position:relative;border-top:1px solid rgba(255,255,255,.08);padding-top:10px;margin-top:6px}.shell-user-trigger{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:0;padding:8px 10px;border-radius:10px;color:var(--sidebar-fg);cursor:pointer;overflow:hidden;text-align:left;transition:background .12s ease;box-shadow:none}.shell-user-trigger:hover:not(:disabled){background:var(--sidebar-bg-hover);transform:none;box-shadow:none}.shell-user-trigger .avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),color-mix(in srgb,var(--color-primary) 55%,#000));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85em;flex-shrink:0}.shell-user-trigger .info{flex:1;overflow:hidden;min-width:0}.shell-user-trigger .info strong{color:#fff;display:block;font-size:.88em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shell-user-trigger .info small{color:var(--sidebar-fg-muted);font-size:.78em}.shell-user-trigger .chev{color:var(--sidebar-fg-muted);font-size:.8em}.shell-user-dropdown{position:absolute;bottom:calc(100% + 8px);left:8px;right:8px;background:#1a1525;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:6px;box-shadow:0 -8px 24px #0000004d;z-index:60;animation:slideUp .14s ease}.shell-user-dropdown.collapsed{left:calc(100% + 12px);right:auto;bottom:0;min-width:200px}.shell-user-dropdown button,.shell-user-dropdown a{display:flex;width:100%;background:transparent;color:var(--sidebar-fg);border:0;padding:8px 10px;border-radius:6px;text-align:left;font-size:.88em;cursor:pointer;text-decoration:none;align-items:center;gap:10px;box-shadow:none}.shell-user-dropdown button:hover:not(:disabled),.shell-user-dropdown a:hover{background:var(--sidebar-bg-hover);color:#fff;transform:none;box-shadow:none}.shell-user-dropdown hr{border:0;border-top:1px solid rgba(255,255,255,.08);margin:4px 0}@keyframes slideUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.shell-content{padding:28px 32px;max-width:100%;overflow-x:hidden}.demo-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;margin-bottom:20px;background:linear-gradient(135deg,#e879952e,#e8799514);border:1px solid rgba(232,121,149,.3);border-radius:10px;font-size:.9rem;flex-wrap:wrap}.demo-banner strong{color:var(--color-primary)}.stylurs-toast{position:fixed;right:20px;bottom:20px;z-index:9999;background:var(--shell-card, #12101a);color:var(--shell-text, #f0e8f4);padding:12px 18px;border-radius:10px;box-shadow:0 8px 24px #0000004d;border:1px solid var(--shell-border, rgba(232,121,149,.2));font-size:.9rem;max-width:360px;animation:toast-in .18s ease-out}@keyframes toast-in{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@media(max-width:720px){.app-shell,.app-shell.collapsed{grid-template-columns:1fr;--sidebar-w: auto}.shell-sidebar{position:static;height:auto;padding:10px;flex-direction:row;align-items:center;gap:8px;overflow-x:auto}.shell-brand{margin-bottom:0}.shell-collapse{display:none}.shell-nav{flex-direction:row;flex:initial;gap:4px;margin:0}.shell-nav-link{padding:6px 10px;font-size:.85em}.shell-nav-link .label{display:none}.shell-user{border:0;padding:0;margin:0 0 0 auto}.shell-user-trigger .info{display:none}.shell-content{padding:16px}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:flex-start;justify-content:center;padding:5vh 1rem;z-index:100}.modal{background:#fff;border-radius:12px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px #0003}.modal-header{padding:1rem 1.25rem;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.modal-body{padding:1.25rem}.list-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:1px solid var(--color-border);border-radius:var(--radius);background:#fff}.list-item:hover{background:#fafbfc}.chip{display:inline-flex;align-items:center;padding:.15rem .6rem;border-radius:99px;background:#eef2f6;color:var(--color-text);font-size:.8em;line-height:1.6}.status-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:99px;font-size:.75em;font-weight:600;line-height:1.5;letter-spacing:.01em;text-transform:capitalize}.status-pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.7}.status-pill.confirmed{background:var(--status-confirmed-bg);color:var(--status-confirmed-fg)}.status-pill.pending{background:var(--status-pending-bg);color:var(--status-pending-fg)}.status-pill.cancelled{background:var(--status-cancelled-bg);color:var(--status-cancelled-fg)}.status-pill.completed{background:var(--status-completed-bg);color:var(--status-completed-fg)}.status-pill.neutral{background:var(--status-neutral-bg);color:var(--status-neutral-fg)}.page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.page-header h1{margin:0;font-size:1.75rem;letter-spacing:-.02em}.page-header .subtitle{color:var(--color-muted);font-size:.9em;margin-top:2px}.data-table{width:100%;background:#fff;border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);overflow:hidden}.data-table table{width:100%;border-collapse:collapse;font-size:.9rem}.data-table thead th{text-align:left;padding:12px 16px;font-size:.72em;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted);background:#f8fafc;border-bottom:1px solid var(--color-border);white-space:nowrap}.data-table tbody td{padding:12px 16px;border-bottom:1px solid var(--color-border);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr{transition:background .1s ease}.data-table tbody tr:hover{background:#f8fafc;cursor:default}.data-table tbody tr.clickable:hover{cursor:pointer}.data-table .cell-name{display:flex;align-items:center;gap:12px}.data-table .cell-name .avatar,.data-table .cell-name .thumb{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0;background:#f1f5f9;color:var(--color-muted);display:flex;align-items:center;justify-content:center;font-size:1.1em}.data-table .cell-name .thumb.square{border-radius:8px}.data-table .cell-name .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.data-table .cell-name strong{display:block;line-height:1.2}.data-table .cell-name small{color:var(--color-muted);font-size:.82em}.data-table .actions{display:flex;gap:4px;justify-content:flex-end}.data-table .actions button{background:transparent;color:var(--color-muted);border:1px solid transparent;padding:6px 10px;border-radius:8px;font-size:.85em;cursor:pointer;transition:background .1s ease,color .1s ease}.data-table .actions button:hover{background:#f1f5f9;color:var(--color-text);border-color:var(--color-border)}.data-table .actions button.danger:hover{background:var(--status-cancelled-bg);color:var(--status-cancelled-fg);border-color:transparent}.data-table .empty-state{padding:48px 16px;text-align:center;color:var(--color-muted)}.table-toolbar{display:flex;gap:12px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.table-toolbar input[type=search],.table-toolbar input[type=text]{width:auto;min-width:260px;flex:1;max-width:400px}.auth-wrap{min-height:calc(100vh - 60px);display:flex;align-items:center;justify-content:center;padding:40px 20px;background:radial-gradient(circle at 20% 10%,rgba(232,121,149,.12),transparent 50%),radial-gradient(circle at 80% 80%,rgba(168,120,200,.1),transparent 50%),var(--color-bg)}.auth-card{width:100%;max-width:440px;background:#fff;border-radius:20px;padding:2.25rem;box-shadow:0 20px 50px #0f172a14,0 1px #ffffffe6 inset;border:1px solid rgba(255,255,255,.8)}.auth-card h2{margin:0 0 6px;font-size:1.6rem;letter-spacing:-.02em}.auth-card .auth-sub{color:var(--color-muted);font-size:.9em;margin-bottom:1.25rem}.auth-card .auth-logo{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(135deg,var(--color-primary),color-mix(in srgb,var(--color-primary) 60%,#000));color:#fff;font-weight:700;font-size:1.2em;margin-bottom:1rem;box-shadow:0 8px 16px color-mix(in srgb,var(--color-primary) 20%,transparent)}.auth-card label{font-weight:500;color:var(--color-text);font-size:.88em}.auth-card button[type=submit]{padding:.7rem 1rem;font-size:.95rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.settings-section-header{display:flex;align-items:center;width:100%;padding:1rem 1.25rem;background:transparent;color:inherit;border:0;cursor:pointer;text-align:left;box-shadow:none;transition:background .12s ease}.settings-section-header:hover:not(:disabled){background:#ffffff05;transform:none;box-shadow:none}.app-shell .settings-section-header:hover:not(:disabled){background:#ffffff08}.settings-section-body{padding:1rem 1.25rem 1.25rem;border-top:1px solid var(--shell-border, var(--color-border));display:flex;flex-direction:column;gap:.75rem}label{display:flex;flex-direction:column;gap:4px;font-size:.9rem}label small{color:var(--color-muted)}.color-picker{display:flex;gap:.5rem;align-items:center}.color-picker input[type=color]{width:50px;height:40px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius);cursor:pointer}.agenda{display:grid;grid-template-columns:80px 1fr;border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;overflow:hidden;position:relative}.agenda-hour{border-top:1px solid var(--color-border);padding:4px 8px;font-size:.75em;color:var(--color-muted);height:60px;box-sizing:border-box}.agenda-hour:first-child{border-top:0}.agenda-col{position:relative;border-left:1px solid var(--color-border)}.agenda-appt{position:absolute;left:4px;right:4px;padding:6px 8px;border-radius:6px;color:#fff;font-size:.85em;cursor:pointer;overflow:hidden;box-shadow:0 1px 3px #0000001a}.agenda-appt .time{font-weight:600}.agenda-appt .name{opacity:.95}.view-switcher{display:inline-flex;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.view-switcher button{background:#fff;color:var(--color-text);border:0;border-radius:0;padding:.4rem .9rem;font-size:.85rem;border-right:1px solid var(--color-border)}.view-switcher button:last-child{border-right:0}.view-switcher button.active{background:var(--color-primary);color:#fff}.view-switcher button:not(.active):hover{background:#f1f5f9}.agenda-appt{transition:opacity .12s;position:relative}.agenda-appt-ghost{pointer-events:none;z-index:10;border:2px dashed white;box-shadow:0 4px 12px #00000040}.agenda-appt-ghost.conflict{border-color:#ef4444;box-shadow:0 0 0 2px #ef4444,0 4px 12px #ef44444d}.agenda-appt-resize{opacity:0;transition:opacity .12s}.agenda-appt:hover .agenda-appt-resize{opacity:1;background:#ffffff59}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}body.embed-mode{background:transparent}body.embed-mode .container{max-width:100%;padding:12px}