:root{--ink:oklch(0.22 0.012 60);--ink-2:oklch(0.42 0.012 60);--ink-3:oklch(0.62 0.010 60);--ink-4:oklch(0.78 0.008 65);--paper:oklch(0.985 0.005 75);--paper-2:oklch(0.955 0.008 70);--paper-3:oklch(0.925 0.010 65);--line:oklch(0.88 0.010 70);--line-2:oklch(0.94 0.008 70);--accent:oklch(0.55 0.115 40);--accent-deep:oklch(0.42 0.10 38);--accent-soft:oklch(0.94 0.035 50);--accent-ink:oklch(0.32 0.10 38);--ok:oklch(0.55 0.085 150);--ok-soft:oklch(0.94 0.04 150);--warn:oklch(0.68 0.125 75);--warn-soft:oklch(0.95 0.06 80);--danger:oklch(0.55 0.16 25);--danger-soft:oklch(0.94 0.05 25);--info:oklch(0.55 0.07 230);--info-soft:oklch(0.94 0.03 230);--font-ui:"IBM Plex Sans Thai","IBM Plex Sans",system-ui,sans-serif;--font-display:"Newsreader","IBM Plex Serif",Georgia,serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px}*{box-sizing:border-box}body,html{margin:0;padding:0;font-family:var(--font-ui);color:var(--ink)}body{background:#f0eee9}.h-card{background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md)}.h-mono{font-family:var(--font-mono);font-feature-settings:"tnum"}.h-serif{font-family:var(--font-display);font-weight:500;letter-spacing:-.01em}.h-eyebrow{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.h-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 14px;height:36px;border-radius:8px;font-size:13px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-family:var(--font-ui);cursor:pointer;transition:background .12s,border-color .12s}.h-btn:hover{background:var(--paper-2);border-color:var(--ink-4)}.h-btn--accent{background:var(--accent);color:#fff;border-color:var(--accent)}.h-btn--accent:hover{background:var(--accent-deep);border-color:var(--accent-deep)}.h-btn--primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.h-btn--primary:hover{background:oklch(.18 .012 60)}.h-pill{display:inline-flex;align-items:center;gap:6px;padding:0 10px;height:22px;border-radius:999px;font-size:11px;font-weight:500;background:var(--paper-2);color:var(--ink-2);border:1px solid var(--line)}.h-pill .dot{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.7}.h-pill--ok{background:var(--ok-soft);color:var(--ok);border-color:transparent}.h-pill--warn{background:var(--warn-soft);color:oklch(.45 .12 75);border-color:transparent}.h-pill--danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.h-pill--info{background:var(--info-soft);color:var(--info);border-color:transparent}.h-pill--accent{background:var(--accent-soft);color:var(--accent-ink);border-color:transparent}.h-pill--dark{background:var(--ink);color:var(--paper);border-color:transparent}input,select,textarea{font-family:inherit;font-size:13px;color:var(--ink);border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:9px 12px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}a{color:inherit;text-decoration:none}.login-page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:40px 24px}.login-card{width:100%;max-width:420px;padding:32px}.login-skeleton{height:40px;margin-top:12px;border-radius:8px;background:linear-gradient(90deg,var(--paper-2) 25%,var(--paper-3) 50%,var(--paper-2) 75%);background-size:200% 100%;animation:login-loading 1.2s ease-in-out infinite}.login-skeleton--title{width:62%;height:34px;margin:8px 0 24px}.login-skeleton--button{margin-top:16px}@keyframes login-loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:520px){.login-page{padding:20px 14px;align-items:stretch}.login-card{max-width:none;min-height:calc(100dvh - 40px);padding:28px 22px;display:flex;flex-direction:column;justify-content:center}}.h-link:hover{color:var(--accent)}.h-card-hover{transition:background .12s,border-color .12s,transform .12s}.h-card-hover:hover{background:var(--paper-2);border-color:var(--ink-4)}.h-card-hover:active{transform:scale(.995)}.only-mobile{display:none}.only-desktop{display:initial}@media (max-width:768px){.only-mobile{display:initial}.only-desktop{display:none}}.app-shell{min-height:100vh;background:#f7f5f0;display:flex;flex-direction:column;position:relative}.app-container{width:100%;max-width:1100px;margin:0 auto;padding:0 18px;box-sizing:border-box}.app-bottom-nav{display:flex}.app-top-nav{display:none}@media (min-width:769px){.app-shell{padding-bottom:0}.app-bottom-nav{display:none!important}.app-top-nav{display:flex}.app-container{padding:0 32px}}.staff-shell{display:flex;height:100vh;background:#f0eee9;overflow:hidden}.staff-sidebar{width:220px;background:oklch(.22 .012 60);color:oklch(.85 .012 60);display:flex;flex-direction:column;padding:20px 14px;flex-shrink:0;transition:transform .25s cubic-bezier(.2,.7,.3,1)}.staff-main{flex:1 1;overflow:auto;display:flex;flex-direction:column;min-width:0}.staff-mobile-bar{display:none}@media (max-width:900px){.staff-mobile-bar{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 16px;background:oklch(.22 .012 60);color:#fff;flex-shrink:0}.staff-shell{flex-direction:column}.staff-sidebar{position:fixed;top:52px;left:0;bottom:0;z-index:100;transform:translateX(-100%);box-shadow:4px 0 20px rgba(0,0,0,.2)}.staff-sidebar.open{transform:translateX(0)}.staff-backdrop{position:fixed;inset:52px 0 0 0;background:rgba(0,0,0,.4);z-index:99;opacity:0;pointer-events:none;transition:opacity .2s}.staff-backdrop.open{opacity:1;pointer-events:auto}}.staff-table{width:100%}@media (max-width:768px){.staff-table--mobile-cards{display:grid;grid-gap:10px;gap:10px;padding:14px}.staff-table--mobile-cards>.staff-table-head{display:none}.staff-table--mobile-cards>.staff-table-row{grid-template-columns:1fr!important;padding:14px!important;gap:8px!important;border:1px solid var(--line)!important;border-radius:10px;background:var(--paper)}.staff-table--mobile-cards>.staff-table-row>*{display:flex;justify-content:space-between;border-top:1px solid var(--line-2);padding-top:6px}.staff-table--mobile-cards>.staff-table-row>:first-child{border-top:none;padding-top:0}.staff-table--mobile-cards>.staff-table-row>:before{content:attr(data-label);font-size:10px;color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-mono);margin-right:12px}.w-topbar{flex-direction:column!important;align-items:flex-start!important;gap:10px}.w-topbar-actions{width:100%;flex-wrap:wrap}.booking-detail-2col,.staff-2col,.staff-kanban{grid-template-columns:1fr!important}}@media print{body{background:#fff!important}.no-print{display:none!important}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}[role=button],a,button{-webkit-tap-highlight-color:transparent}