.agenda-app{--ag-text-xs:.625rem;--ag-text-sm:.6875rem;--ag-text-md:.75rem;--ag-text-lg:.8125rem;--ag-text-title:.9375rem;--ag-row:2.75rem;--ag-gutter:3.25rem;--ag-nails-bg:oklch(95.5% .032 350);--ag-nails-edge:var(--color-accent);--ag-nails-ink:oklch(42% .09 350);--ag-hair-bg:oklch(95.5% .038 80);--ag-hair-edge:oklch(62% .13 62);--ag-hair-ink:oklch(43% .08 62);--ag-beauty-bg:oklch(95% .03 308);--ag-beauty-edge:oklch(56% .13 308);--ag-beauty-ink:oklch(42% .07 308);--ag-lash-bg:oklch(95% .026 240);--ag-lash-edge:oklch(56% .1 245);--ag-lash-ink:oklch(40% .06 245);--ag-wax-bg:oklch(95% .03 168);--ag-wax-edge:oklch(56% .11 168);--ag-wax-ink:oklch(39% .06 168);background:var(--color-paper);height:100dvh;color:var(--color-ink);font-family:var(--font-body);font-size:var(--ag-text-md);grid-template-columns:14.5rem minmax(0,1fr);display:grid;overflow:hidden}.ag-side{gap:var(--space-4);padding:var(--space-3) var(--space-2);background:var(--color-surface);border-right:1px solid var(--color-line);flex-direction:column;display:flex;overflow-y:auto}.ag-workspace{align-items:center;gap:var(--space-2);padding:0 var(--space-2);min-height:2.25rem;display:flex}.ag-workspace-mark{background:var(--color-accent);width:1.625rem;height:1.625rem;color:var(--color-accent-ink);font-family:var(--font-display);font-size:var(--ag-text-xs);letter-spacing:-.03em;border-radius:.5rem;place-items:center;font-weight:700;display:grid}.ag-workspace-name{font-size:var(--ag-text-lg);letter-spacing:-.01em;font-weight:600;line-height:1.1}.ag-workspace-plan{font-size:var(--ag-text-xs);color:var(--color-ink-muted)}.ag-nav{gap:1px;display:grid;position:relative}.ag-nav-indicator{border-radius:var(--radius-sm);background:var(--color-surface-muted);height:2rem;box-shadow:inset 0 0 0 1px var(--color-line);transition:transform var(--duration-slow) var(--spring-snappy,var(--ease-spring-snappy)), height var(--duration-slow) var(--spring-snappy,var(--ease-spring-snappy));pointer-events:none;position:absolute;left:0;right:0}.ag-nav-item{z-index:1;align-items:center;gap:var(--space-2);height:2rem;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--color-ink-soft);font-size:var(--ag-text-md);text-align:left;white-space:nowrap;cursor:pointer;transition:color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--spring-snappy,var(--ease-spring-snappy));background:0 0;border:0;font-weight:500;display:flex;position:relative}.ag-nav-item:hover:not([aria-current]){color:var(--color-ink);background:color-mix(in oklch, var(--color-surface-muted) 60%, var(--color-surface))}.ag-nav-item:active{transform:scale(.98)}.ag-nav-item[aria-current]{color:var(--color-ink);font-weight:600}.ag-nav-item[aria-current] .ag-nav-icon{color:var(--color-accent)}.ag-nav-icon{flex:none;place-items:center;width:1.125rem;height:1.125rem;display:grid}.ag-nav-icon svg{width:100%;height:100%}.ag-nav-section{margin:var(--space-3) 0 var(--space-1);padding:0 var(--space-2);font-size:var(--ag-text-xs);letter-spacing:.05em;text-transform:uppercase;color:var(--color-ink-muted);font-weight:700}.ag-nav-badge{border-radius:var(--radius-pill);background:var(--color-accent-soft);color:var(--color-accent-hover);font-size:var(--ag-text-xs);margin-left:auto;padding:.0625rem .375rem;font-weight:700}.ag-mini{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-paper);box-shadow:inset 0 0 0 1px var(--color-line);margin-top:auto}.ag-mini-head{margin-bottom:var(--space-2);font-size:var(--ag-text-md);justify-content:space-between;align-items:center;font-weight:600;display:flex}.ag-mini-grid{text-align:center;grid-template-columns:repeat(7,1fr);row-gap:1px;display:grid}.ag-mini-dow{color:var(--color-ink-muted);font-size:.5rem;font-weight:700}.ag-mini-day{aspect-ratio:1;font-size:var(--ag-text-xs);color:var(--color-ink-soft);border-radius:50%;place-items:center;display:grid;position:relative}.ag-mini-day--today{background:var(--color-accent);color:var(--color-accent-ink);font-weight:700}.ag-mini-day--has:after{content:"";background:var(--color-accent);border-radius:50%;width:2px;height:2px;position:absolute;bottom:1px}.ag-mini-day--today.ag-mini-day--has:after{background:var(--color-accent-ink)}.ag-user{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);display:flex}.ag-user:hover{background:var(--color-surface-muted)}.ag-avatar{background:var(--color-accent-soft);width:1.5rem;height:1.5rem;color:var(--color-accent-hover);border-radius:50%;flex:none;place-items:center;font-size:.5625rem;font-weight:700;display:grid}.ag-user-name{font-size:var(--ag-text-md);font-weight:600;line-height:1.15}.ag-user-role{font-size:var(--ag-text-xs);color:var(--color-ink-muted)}.ag-main{grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid;overflow:hidden}.ag-topbar{align-items:center;gap:var(--space-4);min-height:3.5rem;padding:0 var(--space-4);border-bottom:1px solid var(--color-line);background:var(--color-surface);display:flex}.ag-date-nav{align-items:center;gap:var(--space-1);display:flex}.ag-chev{width:1.75rem;height:1.75rem;color:var(--color-ink-soft);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--spring-snappy,var(--ease-spring-snappy));background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.ag-chev:hover{background:var(--color-surface-muted);color:var(--color-ink)}.ag-chev:active{transform:scale(.92)}.ag-today{height:1.75rem;padding:0 var(--space-3);border-radius:var(--radius-pill);color:var(--color-ink-soft);font-size:var(--ag-text-md);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:0;font-weight:600}.ag-today:hover{background:var(--color-surface-muted);color:var(--color-ink)}.ag-title{font-family:var(--font-display);font-size:var(--ag-text-title);letter-spacing:-.015em;white-space:nowrap;font-weight:600}.ag-topbar .segmented{margin-left:var(--space-2)}.ag-search{align-items:center;gap:var(--space-2);width:min(15rem,100%);height:2rem;padding:0 var(--space-3);border-radius:var(--radius-pill);background:var(--color-surface-muted);color:var(--color-ink-muted);transition:box-shadow var(--duration-fast) var(--ease-standard);margin-left:auto;display:flex}.ag-search:focus-within{box-shadow:var(--shadow-accent-focus);background:var(--color-surface)}.ag-search input{min-width:0;font-size:var(--ag-text-md);color:var(--color-ink);background:0 0;border:0;outline:0;flex:1}.ag-search input::placeholder{color:var(--color-ink-muted)}.ag-topbar-cta{z-index:30;position:relative}.ag-topbar-cta magic-shadcn-button{display:block}.ag-cal{background:var(--color-paper);grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.ag-cal-head{grid-template-columns:var(--ag-gutter) repeat(var(--ag-cols,4), minmax(0, 1fr));border-bottom:1px solid var(--color-line);background:var(--color-surface);display:grid}.ag-cal-corner{border-right:1px solid var(--color-line)}.ag-colhead{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-right:1px solid var(--color-line);min-width:0;display:flex}.ag-colhead:last-child{border-right:0}.ag-colhead-name{font-size:var(--ag-text-lg);letter-spacing:-.01em;white-space:nowrap;font-weight:600}.ag-colhead-role{font-size:var(--ag-text-xs);color:var(--color-ink-muted);white-space:nowrap}.ag-cal-body{overscroll-behavior:contain;position:relative;overflow-y:auto}.ag-cal-grid{grid-template-columns:var(--ag-gutter) repeat(var(--ag-cols,4), minmax(0, 1fr));display:grid;position:relative}.ag-hours{border-right:1px solid var(--color-line)}.ag-hour{height:var(--ag-row);padding-right:var(--space-2);text-align:right;font-size:var(--ag-text-xs);color:var(--color-ink-muted);transform:translateY(-.45em)}.ag-hour:first-child{transform:none}.ag-col{border-right:1px solid var(--color-line);position:relative}.ag-col:last-child{border-right:0}.ag-col:before{content:"";background-image:repeating-linear-gradient(to bottom, var(--color-line) 0, var(--color-line) 1px, transparent 1px, transparent var(--ag-row));opacity:.45;pointer-events:none;position:absolute;inset:0}@keyframes ag-evt-in{0%{opacity:0;transform:translateY(.5rem)scale(.98)}to{opacity:1;transform:none}}.ag-evt{z-index:2;text-align:left;cursor:pointer;animation:ag-evt-in var(--duration-spring) var(--spring-gentle,var(--ease-spring-gentle)) backwards;transition:transform var(--duration-fast) var(--spring-snappy,var(--ease-spring-snappy)), box-shadow var(--duration-fast) var(--ease-standard);border:0;border-left:2.5px solid #0000;border-radius:.375rem;align-content:start;gap:0;padding:.25rem .375rem;display:grid;position:absolute;left:3px;right:3px;overflow:hidden}.ag-evt:hover{box-shadow:var(--shadow-raised);z-index:7;transform:translateY(-1px)}.ag-evt--selected{box-shadow:var(--shadow-accent-focus);z-index:8}.ag-evt-time{font-size:var(--ag-text-xs);opacity:.72;letter-spacing:.01em;font-weight:700}.ag-evt-client{font-size:var(--ag-text-md);letter-spacing:-.005em;font-weight:700;line-height:1.2}.ag-evt-service{font-size:var(--ag-text-xs);opacity:.8;line-height:1.25}.ag-evt-icon{opacity:.6;width:.8125rem;height:.8125rem;position:absolute;top:.25rem;right:.25rem}.ag-evt-icon svg{width:100%;height:100%}.ag-evt-dot{border-radius:50%;width:5px;height:5px;position:absolute;bottom:.25rem;right:.25rem}.ag-evt--nails{background:var(--ag-nails-bg);color:var(--ag-nails-ink);border-left-color:var(--ag-nails-edge)}.ag-evt--hair{background:var(--ag-hair-bg);color:var(--ag-hair-ink);border-left-color:var(--ag-hair-edge)}.ag-evt--beauty{background:var(--ag-beauty-bg);color:var(--ag-beauty-ink);border-left-color:var(--ag-beauty-edge)}.ag-evt--lash{background:var(--ag-lash-bg);color:var(--ag-lash-ink);border-left-color:var(--ag-lash-edge)}.ag-evt--wax{background:var(--ag-wax-bg);color:var(--ag-wax-ink);border-left-color:var(--ag-wax-edge)}.ag-evt--block{background:repeating-linear-gradient(-45deg, transparent, transparent 5px, var(--color-surface-muted) 5px, var(--color-surface-muted) 6px);color:var(--color-ink-muted);border-left-color:var(--color-line-strong);cursor:default;animation:none}.ag-evt--block:hover{box-shadow:none;transform:none}.ag-now{left:var(--ag-gutter);z-index:6;pointer-events:none;position:absolute;right:0}.ag-now-line{background:var(--color-accent);height:1.5px;box-shadow:0 0 6px color-mix(in oklch, var(--color-accent) 45%, transparent)}.ag-now-dot{background:var(--color-accent);border-radius:50%;width:7px;height:7px;position:absolute;top:-2.75px;left:-3px}.ag-now-chip{right:var(--space-2);border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-accent-ink);font-size:var(--ag-text-xs);padding:.0625rem .375rem;font-weight:700;position:absolute;top:-.5rem}.ag-panel{top:var(--space-3);right:var(--space-3);bottom:var(--space-3);z-index:20;border-radius:var(--radius-lg);background:var(--color-surface);width:min(19.5rem,100% - 2rem);box-shadow:var(--shadow-raised), inset 0 0 0 1px var(--color-line);transform:translateX(calc(100% + var(--space-6)));transition:transform var(--duration-spring) var(--spring-gentle,var(--ease-spring-gentle));flex-direction:column;display:flex;position:absolute}.ag-panel--open{transform:none}.ag-panel-head{align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3);display:flex}.ag-panel-close{width:1.75rem;height:1.75rem;color:var(--color-ink-muted);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:0;border-radius:50%;place-items:center;margin-left:auto;display:grid}.ag-panel-close:hover{background:var(--color-surface-muted);color:var(--color-ink)}.ag-panel-client{font-family:var(--font-display);letter-spacing:-.015em;font-size:1.0625rem;font-weight:600}.ag-panel-meta{font-size:var(--ag-text-xs);color:var(--color-ink-muted);margin-top:.125rem}.ag-panel-chip{margin-top:var(--space-2);border-radius:var(--radius-pill);font-size:var(--ag-text-xs);align-items:center;gap:.3rem;padding:.125rem .5rem;font-weight:700;display:inline-flex}.ag-panel-chip:before{content:"";background:currentColor;border-radius:50%;width:4px;height:4px}.ag-panel-chip--positive{background:var(--color-positive-soft);color:var(--color-positive)}.ag-panel-chip--warning{background:var(--color-warning-soft);color:var(--color-warning)}.ag-panel-chip--critical{background:var(--color-critical-soft);color:var(--color-critical)}.ag-panel-body{padding:0 var(--space-4) var(--space-4);flex:1;align-content:start;gap:0;display:grid;overflow-y:auto}.ag-panel-row{align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--color-line);display:flex}.ag-panel-row:last-of-type{border-bottom:0}.ag-panel-row-icon{background:var(--color-surface-muted);width:1.75rem;height:1.75rem;color:var(--color-ink-soft);border-radius:.5rem;flex:none;place-items:center;display:grid}.ag-panel-row-icon svg{width:1rem;height:1rem}.ag-panel-row-label{font-size:var(--ag-text-xs);color:var(--color-ink-muted)}.ag-panel-row-value{font-size:var(--ag-text-lg);font-weight:600}.ag-panel-notes{margin-top:var(--space-3);font-size:var(--ag-text-md);color:var(--color-ink-soft);line-height:1.45}.ag-panel-actions{gap:var(--space-2);padding:0 var(--space-4) var(--space-4);display:grid}.ag-btn{justify-content:center;align-items:center;gap:var(--space-2);height:2.25rem;padding:0 var(--space-4);border-radius:var(--radius-pill);font-size:var(--ag-text-lg);white-space:nowrap;cursor:pointer;transition:transform var(--duration-fast) var(--spring-snappy,var(--ease-spring-snappy)), background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), box-shadow var(--duration-fast) var(--ease-standard);border:0;font-weight:600;display:inline-flex}.ag-btn:active{transform:scale(.97)}.ag-btn--primary{background:var(--color-ink);color:var(--color-surface)}.ag-btn--primary:hover{background:var(--color-ink-soft)}.ag-btn--secondary{background:var(--color-surface);color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-line-strong)}.ag-btn--secondary:hover{box-shadow:inset 0 0 0 1px var(--color-ink-muted)}.ag-btn--ghost{color:var(--color-ink-soft);background:0 0}.ag-btn--ghost:hover{background:var(--color-surface-muted);color:var(--color-ink)}.ag-btn--sm{height:1.875rem;font-size:var(--ag-text-md)}.ag-quick{z-index:25;gap:var(--space-3);width:15.5rem;padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-raised), inset 0 0 0 1px var(--color-line);transform-origin:0 0;animation:ag-quick-in var(--duration-slow) var(--spring-snappy,var(--ease-spring-snappy));display:grid;position:absolute}@keyframes ag-quick-in{0%{opacity:0;transform:scale(.92)translateY(.375rem)}to{opacity:1;transform:none}}.ag-quick-label{gap:var(--space-1);font-size:var(--ag-text-xs);color:var(--color-ink-muted);font-weight:600;display:grid}.ag-quick-control{min-height:2rem;padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--color-paper);box-shadow:inset 0 0 0 1px var(--color-line);transition:box-shadow var(--duration-fast) var(--ease-standard);align-items:center;display:flex}.ag-quick-control:focus-within{box-shadow:var(--shadow-accent-focus)}.ag-quick-control input,.ag-quick-control select{min-width:0;font-size:var(--ag-text-md);color:var(--color-ink);background:0 0;border:0;outline:0;flex:1;padding:.375rem 0}.ag-quick-times{flex-wrap:wrap;gap:.375rem;display:flex}.ag-quick-time{border-radius:var(--radius-pill);background:var(--color-surface-muted);color:var(--color-ink-soft);font-size:var(--ag-text-xs);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--spring-snappy,var(--ease-spring-snappy));border:0;padding:.1875rem .5rem;font-weight:700}.ag-quick-time:active{transform:scale(.94)}.ag-quick-time[aria-pressed=true]{background:var(--color-accent);color:var(--color-accent-ink)}.ag-toast-zone{bottom:var(--space-5);z-index:40;gap:var(--space-2);justify-items:center;display:grid;position:absolute;left:50%;transform:translate(-50%)}.ag-toast{align-items:center;gap:var(--space-2);border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-surface);font-size:var(--ag-text-md);box-shadow:var(--shadow-raised);animation:ag-toast-in var(--duration-slow) var(--spring-bouncy,var(--ease-spring-bouncy));padding:.5rem .875rem;font-weight:600;display:flex}.ag-toast svg{color:var(--color-accent-soft);width:.9375rem;height:.9375rem}@keyframes ag-toast-in{0%{opacity:0;transform:translateY(.75rem)scale(.94)}to{opacity:1;transform:none}}.ag-back{align-items:center;gap:var(--space-1);min-height:1.75rem;padding:0 var(--space-2);border-radius:var(--radius-pill);color:var(--color-ink-muted);font-size:var(--ag-text-md);transition:background-color var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);font-weight:500;display:inline-flex}.ag-back:hover{background:var(--color-surface-muted);color:var(--color-ink)}.segmented{border-radius:var(--radius-pill);background:var(--color-surface-muted);box-shadow:inset 0 0 0 1px var(--color-line);padding:2px;display:inline-flex;position:relative}.segmented-thumb{border-radius:var(--radius-pill);background:var(--color-surface);width:0;box-shadow:var(--shadow-raised);transition:transform var(--duration-slow) var(--spring-snappy,var(--ease-spring-snappy)), width var(--duration-slow) var(--spring-snappy,var(--ease-spring-snappy));position:absolute;top:2px;bottom:2px;left:0}.segmented>button{z-index:1;min-height:1.625rem;padding:0 var(--space-3);border-radius:var(--radius-pill);color:var(--color-ink-soft);font-size:var(--ag-text-md);cursor:pointer;transition:color var(--duration-fast) var(--ease-standard);background:0 0;border:0;font-weight:500;position:relative}.segmented>button[aria-selected=true]{color:var(--color-ink);font-weight:600}@media (width<=72rem){.agenda-app{grid-template-columns:3.75rem minmax(0,1fr)}.ag-side{padding:var(--space-3) var(--space-1)}.ag-side .ag-workspace>div,.ag-side .ag-nav-label,.ag-side .ag-nav-section,.ag-side .ag-nav-badge,.ag-side .ag-mini,.ag-side .ag-user-meta{display:none}.ag-nav-item,.ag-user{justify-content:center;padding:0}.ag-title{display:none}}@media (width<=46rem){.ag-topbar{gap:var(--space-2);padding:var(--space-2) var(--space-3);flex-wrap:wrap}.ag-search{display:none}.ag-cal{overflow-x:auto}.ag-cal-head,.ag-cal-grid{min-width:40rem}.ag-colhead-role{display:none}.ag-panel{height:70dvh;top:auto}}@media (prefers-reduced-motion:reduce){.ag-evt,.ag-toast,.ag-quick{animation-duration:1ms}.ag-panel,.ag-nav-indicator,.segmented-thumb{transition-duration:1ms}}