ar-uploader-preview-dots{font-family:var(--font-sans);display:inline-flex}ar-uploader-preview-dots .preview-dots{align-items:center;gap:10px;display:inline-flex}ar-uploader-preview-dots .preview-dots-sizes{align-items:flex-end;gap:16px;display:inline-flex}ar-uploader-preview-dots .prev-dot{cursor:pointer;transition:box-shadow var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard);background:linear-gradient(135deg,#2badd4,#037cd2);border:0;border-radius:999px;padding:0;display:block;position:relative;overflow:hidden;box-shadow:0 2px 8px #037cd240}ar-uploader-preview-dots .prev-dot:after{content:"P";font-family:var(--font-sans);color:#fff;letter-spacing:-.05em;place-items:center;font-weight:800;display:grid;position:absolute;inset:0}ar-uploader-preview-dots .prev-dot[style*=background-image]:after{content:""}ar-uploader-preview-dots .prev-dot.lg{width:80px;height:80px}ar-uploader-preview-dots .prev-dot.lg:after{font-size:44px}ar-uploader-preview-dots .prev-dot.md{width:48px;height:48px}ar-uploader-preview-dots .prev-dot.md:after{font-size:26px}ar-uploader-preview-dots .prev-dot.sm{width:24px;height:24px}ar-uploader-preview-dots .prev-dot.sm:after{font-size:14px}ar-uploader-preview-dots .prev-dot.active{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--blue-500), 0 2px 8px #037cd259}ar-uploader-preview-dots .prev-dot:focus-visible{box-shadow:0 0 0 2px #fff, 0 0 0 4px var(--blue-500);outline:none}
ar-cta-banner{border:1px solid var(--border-subtle);border-radius:var(--radius-xl);min-height:140px;color:var(--text-primary);font-family:var(--font-sans);box-sizing:border-box;background:#fff;align-items:center;gap:16px;padding:28px 56px 28px 28px;display:flex;position:relative;overflow:hidden}ar-cta-banner[variant=info]:not([layout]){color:var(--text-primary);border-color:var(--border-subtle);background:#fff}ar-cta-banner[variant=gradient]:not([layout]){background:var(--gradient-ocean);color:#fff;border-color:#0000}ar-cta-banner:not([layout]) .cta-art{pointer-events:none;justify-content:flex-end;align-items:center;width:180px;display:flex;position:absolute;top:0;bottom:0;right:0}ar-cta-banner:not([layout]) .cta-art:empty{display:none}ar-cta-banner:not([layout]) .cta-art>svg{width:100%;height:100%;position:absolute;inset:0}ar-cta-banner .cta-copy{flex:1;min-width:0}ar-cta-banner:not([layout]) .cta-copy{max-width:70%}ar-cta-banner .cta-title{font-family:var(--font-sans);letter-spacing:-.01em;color:inherit;margin-bottom:6px;font-size:22px;font-weight:600;line-height:1.3}ar-cta-banner .cta-title:empty{display:none}ar-cta-banner .cta-body{font-size:13px;line-height:18px}ar-cta-banner[variant=info]:not([layout]) .cta-body{color:var(--text-secondary)}ar-cta-banner[variant=gradient]:not([layout]) .cta-body{color:#ffffffbf}ar-cta-banner .cta-body:empty{display:none}ar-cta-banner .cta-actions{gap:var(--space-2);flex-wrap:wrap;display:flex}ar-cta-banner:not([layout]) .cta-actions{margin-top:14px}ar-cta-banner .cta-actions:empty{display:none}ar-cta-banner .cta-close{width:26px;height:26px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;font-size:18px;line-height:1;display:grid;position:absolute;top:12px;right:12px}ar-cta-banner[variant=info]:not([layout]) .cta-close:hover{background:#0000000d}ar-cta-banner[variant=gradient]:not([layout]) .cta-close:hover{background:#ffffff26}ar-cta-banner .cta-close:focus-visible{box-shadow:var(--shadow-focus);outline:none}ar-cta-banner[layout=ocean-horizontal]{background:var(--gradient-ocean);color:#fff;border-color:#0000;flex-direction:row;justify-content:space-between;align-items:center;gap:16px;padding:28px;display:flex}ar-cta-banner[layout=ocean-horizontal] .cta-title{margin-bottom:0}ar-cta-banner[layout=ocean-horizontal] .cta-body{color:#ffffffbf;margin-top:6px}ar-cta-banner[layout=ocean-horizontal] .cta-actions{flex:none;margin-top:0}ar-cta-banner[layout=depth-multi-button]{background:var(--gradient-depth);color:#fff;border-color:#0000;padding:28px;display:block}ar-cta-banner[layout=depth-multi-button] .cta-body{color:#ffffffbf;margin-top:6px}ar-cta-banner[layout=depth-multi-button] .cta-actions{margin-top:14px}ar-cta-banner[layout=mist-centered]{background:var(--gradient-mist);color:var(--text-primary);text-align:center;border-color:#0000;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:28px;display:flex}ar-cta-banner[layout=mist-centered] .cta-media{margin-bottom:10px}ar-cta-banner[layout=mist-centered] .cta-media:empty{display:none}ar-cta-banner[layout=mist-centered] .cta-copy{flex:none;max-width:100%}ar-cta-banner[layout=mist-centered] .cta-title{margin-bottom:0;font-size:18px}ar-cta-banner[layout=mist-centered] .cta-body{color:var(--text-secondary);margin-top:4px;font-size:13px}ar-cta-banner[layout=mist-centered] .cta-actions{justify-content:center;margin-top:16px}ar-cta-banner[layout=email-capture]{border:1px solid var(--border-subtle);background:#fff;padding:0;display:block;overflow:hidden}ar-cta-banner[layout=email-capture] .cta-strip{background:var(--gradient-ocean);width:100%;height:72px}ar-cta-banner[layout=email-capture] .cta-capture-body{padding:20px}ar-cta-banner[layout=email-capture] .cta-title{margin-bottom:0;font-size:16px}ar-cta-banner[layout=email-capture] .cta-body{color:var(--text-secondary);margin-top:2px;font-size:13px}ar-cta-banner[layout=email-capture] .cta-capture-row{flex-direction:row;align-items:center;gap:8px;margin-top:12px;display:flex}ar-cta-banner[layout=email-capture] .cta-input{flex:1;min-width:0;display:flex}ar-cta-banner[layout=email-capture] .cta-input>*{flex:1;min-width:0}ar-cta-banner[layout=email-capture] .cta-actions{flex:none;margin-top:0}ar-cta-banner[layout=email-capture] .cta-close:hover{background:#0000000d}ar-cta-banner[layout=ocean-horizontal] .cta-close:hover,ar-cta-banner[layout=depth-multi-button] .cta-close:hover{background:#ffffff26}ar-cta-banner[layout=mist-centered] .cta-close:hover{background:#0000000d}ar-cta-banner{animation:ar-banner-slide-in var(--dur-base) var(--ease-standard) both}
ar-upsell-banner{min-height:84px;color:var(--text-primary);font-family:var(--font-sans);box-sizing:border-box;background:#e8f5fa;border-radius:12px;align-items:center;gap:16px;padding:18px 44px 18px 20px;display:flex;position:relative;overflow:hidden}ar-upsell-banner[variant=gradient]{background:var(--gradient-mist)}ar-upsell-banner .upsell-art{pointer-events:none;justify-content:flex-end;align-items:center;width:180px;display:flex;position:absolute;top:0;bottom:0;right:0}ar-upsell-banner .upsell-art:empty{display:none}ar-upsell-banner .upsell-art>svg{width:100%;height:100%;position:absolute;inset:0}ar-upsell-banner .upsell-copy{flex:1;min-width:0;max-width:70%}ar-upsell-banner .upsell-title{font-family:var(--font-sans);color:var(--navy-900);margin-bottom:4px;font-size:15px;font-weight:600}ar-upsell-banner .upsell-title:empty{display:none}ar-upsell-banner .upsell-body{color:var(--text-secondary);font-size:13px;line-height:1.5}ar-upsell-banner .upsell-body:empty{display:none}ar-upsell-banner .upsell-actions{margin-top:var(--space-2);gap:var(--space-2);flex-wrap:wrap;display:flex}ar-upsell-banner .upsell-actions:empty{display:none}ar-upsell-banner .upsell-close{width:22px;height:22px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:grid;position:absolute;top:10px;right:12px}ar-upsell-banner .upsell-close:hover{color:var(--navy-900);background:#037cd214}ar-upsell-banner .upsell-close:focus-visible{box-shadow:var(--shadow-focus);outline:none}.upsell-card{background:#fff;border-radius:8px;flex-direction:column;gap:4px;width:74px;padding:8px 8px 9px;display:flex;position:absolute;top:50%;right:22px;transform:translateY(-50%);box-shadow:0 6px 16px #037cd22e}.upsell-card-head{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.upsell-thumb{background:linear-gradient(135deg,#bee4f1,#2badd4);border-radius:4px;width:18px;height:18px;position:relative}.upsell-thumb:after{content:"";border:1.4px solid #fff;border-radius:2px;position:absolute;inset:4px 5px 5px 4px}.upsell-toggle{background:#2badd4;border-radius:999px;flex:none;width:22px;height:12px;position:relative}.upsell-toggle span{background:#fff;border-radius:999px;width:9px;height:9px;position:absolute;top:1.5px;right:1.5px}.upsell-line{background:#e3eef5;border-radius:2px;height:3px}.upsell-line.short{width:60%}ar-upsell-banner{animation:ar-banner-slide-in var(--dur-base) var(--ease-standard) both}
ar-pro-tip,.pro-tip{background:var(--cyan-50);border-radius:var(--radius-lg);color:var(--neutral-900);font-family:var(--font-sans);box-sizing:border-box;align-items:flex-start;gap:14px;padding:16px 20px;display:flex;position:relative}ar-pro-tip[variant=gradient]{background:var(--gradient-mist)}ar-pro-tip .mark,ar-pro-tip .pro-tip__mark{width:20px;height:20px;color:var(--pabau-cyan);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}ar-pro-tip .mark svg,ar-pro-tip .pro-tip-mark{width:20px;height:20px;color:var(--pabau-cyan);display:block}ar-pro-tip .pro-tip__body{flex:1;min-width:0}ar-pro-tip .t{color:var(--neutral-900);margin-bottom:4px;font-size:14px;font-weight:600}ar-pro-tip .t:empty{display:none}ar-pro-tip .d{color:var(--neutral-700);font-size:13px;line-height:18px}ar-pro-tip .d:empty{display:none}ar-pro-tip .pro-tip__actions{margin-top:var(--space-2);gap:var(--space-2);flex-wrap:wrap;display:flex}ar-pro-tip .pro-tip__close{width:22px;height:22px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;font-size:14px;line-height:1;display:grid;position:absolute;top:10px;right:12px}ar-pro-tip .pro-tip__close:hover{color:var(--neutral-900);background:#0000000d}ar-pro-tip .pro-tip__close:focus-visible{box-shadow:var(--shadow-focus);outline:none}ar-pro-tip{animation:ar-banner-slide-in var(--dur-base) var(--ease-standard) both}
.avatar-stack{display:inline-flex}.avatar-stack .avatar+.avatar,.avatar-stack ar-avatar+ar-avatar,.avatar-stack ar-avatar+.avatar,.avatar-stack .avatar+ar-avatar{margin-left:-8px}.avatar-stack>.avatar,.avatar-stack>ar-avatar{box-shadow:0 0 0 2px #fff}.avatar-stack .ar-avatar-stack__overflow{color:#4b2e91;background:#e4d8fa;font-weight:600}
ar-avatar-uploader{font-family:var(--font-sans);text-align:center;display:inline-block}ar-avatar-uploader[disabled]{opacity:.5;pointer-events:none}ar-avatar-uploader .uploader.avatar{border:1.5px dashed var(--border-default);text-align:center;transition:border-color var(--dur-fast) var(--ease-standard), background-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard);cursor:pointer;background:#fff;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex}ar-avatar-uploader .uploader.avatar:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch, var(--blue-500) 30%, transparent)}ar-avatar-uploader .uploader.avatar .u-icon{background:var(--blue-50);width:44px;height:44px;color:var(--blue-500);border-radius:999px;place-items:center;display:grid}ar-avatar-uploader .uploader.avatar .u-icon svg{width:20px;height:20px}ar-avatar-uploader .uploader.avatar .u-title{color:var(--navy-900);font-size:12.5px;font-weight:600}ar-avatar-uploader[data-state=hover] .uploader.avatar{border-color:var(--blue-500);background:color-mix(in oklch, var(--blue-50) 60%, transparent)}ar-avatar-uploader .ar-avatar-uploader__stack{display:block}ar-avatar-uploader .ar-avatar-uploader__initials{letter-spacing:-.01em;border-radius:999px;place-items:center;font-weight:600;display:grid}ar-avatar-uploader .ar-avatar-uploader__edit{cursor:pointer}ar-avatar-uploader .ar-avatar-uploader__edit svg{width:14px;height:14px}ar-avatar-uploader .uploader.avatar:hover{transform:scale(1.02)}ar-avatar-uploader .uploader.avatar:active{transform:scale(.98)}
.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--neutral-800);order:-1;font-size:13px;font-weight:500;line-height:18px}.field .hint{color:var(--text-tertiary);font-size:12px}.field .err{color:var(--danger-500);font-size:12px}.field .req{color:var(--danger-500);margin-left:2px}.field{transition:border-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard), background-color var(--dur-fast) var(--ease-standard)}.field .err{animation:ar-banner-slide-in var(--dur-fast) var(--ease-standard) both}
.app-header-search{background:var(--neutral-50);border:1px solid var(--border-subtle);width:100%;max-width:560px;height:38px;color:var(--text-tertiary);cursor:text;font-family:var(--font-sans);box-sizing:border-box;border-radius:999px;align-items:center;gap:10px;padding:0 16px;transition:background .12s,border-color .12s;display:flex}.app-header-search:hover{background:var(--neutral-100)}.app-header-search:focus-within{border-color:var(--blue-300);background:#fff}.app-header-search .search-icon{width:15px;height:15px;color:var(--text-tertiary);flex:none}.app-header-search .ar-search__input{min-width:0;font:inherit;color:var(--text-primary);background:0 0;border:0;outline:0;flex:1;padding:0;font-size:13.5px}.app-header-search .ar-search__input::placeholder{color:var(--text-tertiary)}.app-header-search .ar-search__input::-webkit-search-cancel-button{display:none}.app-header-search .search-kbd{font-family:var(--font-mono);letter-spacing:.02em;border:1px solid var(--border-subtle);color:var(--text-secondary);background:#fff;border-radius:6px;flex:none;padding:3px 8px;font-size:10.5px;box-shadow:0 1px #0000000a}ar-search[disabled]{opacity:.5;pointer-events:none}
ar-segmented{font-family:var(--font-sans)}.segmented{border-radius:var(--radius-md);background:var(--neutral-100);gap:2px;padding:3px;display:inline-flex}.segmented .seg{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;padding:6px 12px;font-size:13px;font-weight:500}.segmented .seg.active{color:var(--neutral-900);box-shadow:var(--shadow-xs);background:#fff}ar-segmented[disabled]{opacity:.5;pointer-events:none}.segmented .seg:focus-visible{outline:2px solid var(--blue-500);outline-offset:1px}.segmented .seg[disabled]{opacity:.5;pointer-events:none}
.seg[disabled]{opacity:.5;pointer-events:none}.segmented .seg{transition:background-color var(--dur-base) var(--ease-standard), color var(--dur-base) var(--ease-standard), border-color var(--dur-base) var(--ease-standard), box-shadow var(--dur-base) var(--ease-standard)}.segmented .seg:active:not([disabled]){transform:scale(.98)}
ar-split-button{font-family:var(--font-sans)}ar-split-button[disabled]{opacity:.5;pointer-events:none}ar-split-button .ar-split-button__menu{top:0;left:0}
ar-kbd{vertical-align:middle;display:inline-flex}ar-kbd .kbd,.kbd{font-family:var(--font-mono);border:1px solid var(--border-subtle);color:var(--text-tertiary);background:#fff;border-radius:5px;align-items:center;padding:3px 7px;font-size:10.5px;display:inline-flex}ar-kbd[variant=subtle] .kbd{background:0 0;border:0;padding:0;font-size:11px}.menu .mi .kbd,.ctx-menu .mi .kbd{background:0 0;border:0;margin-left:auto;padding:0;font-size:11px}.cmd-item .kbd{margin-left:auto}ar-kbd .kbd,.kbd{transition:background-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard)}ar-kbd:active .kbd,.kbd:active{box-shadow:var(--shadow-xs);transform:translateY(1px)}
.tag{border-radius:var(--radius-pill);background:var(--neutral-100);color:var(--neutral-800);border:1px solid var(--border-subtle);align-items:center;gap:6px;padding:4px 10px 4px 12px;font-size:13px;line-height:18px;display:inline-flex}.tag .x{color:var(--text-tertiary);cursor:pointer;width:14px;height:14px}.tag-cyan{background:color-mix(in oklch, var(--pabau-cyan) 10%, transparent);min-width:72px;color:var(--blue-700);border:1px solid color-mix(in oklch, var(--pabau-cyan) 35%, transparent);border-radius:999px;justify-content:center;align-items:center;padding:3px 14px;font-size:11.5px;font-weight:500;display:inline-flex}.tag-neutral{background:var(--neutral-50);min-width:72px;color:var(--text-tertiary);border:1px solid var(--border-subtle);border-radius:999px;justify-content:center;align-items:center;padding:3px 14px;font-size:11.5px;font-weight:500;display:inline-flex}.tag,.tag-cyan,.tag-neutral{transition:background-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard)}.tag .x{transition:color var(--dur-fast) var(--ease-standard)}.tag:active,.tag-cyan:active,.tag-neutral:active{transform:scale(.98)}
.ar-tagged-input{border:1px solid var(--border-default);background:#fff;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;min-height:44px;padding:8px;display:flex}.ar-tagged-input:focus-within{border-color:var(--blue-500);box-shadow:0 0 0 3px color-mix(in oklch, var(--blue-500) 18%, transparent)}.ar-tagged-input[disabled]{background:var(--neutral-50);cursor:not-allowed}.ar-tagged-input__input{min-width:80px;font:inherit;color:var(--text-primary);background:0 0;border:0;outline:0;flex:120px;padding:4px 2px}.ar-tagged-input__input::placeholder{color:var(--text-tertiary)}.ar-tagged-input__input:disabled{cursor:not-allowed}.ar-tagged-input{transition:background-color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard)}.ar-tagged-input>ar-tag{animation:ar-banner-slide-in var(--dur-fast) var(--ease-standard) both}
ar-status-dot{vertical-align:middle;line-height:0;display:inline-block}ar-status-dot .dot{background:var(--neutral-400);border-radius:999px;width:8px;height:8px;display:inline-block}ar-status-dot[tone=success] .dot{background:var(--success-500)}ar-status-dot[tone=danger] .dot{background:var(--danger-500)}ar-status-dot[tone=warning] .dot{background:var(--warning-500)}ar-status-dot[tone=info] .dot{background:var(--blue-500)}ar-status-dot[tone=neutral] .dot{background:var(--neutral-400)}ar-status-dot[size=sm] .dot{width:6px;height:6px}ar-status-dot[size=lg] .dot{width:10px;height:10px}ar-status-dot[pulse] .dot{color:var(--neutral-400);animation:1.6s cubic-bezier(.4,0,.6,1) infinite ar-status-dot-pulse;box-shadow:0 0}ar-status-dot[pulse][tone=success] .dot{color:var(--success-500)}ar-status-dot[pulse][tone=danger] .dot{color:var(--danger-500)}ar-status-dot[pulse][tone=warning] .dot{color:var(--warning-500)}ar-status-dot[pulse][tone=info] .dot{color:var(--blue-500)}@keyframes ar-status-dot-pulse{0%{box-shadow:0 0}70%{box-shadow:0 0 0 6px #0000}to{box-shadow:0 0 #0000}}@media (prefers-reduced-motion:reduce){ar-status-dot[pulse] .dot{animation:none}}
.chip-toggle{border:1px solid var(--border-default);color:var(--text-secondary);cursor:pointer;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;display:inline-flex}.chip-toggle .chip-ico{color:currentColor;place-items:center;display:inline-grid}.chip-toggle.active{border-color:var(--blue-500);background:var(--blue-50);color:var(--blue-700)}.chip-toggle:disabled,.chip-toggle[disabled]{cursor:not-allowed;opacity:.5}.chip-toggle{transition:background-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard)}.chip-toggle:active:not(:disabled):not([disabled]){transform:scale(.98)}
ar-pagination{display:inline-flex}.pagination{align-items:center;gap:4px;display:flex}.pg-btn{border:1px solid var(--border-default);cursor:pointer;width:28px;height:28px;color:var(--text-secondary);background:#fff;border-radius:6px;place-items:center;display:grid}.pg-btn:hover{background:var(--neutral-50);color:var(--text-primary)}.pg-btn[disabled]{opacity:.5;cursor:not-allowed}.pg-btn svg{width:12px;height:12px}.pg-num{min-width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:0 8px;font-family:inherit;font-size:12.5px;font-weight:600;display:grid}.pg-num.active{background:var(--blue-50);color:var(--blue-700)}.pg-ellipsis{cursor:default}.pg-btn,.pg-num{transition:background-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard)}.pg-btn:active:not([disabled]),.pg-num:active:not(.pg-ellipsis){transform:scale(.98)}
ar-carousel{display:block;position:relative}ar-carousel .carousel-track{scrollbar-width:none;padding:4px}ar-carousel .carousel-track::-webkit-scrollbar{display:none}ar-carousel .carousel-nav{border:1px solid var(--border-default);background:var(--surface-raised,#fff);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;box-shadow:var(--shadow-sm,0 1px 2px #121d3614);transition:background-color var(--dur-fast,.12s) var(--ease-standard,ease), color var(--dur-fast,.12s) var(--ease-standard,ease), box-shadow var(--dur-fast,.12s) var(--ease-standard,ease), opacity var(--dur-fast,.12s) var(--ease-standard,ease);z-index:1;border-radius:50%;place-items:center;padding:0;font-family:inherit;font-size:20px;line-height:1;display:grid;position:absolute;top:50%;transform:translateY(-50%)}ar-carousel .carousel-nav.prev{left:-8px}ar-carousel .carousel-nav.next{right:-8px}ar-carousel .carousel-nav:hover:not([disabled]){background:var(--neutral-50,#f5f7fa);color:var(--text-primary,#121d36);box-shadow:var(--shadow-md,0 4px 12px #121d361a)}ar-carousel .carousel-nav:focus-visible{outline:2px solid var(--primary-500,#037cd2);outline-offset:2px}ar-carousel .carousel-nav[disabled]{opacity:0;pointer-events:none}
.wallet-pill{background:var(--neutral-900);color:#fff;cursor:pointer;border:0;border-radius:999px;align-items:center;gap:10px;height:36px;padding:0 4px 0 14px;font-size:13px;font-weight:500;display:inline-flex}.wallet-pill .w-ico{color:#fff;opacity:.8;width:14px;height:14px}.wallet-pill .w-amount{background:var(--warning-500,#ffd84d);color:var(--neutral-900);border-radius:999px;padding:6px 12px;font-size:13px;font-weight:700}.wallet-pill{transition:background-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard)}.wallet-pill:active{transform:scale(.98)}
.hdr-icon{width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;display:grid;position:relative}.hdr-icon:hover{background:var(--neutral-100);color:var(--text-primary)}.hdr-icon svg{width:18px;height:18px}.hdr-icon-badge .badge{background:var(--danger-500);color:#fff;min-width:16px;height:16px;font-size:10px;font-weight:700;font-family:var(--font-mono);border:1.5px solid #fff;border-radius:999px;place-items:center;padding:0 4px;display:grid;position:absolute;top:4px;right:4px}.hdr-icon{transition:background-color var(--dur-fast) var(--ease-standard), color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard)}
ar-data-table{width:100%;font-family:var(--font-sans);background:var(--surface-raised,#fff);border:1px solid var(--border-subtle);border-radius:var(--radius-md);display:block;overflow:hidden}ar-tbl-toolbar,.tbl-toolbar{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}ar-tbl-toolbar{box-sizing:border-box;width:100%}.tbl-toolbar-left{align-items:center;gap:12px;display:flex}.tbl-toolbar-right{align-items:center;gap:10px;display:flex}.tbl-title{color:var(--text-primary);font-size:15px;font-weight:600}ar-data-table .tbl-wrap,.tbl-wrap{width:100%;overflow-x:auto}ar-data-table .tbl tbody tr{transition:background-color var(--dur-fast) var(--ease-standard)}ar-data-table .tbl tbody tr:hover{background:var(--neutral-25)}.tbl thead th[data-tbl-sort]{cursor:pointer;-webkit-user-select:none;user-select:none}.tbl thead th[data-tbl-sort] [data-tbl-sort-icon]{vertical-align:-1px;opacity:.4;width:11px;height:11px;transition:transform .12s,opacity .12s,color .12s}.tbl thead th[data-tbl-sort][data-tbl-sort-active] [data-tbl-sort-icon]{opacity:1;color:var(--blue-500)}.tbl thead th[data-tbl-sort][data-tbl-sort-active][data-tbl-sort-dir=asc] [data-tbl-sort-icon]{transform:rotate(180deg)}ar-data-table .tbl-footer,.tbl-footer{border-top:1px solid var(--border-subtle);background:var(--neutral-25);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.tbl-footer-left{color:var(--text-tertiary);align-items:center;gap:10px;font-size:12.5px;display:flex}.tbl-footer-left b{color:var(--text-primary);font-weight:600}.tbl-footer-left .sep-dot{background:var(--neutral-300);border-radius:999px;width:3px;height:3px}.tbl-footer-right{align-items:center;gap:4px;display:flex}.tbl-footer .pg-btn,ar-data-table .pg-btn{border:1px solid var(--border-default);cursor:pointer;width:28px;height:28px;color:var(--text-secondary);background:#fff;border-radius:6px;place-items:center;display:grid}.tbl-footer .pg-btn:hover,ar-data-table .pg-btn:hover{background:var(--neutral-50);color:var(--text-primary)}.tbl-footer .pg-btn svg,ar-data-table .pg-btn svg{width:12px;height:12px}.tbl-footer .pg-num,ar-data-table .pg-num{min-width:28px;height:28px;color:var(--text-secondary);cursor:pointer;border-radius:6px;place-items:center;padding:0 8px;font-size:12.5px;font-weight:600;display:grid}.tbl-footer .pg-num.active,ar-data-table .pg-num.active{background:var(--blue-50);color:var(--blue-700)}ar-data-table[empty] [data-ar-dt-body],ar-data-table:not([empty]) [data-ar-dt-empty]{display:none}ar-tbl-row-menu{display:inline-block;position:relative}ar-tbl-row-menu .tbl-row-menu-trigger{cursor:pointer;width:28px;height:28px;color:var(--text-tertiary);opacity:1;background:0 0;border:0;border-radius:6px;place-items:center;transition:opacity .12s,background .12s,color .12s;display:inline-grid}.tbl tbody tr ar-tbl-row-menu .tbl-row-menu-trigger{opacity:0}.tbl tbody tr:hover ar-tbl-row-menu .tbl-row-menu-trigger,ar-tbl-row-menu[open] .tbl-row-menu-trigger,ar-tbl-row-menu:focus-within .tbl-row-menu-trigger{opacity:1}ar-tbl-row-menu .tbl-row-menu-trigger:hover{background:var(--neutral-50);color:var(--text-primary)}ar-tbl-row-menu .tbl-row-menu-trigger svg{width:14px;height:14px}ar-tbl-row-menu .tbl-row-menu{z-index:20;border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:200px;box-shadow:var(--shadow-lg);background:#fff;padding:6px;display:none;position:absolute;top:calc(100% - 4px);right:8px}ar-tbl-row-menu[open] .tbl-row-menu{display:block}
ar-tabbed-modal{font-family:var(--font-sans)}ar-tabbed-modal:not([open]){display:none}ar-tabbed-modal[open]{display:block}ar-tabbed-modal .tabbed-modal{z-index:100;background:var(--neutral-25);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}ar-tabbed-modal .tabbed-modal-head{border-bottom:1px solid var(--border-subtle);background:#fff;flex-shrink:0;align-items:center;gap:14px;padding:14px 24px;display:flex}ar-tabbed-modal .tabbed-modal-back{flex-shrink:0}ar-tabbed-modal .tabbed-modal-title{color:var(--neutral-900);text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-size:15px;font-weight:600;overflow:hidden}ar-tabbed-modal .tabbed-modal-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}ar-tabbed-modal .tabbed-modal-active-label{color:var(--text-secondary);font-size:13px}ar-tabbed-modal .tabbed-modal-tabs{border-bottom:1px solid var(--border-subtle);background:#fff;flex-shrink:0;padding:0 24px}ar-tabbed-modal .tabbed-modal-tabs ar-tabs{border-bottom:0}ar-tabbed-modal .tabbed-modal-body{flex:auto;justify-content:center;padding:40px 24px 64px;display:flex;overflow-y:auto}ar-tabbed-modal .tabbed-modal-form{flex-direction:column;gap:20px;width:100%;max-width:520px;display:flex}
ar-simple-input-modal .ar-simple-input-modal__title-wrap,ar-multi-input-modal .ar-multi-input-modal__title-wrap{flex-direction:column;gap:4px;min-width:0;display:flex}ar-simple-input-modal .ar-simple-input-modal__title-wrap .t,ar-multi-input-modal .ar-multi-input-modal__title-wrap .t{color:var(--text-primary);font-weight:600;line-height:1.3}ar-simple-input-modal .ar-simple-input-modal__desc,ar-multi-input-modal .ar-multi-input-modal__desc{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.45}ar-simple-input-modal ar-modal .modal{width:440px}ar-simple-input-modal ar-modal .modal .hd{align-items:flex-start;padding:20px 24px 12px}ar-simple-input-modal .ar-simple-input-modal__title-wrap .t{font-size:17px}ar-simple-input-modal ar-modal .modal .bd{padding:8px 24px 20px}ar-simple-input-modal ar-modal .modal .ft{border-top:1px solid var(--border-subtle);background:var(--neutral-25);padding:14px 24px 20px}ar-multi-input-modal ar-modal .modal{width:520px;position:relative;overflow:hidden}ar-multi-input-modal ar-modal .modal .hd{border-bottom:1px solid var(--border-subtle);align-items:flex-start;padding:20px 24px 16px}ar-multi-input-modal .ar-multi-input-modal__title-wrap .t{font-size:18px}ar-multi-input-modal ar-modal .modal .bd{flex-direction:column;gap:16px;padding:20px 24px;display:flex}ar-multi-input-modal ar-modal .modal .ft{border-top:1px solid var(--border-subtle);background:var(--neutral-25);padding:16px 24px}ar-multi-input-modal[submitting] ar-modal .modal .bd{opacity:.6;pointer-events:none}ar-multi-input-modal[submitting] ar-modal .modal .bd :where(input,textarea,select,button):not([data-keep-enabled]){pointer-events:none}ar-multi-input-modal .ar-multi-input-modal__progress{pointer-events:none;background:#037cd22e;background:lab(49.9495% -3.77417 -53.2292/.18);height:4px;display:none;position:absolute;bottom:0;left:0;right:0;overflow:hidden}ar-multi-input-modal[submitting] .ar-multi-input-modal__progress{display:block}ar-multi-input-modal .ar-multi-input-modal__progress-bar{width:40%;animation:ds-indeterminate 1.4s var(--ease-standard) infinite;background:linear-gradient(90deg,#2badd4,#037cd2);border-radius:2px;position:absolute;inset:0}
.ar-crop-modal{display:contents}.ar-crop-modal__modal .modal{width:720px;max-width:100%}.ar-crop-modal .ar-crop-modal__heading .ar-crop-modal__title{color:var(--text-primary);font-size:17px;font-weight:600}.ar-crop-modal .ar-crop-modal__subtitle{color:var(--text-secondary);margin:4px 0 0;font-size:13px;font-weight:400}.ar-crop-modal__body{grid-gap:24px;grid-template-columns:1fr 180px;gap:24px;display:grid}.ar-crop-modal__left{min-width:0}.ar-crop-modal .crop-stage{aspect-ratio:4/3;background:#1a2440;border-radius:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a}.ar-crop-modal .crop-bg{background-image:linear-gradient(45deg,#ffffff0a 25%,#0000 25%),linear-gradient(-45deg,#ffffff0a 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff0a 75%),linear-gradient(-45deg,#0000 75%,#ffffff0a 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;position:absolute;inset:0}.ar-crop-modal .crop-image{place-items:center;display:grid;position:absolute;inset:0}.ar-crop-modal .ar-crop-modal__img{transform-origin:50%;max-width:80%;max-height:80%;transition:transform .12s ease-out;display:block}.ar-crop-modal .ar-crop-modal__placeholder{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#fff9;font-size:12px}.ar-crop-modal .crop-mask{pointer-events:none;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0a101eb8;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 118px,#000 120px);mask:radial-gradient(circle,#0000 118px,#000 120px)}.ar-crop-modal .crop-mask[data-shape=square]{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;-webkit-mask:none;mask:none}.ar-crop-modal .crop-mask[data-shape=square]:before{content:"";-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 0,calc(50% - 120px) calc(50% - 120px),calc(50% - 120px) calc(50% + 120px),calc(50% + 120px) calc(50% + 120px),calc(50% + 120px) calc(50% - 120px),calc(50% - 120px) calc(50% - 120px));background:#0a101eb8;position:absolute;inset:0}.ar-crop-modal .crop-guides{pointer-events:none;position:absolute;inset:0}.ar-crop-modal .crop-guides:before{content:"";border:1.5px solid #2badd4e6;border-radius:999px;width:240px;height:240px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #fff3}.ar-crop-modal .crop-guides[data-shape=square]:before{border-radius:4px}.ar-crop-modal .crop-guides:after{content:"";background:linear-gradient(90deg,#0000 33%,#ffffff26 33% calc(33% + 1px),#0000 calc(33% + 1px) 66%,#ffffff26 66% calc(66% + 1px),#0000 calc(66% + 1px)),linear-gradient(#0000 33%,#ffffff26 33% calc(33% + 1px),#0000 calc(33% + 1px) 66%,#ffffff26 66% calc(66% + 1px),#0000 calc(66% + 1px));border-radius:999px;width:240px;height:240px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-mask:radial-gradient(circle,#000 0 119px,#0000 120px);mask:radial-gradient(circle,#000 0 119px,#0000 120px)}.ar-crop-modal .crop-guides[data-shape=square]:after{border-radius:4px;width:238px;height:238px;-webkit-mask:none;mask:none}.ar-crop-modal__zoom{align-items:center;gap:14px;margin-top:16px;display:flex}.ar-crop-modal__slider{flex:1;height:4px;position:relative}.ar-crop-modal__slider-input{opacity:0;cursor:pointer;width:100%;height:20px;margin:0;position:absolute;inset:-8px 0}.ar-crop-modal__rotate svg{margin-right:4px}.ar-crop-modal__shape{gap:8px;margin-top:14px;display:flex}.ar-crop-modal__preview{flex-direction:column;gap:16px;display:flex}.ar-crop-modal__preview-label{font-size:11px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}.ar-crop-modal__preview-item{flex-direction:column;align-items:center;gap:6px;display:flex}.ar-crop-modal__preview-size{color:var(--text-tertiary);font-size:11px}.ar-crop-modal .prev-dot{background:linear-gradient(135deg,#2badd4,#037cd2);border-radius:999px;display:block;position:relative;overflow:hidden;box-shadow:0 2px 8px #037cd240}.ar-crop-modal .prev-dot[data-shape=square]{border-radius:6px}.ar-crop-modal .prev-dot:after{content:"P";font-family:var(--font-sans);color:#fff;letter-spacing:-.05em;place-items:center;font-weight:800;display:grid;position:absolute;inset:0}.ar-crop-modal .prev-dot.lg{width:80px;height:80px}.ar-crop-modal .prev-dot.lg:after{font-size:44px}.ar-crop-modal .prev-dot.md{width:48px;height:48px}.ar-crop-modal .prev-dot.md:after{font-size:26px}.ar-crop-modal .prev-dot.sm{width:24px;height:24px}.ar-crop-modal .prev-dot.sm:after{font-size:14px}.ar-crop-modal__footer{justify-content:space-between;align-items:center;width:100%;display:flex}.ar-crop-modal__footer-actions{gap:8px;display:flex}.ar-crop-modal__upload-different{color:var(--text-secondary);align-items:center;gap:4px;display:inline-flex}
ar-signature-pad{--ar-signature-pad-ink:var(--neutral-900);font-family:var(--font-sans);display:block}ar-signature-pad .ar-signature-pad{gap:var(--space-1);flex-direction:column;display:flex}ar-signature-pad .surface{border:1.5px dashed var(--border-default);border-radius:var(--radius-md);background:var(--neutral-25);transition:border-color var(--dur-fast) var(--ease-standard), background var(--dur-fast) var(--ease-standard);position:relative;overflow:hidden}ar-signature-pad .surface:hover{border-color:var(--border-strong)}ar-signature-pad canvas{cursor:crosshair;touch-action:none;width:100%;height:160px;display:block}ar-signature-pad .placeholder{pointer-events:none;font-size:var(--fs-sm);color:var(--text-tertiary);place-items:center;display:grid;position:absolute;inset:0}ar-signature-pad .actions{justify-content:flex-end;display:flex}ar-signature-pad .clear{cursor:pointer;font-family:inherit;font-size:var(--fs-xs);color:var(--blue-500);border-radius:var(--radius-xs);transition:color var(--dur-fast) var(--ease-standard);background:0 0;border:0;padding:2px 4px;font-weight:600}ar-signature-pad .clear:hover:not(:disabled){color:var(--blue-600)}ar-signature-pad .clear:focus-visible{box-shadow:var(--shadow-focus);outline:none}ar-signature-pad .clear:disabled{color:var(--text-disabled);cursor:not-allowed}ar-signature-pad[disabled] .surface{opacity:.6;pointer-events:none}ar-signature-pad[disabled] canvas{cursor:not-allowed}
ar-pill,.pill{padding:5px var(--space-4);border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--fs-xs);font-weight:500;line-height:var(--lh-xs);border:1px solid var(--border-subtle);align-items:center;display:inline-flex}ar-pill.pill-info{background:var(--info-50);color:var(--info-700);border-color:#0000}ar-pill.pill-success{background:var(--success-50);color:var(--success-700);border-color:#0000}ar-pill.pill-warning{background:var(--warning-50);color:var(--warning-700);border-color:#0000}ar-pill.pill-danger{background:var(--danger-50);color:var(--danger-700);border-color:#0000}
ar-note-editor{font-family:var(--font-sans);display:block}ar-note-editor[disabled],ar-note-editor[busy]{opacity:.6;pointer-events:none}.cc-appt-note-editor{gap:var(--space-2);padding:var(--space-3);background:var(--surface-raised);border:1px solid var(--blue-300);border-radius:var(--radius-md);box-shadow:var(--shadow-focus);transition:border-color var(--dur-fast) var(--ease-standard), box-shadow var(--dur-fast) var(--ease-standard);flex-direction:column;display:flex}.cc-appt-note-editor:focus-within{border-color:var(--blue-500)}.cc-appt-note-editor textarea{width:100%;min-height:56px;padding:var(--space-1) var(--space-2);resize:vertical;font-family:var(--font-sans);font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--text-primary);background:0 0;border:0;outline:0}.cc-appt-note-editor textarea::placeholder{color:var(--text-tertiary)}.cc-appt-note-editor-actions{justify-content:flex-end;gap:var(--space-2);display:flex}
ar-meta-grid{--ar-meta-grid-cols:4;grid-template-columns:repeat(var(--ar-meta-grid-cols), minmax(0, 1fr));grid-gap:var(--space-4);gap:var(--space-4);font-family:var(--font-sans);display:grid}@media (max-width:600px){ar-meta-grid{grid-template-columns:1fr}}
ar-meta-cell{padding:var(--space-3) var(--space-4);border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-raised);font-family:var(--font-sans);display:block}ar-meta-cell .k{font-size:var(--fs-xs);font-family:var(--font-mono);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}ar-meta-cell .v{font-size:var(--fs-base);line-height:var(--lh-base);color:var(--text-primary);margin-top:var(--space-1);font-weight:500}
ar-activity-row{grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);font-family:var(--font-sans);font-size:var(--fs-sm);line-height:var(--lh-sm);color:var(--text-primary);grid-template-columns:28px 1fr auto;display:grid}ar-activity-row:last-of-type{border-bottom:0}ar-activity-row .dot-wrap{border-radius:var(--radius-pill);flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}ar-activity-row .dot-wrap[data-tone=info]{background:var(--info-50);color:var(--info-700)}ar-activity-row .dot-wrap[data-tone=success]{background:var(--success-50);color:var(--success-700)}ar-activity-row .dot-wrap[data-tone=warning]{background:var(--warning-50);color:var(--warning-700)}ar-activity-row .dot-wrap[data-tone=danger]{background:var(--danger-50);color:var(--danger-700)}ar-activity-row .dot-wrap[data-tone=neutral]{background:var(--surface-sunken);color:var(--text-secondary)}ar-activity-row .dot-wrap svg{width:14px;height:14px}ar-activity-row .ts{font-size:var(--fs-xs);color:var(--text-tertiary);white-space:nowrap;align-self:center}
ar-panel{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);font-family:var(--font-sans);display:block;overflow:hidden}ar-panel .panel-hd{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);align-items:center;gap:var(--space-2);display:flex}ar-panel .panel-hd .t{font-weight:600;font-size:var(--fs-base);line-height:var(--lh-base);color:var(--text-primary);flex:1;min-width:0}ar-panel .panel-hd .actions{gap:var(--space-1);margin-left:auto;display:flex}ar-panel .panel-bd{padding:var(--space-4)}

