*{box-sizing:border-box}body{color:#1c1c1e;background:#f4f5f7;margin:0;font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Yu Gothic,sans-serif;font-size:14px}.center{justify-content:center;align-items:center;min-height:100vh;display:flex}.login-box{background:#fff;border-radius:12px;width:380px;padding:40px;box-shadow:0 2px 16px #00000014}.login-box h1{margin:0 0 24px;font-size:20px}.login-box label{margin-bottom:6px;font-weight:600;display:block}.login-box input{border:1px solid #d2d3d8;border-radius:6px;width:100%;margin-bottom:16px;padding:10px 12px;font-size:14px}.login-box button{color:#fff;cursor:pointer;background:#636577;border:none;border-radius:6px;width:100%;padding:11px;font-size:14px}.login-box button:disabled{opacity:.6;cursor:default}.note{color:#6b6d76;margin-top:14px;font-size:12px;line-height:1.7}.error{color:#c0392b}.page{min-height:100vh}.topbar{color:#fff;background:#4a4b57;align-items:center;gap:12px;padding:10px 16px;display:flex}.topbar .brand{letter-spacing:.04em;font-weight:700}.topbar select{border:none;border-radius:5px;padding:5px 8px;font-size:13px}.topbar .spacer{flex:1}.topbar .user{opacity:.85;font-size:12px}.ghost{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:5px;padding:4px 10px;font-size:12px}.datebar{background:#fff;border-bottom:1px solid #e3e4e8;align-items:center;gap:8px;padding:10px 16px;display:flex}.datebar button{cursor:pointer;background:#fff;border:1px solid #d2d3d8;border-radius:5px;padding:5px 12px;font-size:13px}.datebar input[type=date]{border:1px solid #d2d3d8;border-radius:5px;padding:4px 8px}.daylabel{margin-left:4px;font-size:15px}.daylabel.wd0{color:#d0342c}.daylabel.wd6{color:#2b6cb0}.hours{color:#6b6d76;font-size:12px}.bar{color:#6b6d76;padding:14px 16px}.bar.error{color:#c0392b;background:#fdeceb}.gridwrap{padding:0 0 40px;overflow-x:auto}.grid{border-collapse:collapse;background:#fff;min-width:100%}.grid th,.grid td{border:1px solid #e3e4e8;font-size:12px;font-weight:400}.grid thead th{z-index:2;background:#f0f1f4;min-width:78px;padding:6px 4px;font-weight:600;position:sticky;top:0}.grid .corner,.grid tbody th{z-index:3;text-align:left;background:#f0f1f4;min-width:130px;max-width:130px;padding:6px 8px;position:sticky;left:0}.grid thead .corner{z-index:4}.summary td{text-align:center;color:#6b6d76;background:#fafbfc;padding:4px}.summary td.full{color:#c0392b;background:#fdeceb;font-weight:600}.staffcell{vertical-align:top}.staffname{font-size:13px;font-weight:600}.fee{color:#8a8c94;margin-top:2px;font-size:11px}.empty{background:#fff;height:46px}.empty:hover{cursor:pointer;background:#f7f8fa}.resv-cell{vertical-align:top;padding:2px}.resv{background:#e8f0fb;border-left:3px solid #4a7fd4;border-radius:3px;height:100%;padding:4px 6px;overflow:hidden}.resv.block{background:#eceef1;border-left-color:#9a9ca4}.resv.src-web,.resv.src-line{background:#e6f5ec;border-left-color:#3aa66b}.resv.src-hpb{background:#fdeee6;border-left-color:#e07b39}.resv-head{align-items:center;gap:4px;display:flex}.resv-name{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.resv-menu{color:#5a5c64;white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.badge{color:#fff;border-radius:2px;flex-shrink:0;padding:2px 3px;font-size:10px;line-height:1;display:inline-block}.badge.new{background:#d0342c}.badge.nom{background:#4a7fd4}.empty-state{text-align:center;background:#fff;border:1px solid #e3e4e8;border-radius:10px;max-width:560px;margin:40px auto;padding:32px;line-height:1.9}.empty-state .big{margin:0 0 8px;font-size:16px;font-weight:600}.empty-state p{color:#5a5c64;margin:4px 0}.unassigned-row th{background:#fff6e5!important}.unassigned-row .staffname,.unassigned-row .fee{color:#b06a00}.now{border-left:2px solid #d0342c!important}.modal-back{z-index:100;background:#0006;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:10px;flex-direction:column;width:640px;max-width:100%;max-height:90vh;display:flex;box-shadow:0 8px 40px #0003}.modal-head{border-bottom:1px solid #e3e4e8;align-items:center;padding:14px 18px;display:flex}.modal-head strong{flex:1;font-size:15px}.modal-head .x{cursor:pointer;color:#8a8c94;background:0 0;border:none;padding:0 4px;font-size:22px;line-height:1}.modal-body{flex:1;padding:4px 18px 18px;overflow-y:auto}.modal-body section{border-bottom:1px solid #f0f1f4;padding:14px 0}.modal-body section:last-child{border-bottom:none}.modal-body h4{color:#6b6d76;margin:0 0 10px;font-size:13px}.modal-body .row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.modal-body input[type=text],.modal-body input:not([type]),.modal-body input[type=time],.modal-body input[type=number],.modal-body select,.modal-body textarea{border:1px solid #d2d3d8;border-radius:6px;padding:8px 10px;font-family:inherit;font-size:14px}.modal-body input:not([type=checkbox]){flex:1;min-width:120px}.modal-body textarea{resize:vertical;width:100%}.modal-body .check{white-space:nowrap;align-items:center;gap:5px;display:flex}.modal-body .check input{flex:none;min-width:0}.fixed-date{font-weight:600}.hint{color:#8a8c94;font-size:12px}.menu-group{margin-bottom:10px}.menu-cat{color:#8a8c94;margin:8px 0 4px;font-size:12px;font-weight:600}.menu-item{cursor:pointer;border-radius:5px;align-items:center;gap:8px;padding:6px 8px;display:flex}.menu-item:hover{background:#f7f8fa}.menu-item input{flex:none}.menu-name{flex:1}.menu-meta{color:#8a8c94;white-space:nowrap;font-size:12px}.total{background:#f0f4fb;border-radius:6px;margin-top:10px;padding:8px 10px;font-weight:600}.picked-customer{background:#e6f5ec;border-radius:6px;align-items:center;gap:8px;margin-bottom:8px;padding:7px 10px;font-size:13px;display:flex}.link{color:#2b6cb0;cursor:pointer;background:0 0;border:none;text-decoration:underline}.hits{border:1px solid #d2d3d8;border-radius:6px;margin-bottom:8px;overflow:hidden}.hit{text-align:left;cursor:pointer;background:#fff;border:none;border-bottom:1px solid #f0f1f4;gap:12px;width:100%;padding:9px 12px;display:flex}.hit:last-child{border-bottom:none}.hit:hover{background:#f7f8fa}.hit span{color:#6b6d76;font-size:12px}.modal-foot{border-top:1px solid #e3e4e8;align-items:center;gap:8px;padding:12px 18px;display:flex}.modal-foot .spacer{flex:1}.primary{color:#fff;cursor:pointer;background:#636577;border:none;border-radius:6px;padding:9px 18px;font-size:14px}.primary:disabled{opacity:.6}.danger{color:#c0392b;cursor:pointer;background:#fff;border:1px solid #e0b4ae;border-radius:6px;padding:9px 14px;font-size:13px}.ghost.dark{color:#5a5c64;border-color:#d2d3d8;padding:8px 14px}.error.box{background:#fdeceb;border-radius:6px;margin-top:12px;padding:10px 12px;font-size:13px;line-height:1.6}.page-inner{max-width:980px;margin:0 auto;padding:20px 16px 60px}.pagebar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.pagebar h2{white-space:nowrap;margin:0;font-size:18px}.pagebar button{white-space:nowrap;flex:none}.pagebar h2 small{color:#6b6d76;font-size:13px;font-weight:400}.searchbar{gap:8px;margin-bottom:16px;display:flex}.searchbar input{border:1px solid #d2d3d8;border-radius:6px;flex:1;padding:9px 12px;font-size:14px}.clist{background:#fff;border:1px solid #e3e4e8;border-radius:8px;overflow:hidden}.crow{text-align:left;cursor:pointer;background:#fff;border:none;border-bottom:1px solid #f0f1f4;width:100%;padding:12px 14px;font-family:inherit;display:block}.crow:last-child{border-bottom:none}.crow:hover{background:#f7f8fa}.cmain{align-items:center;gap:8px;display:flex}.cmain strong{font-size:15px}.ckana{color:#8a8c94;font-size:12px}.csub{color:#6b6d76;margin-top:3px;font-size:12px}.badge.ban{background:#c0392b}.detail-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;display:grid}.card{background:#fff;border:1px solid #e3e4e8;border-radius:8px;margin-bottom:16px;padding:16px 18px}.card h3{color:#4a4b57;margin:0 0 12px;font-size:14px}.card dl{grid-template-columns:auto 1fr;gap:6px 14px;margin:0;display:grid}.card dt{color:#8a8c94;font-size:13px}.card dd{margin:0;font-size:14px}.cnote{background:#fafbfc;border-radius:6px;margin:12px 0 0;padding:10px;font-size:13px;line-height:1.7}.muted{color:#8a8c94;margin:0;font-size:13px;line-height:1.8}.mini{border-collapse:collapse;width:100%;font-size:13px}.mini th{text-align:left;color:#8a8c94;border-bottom:1px solid #e3e4e8;padding:6px 8px;font-size:12px;font-weight:600}.mini td{border-bottom:1px solid #f0f1f4;padding:8px}.mini tr:last-child td{border-bottom:none}.mini tr.cancelled td{color:#a4a6ad;text-decoration:line-through}.mini.wide{white-space:nowrap;display:block;overflow-x:auto}.records{flex-direction:column;gap:10px;display:flex}.record{border:1px solid #e3e4e8;border-radius:6px;padding:12px 14px}.record-head{align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.record-head span{color:#8a8c94;font-size:12px}.record-row{font-size:13px;line-height:1.8}.record.past{background:#fafbfc}.record-row.highlight{color:#7a4e00;background:#fff6e5;border-radius:4px;margin:4px 0;padding:4px 8px;font-weight:600}.card-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.card-head h3{flex:1;margin:0}.notion-person{background:#fafbfc;border-radius:6px;flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:12px;padding:10px 12px;display:flex}.notion-person span{color:#6b6d76;font-size:12px}.notion-person .cnote{background:#fff;width:100%;margin:6px 0 0}.notion-memo{white-space:pre-wrap;word-break:break-word;margin:4px 0 0;font-family:inherit;font-size:13px;line-height:1.9}.flabel{color:#4a4b57;margin:14px 0 4px;font-size:12px;font-weight:600;display:block}.modal.wide{width:720px}.tabs{border-bottom:1px solid #e3e4e8;gap:4px;margin-bottom:16px;display:flex}.tabs button{cursor:pointer;color:#6b6d76;background:0 0;border:none;border-bottom:2px solid #0000;padding:9px 16px;font-family:inherit;font-size:14px}.tabs button.on{color:#1c1c1e;border-bottom-color:#636577;font-weight:600}.pagebar select{border:1px solid #d2d3d8;border-radius:6px;margin-left:auto;padding:6px 10px}.page-inner select,.page-inner input[type=number],.page-inner input[type=email],.page-inner input[type=text],.page-inner input:not([type]){border:1px solid #d2d3d8;border-radius:6px;width:100%;padding:8px 10px;font-family:inherit;font-size:14px}.modal-body select{width:100%}.last-visit{background:#f7f9fc;border:1px solid #dde5f0;border-radius:8px;margin:10px 0 4px;padding:12px 14px!important}.last-visit h4{color:#3a5a8c;margin-bottom:8px}.lv-line{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:4px;font-size:13px;display:flex}.lv-line span{color:#6b6d76;font-size:12px}.last-visit .notion-memo{background:#fff;border:1px solid #e3e4e8;border-radius:5px;margin-top:6px;padding:8px 10px;font-size:12px}.chips{flex-wrap:wrap;gap:5px;margin-top:5px;display:flex}.chip{color:#5a5c64;cursor:pointer;background:#f0f1f4;border:none;border-radius:12px;padding:3px 10px;font-family:inherit;font-size:12px}.chip:hover{background:#e3e4e8}.notion-memo.preview{background:#fafbfc;border:1px solid #e3e4e8;border-radius:6px;margin-top:8px;padding:12px}.record-head .link{margin-left:auto;font-size:12px}@media (width<=768px){.detail-grid{grid-template-columns:1fr}.page-inner{padding:14px 12px 50px}}.mobile-day{background:#fff}.mslot{border-bottom:1px solid #eef0f3;align-items:stretch;display:flex}.mslot.mnow{background:#fffaf9}.mslot.mnow .mtime{color:#d0342c;font-weight:700}.mtime{color:#6b6d76;background:#fafbfc;border-right:1px solid #eef0f3;flex:none;width:62px;padding:10px 8px;font-size:13px;font-weight:600}.mbody{flex:1;min-height:38px;padding:5px 8px}.mcard{text-align:left;cursor:pointer;background:#e8f0fb;border:none;border-left:3px solid #4a7fd4;border-radius:4px;width:100%;margin-bottom:5px;padding:8px 10px;font-family:inherit;display:block}.mcard.block{background:#eceef1;border-left-color:#9a9ca4}.mcard.src-web,.mcard.src-line{background:#e6f5ec;border-left-color:#3aa66b}.mcard.src-hpb{background:#fdeee6;border-left-color:#e07b39}.mcard-head{align-items:center;gap:5px;display:flex}.mcard-head strong{flex:1;font-size:14px}.mmin{color:#6b6d76;font-size:12px}.mcard-sub{color:#5a5c64;margin-top:3px;font-size:12px}.madd{text-align:left;color:#a4a6ad;cursor:pointer;background:0 0;border:1px dashed #d8dade;border-radius:4px;width:100%;padding:5px 10px;font-family:inherit;font-size:12px;display:block}.madd:active{background:#f4f5f7}.mfull{color:#c0392b;padding:8px 4px;font-size:12px}@media (width<=768px){.topbar,.datebar{flex-wrap:wrap}.topbar .user{display:none}.grid thead th{min-width:58px;padding:5px 2px;font-size:11px}.grid .corner,.grid tbody th{min-width:88px;max-width:88px;padding:5px 6px}.grid th,.grid td{font-size:11px}.staffname{font-size:12px}.empty{height:42px}.modal-back{align-items:stretch;padding:0}.modal{border-radius:0;width:100%;max-width:100%;max-height:100%}.modal-body .row{gap:6px}.modal-body input:not([type=checkbox]){min-width:100px}.modal-foot{background:#fff;position:sticky;bottom:0}}