:root{--ground:#F2F6F8;--surface:#FFFFFF;--surface-2:#EEF3F6;--ink:#0B1524;--ink-2:#64748B;--line:#DFE8EC;--accent:#7C3AED;--accent-soft:#F2EAFE;--teal:#0FA294;--teal-soft:#DDF3F0;--warn:#B45309;--warn-soft:#FdEeD3;--crit:#DC2626;--crit-soft:#FDE4E4;--ok:#0FA294;--shadow:0 1px 2px rgba(11,21,36,.05),0 4px 14px rgba(11,21,36,.04)}*{box-sizing:border-box}body{margin:0;background:var(--ground);color:var(--ink);font-family:Noto Sans Thai,Segoe UI,sans-serif;font-size:14.5px;-webkit-font-smoothing:antialiased}.shell{display:flex;min-height:100vh}.side{width:224px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--line);padding:1.1rem .8rem;display:flex;flex-direction:column;gap:.15rem}.logo{font-weight:700;font-size:1.12rem;color:var(--teal);margin:0 0 1.1rem;padding:0 .6rem;letter-spacing:-.01em}.logo small{display:block;color:var(--ink-2);font-weight:400;font-size:.68rem;margin-top:.1rem}.side a{display:block;padding:.55rem .85rem;border-radius:10px;color:var(--ink);text-decoration:none;font-weight:500;font-size:.92rem}.side a:hover{background:var(--surface-2)}.side a.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.maincol{flex:1 1;display:flex;flex-direction:column;min-width:0}.topbar{background:var(--surface);border-bottom:1px solid var(--line);padding:.6rem 1.6rem;display:flex;align-items:center;justify-content:space-between}.topbar .crumb{font-weight:700;font-size:.95rem}.topbar .crumb .muted{font-weight:400}.topbar .crumb small{display:block;font-weight:400;color:var(--ink-2);font-size:.72rem}.av{width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem}main.content{flex:1 1;padding:1.5rem 1.8rem;max-width:1240px;width:100%}h1{font-size:1.28rem;font-weight:700;margin:0 0 .15rem;letter-spacing:-.01em}.sub{color:var(--ink-2);margin:0 0 1.2rem;font-size:.86rem}h3{font-size:.98rem;font-weight:700}.card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:1.1rem 1.3rem;margin-bottom:1rem;box-shadow:var(--shadow)}.row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}input,select{border:1px solid var(--line);border-radius:10px;padding:.48rem .75rem;font:inherit;background:var(--surface);color:var(--ink)}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}button{border:none;border-radius:999px;padding:.5rem 1.1rem;font:inherit;font-weight:600;background:var(--accent);color:#fff;cursor:pointer;font-size:.88rem}button:hover{filter:brightness(1.07)}button:disabled{opacity:.45;cursor:default}button.ghost{background:var(--surface);color:var(--ink);border:1px solid var(--line)}button.ghost:hover{background:var(--surface-2)}button.teal{background:var(--teal)}button.sm{padding:.28rem .75rem;font-size:.78rem}table{border-collapse:collapse;width:100%;font-size:.88rem}th{text-align:left;color:var(--ink-2);font-size:.74rem;font-weight:600;padding:.45rem .6rem}td,th{border-bottom:1px solid var(--line)}td{padding:.55rem .6rem}tr:last-child td{border-bottom:none}.pill{display:inline-block;border-radius:999px;padding:.12rem .65rem;font-size:.72rem;font-weight:600}.pill.ok{background:var(--teal-soft);color:var(--teal)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.crit{background:var(--crit-soft);color:var(--crit)}.board{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:.8rem;gap:.8rem}.col{background:var(--surface-2);border-radius:14px;padding:.7rem;min-height:320px}.col h3{margin:.2rem .3rem .7rem;font-size:.88rem;display:flex;justify-content:space-between}.col h3 .n{color:var(--accent)}.vcard{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:.6rem .75rem;margin-bottom:.55rem;box-shadow:var(--shadow)}.vcard .name{font-weight:600}.vcard .hn{color:var(--ink-2);font-size:.76rem}.vcard .acts{margin-top:.45rem;display:flex;gap:.35rem}.muted{color:var(--ink-2)}.err{color:var(--crit);font-size:.85rem}.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:.55rem .7rem;gap:.55rem .7rem}.fgrid label{display:block;font-size:.72rem;color:var(--ink-2);margin-bottom:.18rem;font-weight:500}.fgrid input,.fgrid select{width:100%}.fsec{font-weight:700;font-size:.82rem;color:var(--accent);margin:1rem 0 .45rem;text-transform:none;letter-spacing:.01em}.chk{display:flex;align-items:flex-start;gap:.5rem;font-size:.84rem;margin-top:.8rem}.phead{gap:1rem;flex-wrap:wrap}.avatar,.phead{display:flex;align-items:center}.avatar{width:56px;height:56px;border-radius:50%;background:var(--accent-soft);color:var(--accent);justify-content:center;font-weight:700;font-size:1.2rem;flex-shrink:0}.statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:.7rem;gap:.7rem;margin:1rem 0}.stat{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:.75rem .95rem;box-shadow:var(--shadow)}.stat .v{font-size:1.35rem;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat .l{font-size:.73rem;color:var(--ink-2)}.tlwrap{overflow:auto;max-height:calc(100vh - 250px);max-height:calc(100dvh - 250px);border:1px solid var(--line);border-radius:12px;overscroll-behavior:contain}.tl{display:grid;position:relative;min-width:900px}.tl .thead{position:-webkit-sticky;position:sticky;top:0;z-index:3;background:var(--surface-2);font-size:.76rem;font-weight:600;padding:.35rem .4rem;border-bottom:1px solid var(--line);text-align:center}.tl .tcorner{left:0;z-index:4}.tl .tcell{min-height:40px}.tl .tcell,.tl .ttime{border-bottom:1px dashed var(--line);border-right:1px solid var(--line)}.tl .ttime{position:-webkit-sticky;position:sticky;left:0;z-index:2;font-size:.7rem;color:var(--ink-2);padding:.2rem .3rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.apt,.tl .ttime{background:var(--surface)}.apt{border-radius:10px;padding:.25rem .45rem;font-size:.73rem;margin:1px 2px;border:1px solid var(--line);z-index:1;box-shadow:var(--shadow)}.apt,.apt .nm{overflow:hidden}.apt .nm{font-weight:600;white-space:nowrap;text-overflow:ellipsis}.apt.CONFIRMED{background:var(--teal-soft);border-color:var(--teal)}.apt.PENDING{background:var(--warn-soft);border-color:var(--warn)}.apt.CHECKED_IN,.apt.DONE{background:var(--accent-soft);border-color:var(--accent)}.apt.CANCELLED,.apt.NO_SHOW,.apt.RESCHEDULED{background:var(--crit-soft);border-color:var(--crit);opacity:.6;text-decoration:line-through}.modalbg{position:fixed;inset:0;background:rgba(11,21,36,.5);z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:3vh 1rem}.modal{background:var(--surface);border-radius:16px;border:1px solid var(--line);width:560px;max-width:100%;max-height:92vh;overflow-y:auto;padding:1.15rem 1.35rem;box-shadow:0 20px 50px rgba(11,21,36,.18)}@media (max-width:860px){.shell{flex-direction:column}.side{width:100%;flex-direction:row;align-items:center;gap:.3rem;padding:.45rem .6rem;overflow-x:auto;border-right:none;border-bottom:1px solid var(--line)}.logo{margin:0 .6rem 0 0;font-size:.95rem;white-space:nowrap}.logo small{display:none}.side a{white-space:nowrap;padding:.4rem .65rem;font-size:.85rem}.topbar{padding:.5rem .8rem}main.content{padding:.9rem .8rem}.board{grid-template-columns:repeat(4,minmax(190px,1fr))}.board,.card{overflow-x:auto}h1{font-size:1.1rem}}.sugwrap{position:relative}.sugbox{position:absolute;top:calc(100% + 4px);left:0;min-width:320px;max-width:420px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(11,21,36,.14);z-index:30;max-height:300px;overflow-y:auto}.sugitem{padding:.55rem .85rem;cursor:pointer;display:flex;justify-content:space-between;gap:.8rem;border-bottom:1px solid var(--line);font-size:.88rem}.sugitem:last-child{border-bottom:none}.sugitem:hover{background:var(--accent-soft)}.sugitem .m{color:var(--ink-2);font-size:.78rem;white-space:nowrap}.poswrap{display:flex;gap:1rem;align-items:flex-start}.posleft{flex:1 1;min-width:0}.poscart{width:380px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:1rem}.catrow{display:flex;justify-content:space-between;gap:.6rem;padding:.5rem .3rem;border-bottom:1px solid var(--line);font-size:.88rem;align-items:center}.catrow:hover{background:var(--surface-2)}.catrow .price{font-weight:700;white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cartline{justify-content:space-between;gap:.5rem;padding:.45rem 0;border-bottom:1px solid var(--line);font-size:.86rem}.cartline,.cartline .qty{display:flex;align-items:center}.cartline .qty{gap:.25rem}.cartline .qty button{padding:.05rem .5rem;font-size:.8rem}.total{display:flex;justify-content:space-between;font-size:1.05rem;font-weight:700;padding:.7rem 0 .3rem;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:860px){.poswrap{flex-direction:column}.poscart{width:100%;position:static}}