@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";.booking-table-wrap{width:100%;overflow-x:auto}.booking-table{width:100%;min-width:1040px;border-collapse:collapse;font-size:var(--text-sm)}.booking-table--compact{min-width:760px}.booking-table th{padding:11px 10px;color:var(--text-muted);font-size:var(--text-xs);font-weight:600;text-align:left;white-space:nowrap}.booking-table td{padding:14px 10px;border-top:1px solid var(--border);vertical-align:middle}.booking-table tbody tr{cursor:pointer;transition:background var(--dur-fast) var(--ease-out)}.booking-table tbody tr:hover,.booking-table tbody tr:focus-visible{background:var(--brand-tint);outline:none}.booking-table tbody tr:focus-visible{box-shadow:inset 0 0 0 2px var(--brand)}.booking-primary{display:block;color:var(--text-body);font-weight:600;line-height:1.35}.booking-secondary{display:block;margin-top:3px;color:var(--text-muted);font-size:var(--text-xs);line-height:1.4}.booking-number,.booking-money{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.booking-staff{display:flex;align-items:center;gap:9px;min-width:132px}.booking-avatar{width:30px;height:30px;flex:0 0 30px;display:grid;place-items:center;overflow:hidden;border-radius:50%;background:var(--brand-tint);color:var(--text-brand);font-size:11px;font-weight:700}.booking-avatar img{width:100%;height:100%;object-fit:cover}.booking-empty,.booking-loading,.booking-error{display:grid;place-items:center;gap:10px;min-height:260px;padding:40px 20px;color:var(--text-muted);text-align:center}.booking-empty strong,.booking-error strong{color:var(--text-body);font-size:var(--text-md)}.booking-drawer-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;justify-content:flex-end}.booking-drawer-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:0;background:#0e1b1473;cursor:default;animation:booking-fade-in var(--dur-med) var(--ease-out)}.booking-drawer{position:relative;width:min(480px,100vw);height:100%;overflow-y:auto;background:var(--surface);box-shadow:var(--shadow-lg);animation:booking-drawer-in var(--dur-med) var(--ease-out)}.booking-drawer__header{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;gap:16px;padding:22px 24px 18px;border-bottom:1px solid var(--border);background:var(--surface)}.booking-drawer__body{display:flex;flex-direction:column;gap:20px;padding:24px}.booking-detail-section{padding-bottom:20px;border-bottom:1px solid var(--border)}.booking-detail-section:last-child{padding-bottom:0;border-bottom:0}.booking-detail-title{margin:0 0 12px;color:var(--text-muted);font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-caps);text-transform:uppercase}.booking-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.booking-detail-label{display:block;margin-bottom:3px;color:var(--text-muted);font-size:var(--text-xs)}.booking-detail-value{color:var(--text-body);font-size:var(--text-sm);font-weight:500}.booking-contact-line{display:flex;align-items:center;gap:9px;min-height:30px;color:var(--text-body);font-size:var(--text-sm)}.booking-contact-line svg{color:var(--text-muted)}.booking-price-row{display:flex;justify-content:space-between;gap:20px;padding:7px 0;font-size:var(--text-sm)}.booking-price-row--total{margin-top:7px;padding-top:14px;border-top:1px solid var(--border);font-weight:700}.booking-notes{margin:12px 0 0;padding:12px 14px;border-radius:var(--radius-md);background:var(--surface-sunken);color:var(--text-muted);font-size:var(--text-sm);white-space:pre-wrap}@keyframes booking-fade-in{0%{opacity:0}to{opacity:1}}@keyframes booking-drawer-in{0%{transform:translate(24px);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 900px){.booking-drawer{width:100vw}}@media (prefers-reduced-motion: reduce){.booking-drawer,.booking-drawer-backdrop{animation:none}}:root{--green-900:#0B3D20;--green-700:#155D2E;--green-600:#1F7A3F;--green-100:#E8F2EB;--green-50:#F4F7F4;--gold-600:#A9781F;--gold-500:#C8932F;--gold-100:#F6EDD9;--white:#FFFFFF;--ink-900:#0E1B14;--ink-500:#5A6660;--line-200:#E1E7E3;--red-600:#B3352B;--red-100:#F9E9E7;--amber-600:#9A6B14;--amber-100:#FAF1DC;--blue-600:#2563AB;--blue-100:#E7EFF9;--brand:var(--green-600);--brand-hover:var(--green-700);--brand-dark:var(--green-900);--brand-tint:var(--green-100);--accent:var(--gold-500);--accent-strong:var(--gold-600);--accent-tint:var(--gold-100);--surface:var(--white);--bg:var(--green-50);--surface-sunken:var(--green-50);--text-body:var(--ink-900);--text-muted:var(--ink-500);--text-on-brand:#FFFFFF;--text-brand:var(--green-700);--border:var(--line-200);--border-strong:#C9D3CC;--success:var(--green-600);--success-tint:var(--green-100);--danger:var(--red-600);--danger-tint:var(--red-100);--warning:var(--amber-600);--warning-tint:var(--amber-100);--info:var(--blue-600);--info-tint:var(--blue-100);--focus-ring:0 0 0 3px rgba(31,122,63,.28)}:root{--font-sans:"IBM Plex Sans Thai",-apple-system,"Segoe UI",sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,monospace;--text-display:2.75rem;--text-h1:2rem;--text-h2:1.5rem;--text-h3:1.25rem;--text-lg:1.125rem;--text-md:1rem;--text-sm:.875rem;--text-xs:.75rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.2;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-caps:.06em}body{font-family:var(--font-sans);color:var(--text-body);line-height:var(--leading-normal)}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-pill:999px;--shadow-sm:0 1px 2px rgba(14,27,20,.06);--shadow-md:0 2px 8px rgba(14,27,20,.08);--shadow-lg:0 8px 24px rgba(14,27,20,.12);--ease-out:cubic-bezier(.2,.7,.3,1);--dur-fast:.12s;--dur-med:.2s;--container:1120px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--text-body);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit}img{display:block}@keyframes app-spin{to{transform:rotate(360deg)}}.widget-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px}.widget-left-column{min-width:0;display:flex;flex-direction:column;gap:24px}.widget-card-copy{margin:0 0 20px;color:var(--text-muted);font-size:14px;line-height:1.65}.widget-card-copy--compact{margin-bottom:16px}.widget-channel-label,.widget-code-label,.widget-behavior-title{margin-bottom:8px;color:var(--text-body);font-size:12px;font-weight:600;letter-spacing:.02em}.widget-platforms{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.widget-platform{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:4px 10px;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--text-body);font-size:12px;font-weight:500}.widget-platform svg{color:var(--text-brand)}.widget-value-box,.widget-paste-note,.widget-setup-required{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-sunken)}.widget-value-box svg,.widget-paste-note svg,.widget-setup-required svg{flex:none;margin-top:2px;color:var(--text-brand)}.widget-value-box code{min-width:0;color:var(--text-body);font-family:var(--font-mono);font-size:13px;line-height:1.5;overflow-wrap:anywhere}.widget-paste-note{margin-bottom:16px;color:var(--text-muted);font-size:13px;line-height:1.5}.widget-code-box{margin:0;padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--brand-dark);color:#fff;font-family:var(--font-mono);font-size:12px;line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.widget-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.widget-preview-link{display:inline-flex;align-items:center;gap:6px;color:var(--text-brand);font-size:13px;font-weight:600}.widget-preview-link:hover{text-decoration:underline;text-underline-offset:3px}.widget-preview-link:focus-visible{border-radius:var(--radius-sm);outline:none;box-shadow:var(--focus-ring)}.widget-behavior{display:flex;flex-direction:column;gap:9px;margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}.widget-behavior-title{margin-bottom:1px}.widget-behavior-item{display:flex;align-items:center;gap:9px;color:var(--text-muted);font-size:13px}.widget-behavior-item svg{flex:none;color:var(--text-brand)}.widget-fallback-note{margin:18px 0 0;padding:10px 12px;border-left:3px solid var(--accent);background:var(--accent-tint);color:var(--text-body);font-size:12px;line-height:1.55}.widget-locked-link{display:flex;flex-direction:column;gap:14px}.widget-locked-link__status,.widget-support-note{display:flex;align-items:flex-start;gap:9px;color:var(--text-muted);font-size:13px;line-height:1.55}.widget-locked-link__status svg,.widget-support-note svg{flex:none;margin-top:1px;color:var(--text-brand)}.widget-support-note{padding:11px 12px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-sunken)}.widget-support-note a{color:var(--text-brand);font-weight:600;text-decoration:underline;text-underline-offset:3px}.widget-support-note a:focus-visible{border-radius:2px;outline:none;box-shadow:var(--focus-ring)}.widget-setup-required{color:var(--text-muted);font-size:13px;line-height:1.55}@media (max-width: 900px){.widget-channel-grid{grid-template-columns:1fr}}.staff-invite-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:var(--surface-sunken);font-family:var(--font-sans)}.staff-invite-card{width:min(100%,460px);padding:32px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.staff-invite-mark{width:42px;height:42px;display:grid;place-items:center;color:var(--text-brand);background:var(--brand-tint);border-radius:50%;margin-bottom:24px}.staff-invite-shop{display:flex;align-items:center;gap:12px;padding-bottom:20px;margin-bottom:22px;border-bottom:1px solid var(--border)}.staff-invite-shop>div:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}.staff-invite-shop span{color:var(--text-muted);font-size:12px}.staff-invite-shop strong{color:var(--text-body);font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.staff-invite-avatar{width:42px;height:42px;flex:none;display:grid;place-items:center;overflow:hidden;border-radius:50%;color:var(--text-brand);background:var(--brand-tint);font-weight:700}.staff-invite-avatar img{width:100%;height:100%;object-fit:cover}.staff-invite-card h1{margin:0 0 10px;color:var(--text-body);font-size:25px;line-height:1.25}.staff-invite-card p{margin:0 0 22px;color:var(--text-muted);font-size:14px;line-height:1.65}.staff-invite-person,.staff-invite-unavailable{display:flex;align-items:center;gap:9px;padding:12px 14px;margin-bottom:18px;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-body);font-size:14px}.staff-invite-person svg{color:var(--text-brand)}.staff-invite-unavailable{color:var(--danger);background:var(--danger-tint);border-color:transparent}.staff-invite-line-button{width:100%;min-height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:#06c755;color:#fff;font-size:15px;font-weight:700}.staff-invite-line-button:hover{background:#05b84d}.staff-invite-line-button:focus-visible{outline:3px solid rgba(6,199,85,.25);outline-offset:3px}.staff-invite-login-link{width:100%;min-height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--text-brand);font-size:14px;font-weight:700}.staff-invite-expiry{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--text-muted);font-size:12px}.staff-invite-loading{color:var(--text-muted);font-size:14px;padding:22px 0}.staff-invite-dialog-grid{display:grid;grid-template-columns:148px minmax(0,1fr);gap:20px;align-items:center;padding:8px 0 4px}@media (max-width: 540px){.staff-invite-page{padding:0;background:var(--surface);align-items:stretch}.staff-invite-card{width:100%;min-height:100vh;border:0;border-radius:0;box-shadow:none;padding:28px 22px}.staff-invite-dialog-grid{grid-template-columns:1fr;justify-items:center}.staff-invite-dialog-grid>div{width:100%}}