:root{--line:#06c755;--line-dark:#05a948;--bg:#eef1f5;--card:#fff;--ink:#1b1b1f;--muted:#8a8f98;--bd:#e4e7ec;--red:#e23b3b;--amber:#e0a82e}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body,html{height:100%}body{font-family:-apple-system,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;background:var(--bg);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:20px 14px}.card{background:var(--card);width:100%;max-width:380px;border-radius:18px;box-shadow:0 8px 30px rgba(0,0,0,.12);overflow:hidden}.appbar{background:var(--line);color:#fff;padding:18px 18px 16px}.appbar .t{font-size:17px;font-weight:800}.appbar .s{font-size:11.5px;opacity:.92;margin-top:3px}.body{padding:22px 18px 24px}.center{text-align:center}.avatar{width:76px;height:76px;border-radius:50%;margin:4px auto 12px;background:linear-gradient(135deg,#cfe9d6,#9fd8b0);display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:800;color:#fff;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.hello{font-size:13px;color:var(--muted);margin-bottom:2px}.name{font-size:22px;font-weight:800;margin-bottom:4px}.uid{font-size:10.5px;color:var(--muted);word-break:break-all;margin-bottom:14px}.btn{display:block;width:100%;border:none;border-radius:12px;padding:14px;font-size:15px;font-weight:800;cursor:pointer;text-align:center;transition:background .15s}.btn.p{background:var(--line);color:#fff}.btn.p:hover{background:var(--line-dark)}.btn.g{background:#eef1f5;color:#5b6470;margin-top:10px}.hint{font-size:11.5px;color:var(--muted);text-align:center;margin-top:14px;line-height:1.6}.badge{display:inline-block;font-size:10.5px;font-weight:800;border-radius:999px;padding:3px 10px;margin-bottom:14px}.badge.mock{background:#fff6e0;color:#9a7a1a;border:1px solid #ecd58a}.badge.live{background:#e7f8ee;color:var(--line-dark);border:1px solid #b6e6c8}.status{margin-top:16px;border-top:1px solid var(--bd);padding-top:14px}.kv{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding:5px 0}.kv span{color:var(--muted)}.kv .ok{color:var(--line-dark);font-weight:800}.kv .ng{color:var(--amber);font-weight:800}.spinner{width:30px;height:30px;border:3px solid var(--bd);border-top-color:var(--line);border-radius:50%;animation:spin .8s linear infinite;margin:24px auto}@keyframes spin{to{transform:rotate(1turn)}}.error{background:#fdeaea;border:1px solid #f4b6b6;color:var(--red);border-radius:12px;padding:12px;font-size:12.5px;line-height:1.6;margin-top:8px}.sec{font-size:12px;font-weight:800;color:#5b6470;margin:14px 2px 8px}.rolehead{display:flex;align-items:center;gap:10px;margin-top:8px}.rolepill{display:inline-block;font-size:11px;font-weight:800;color:#fff;border-radius:999px;padding:5px 12px;flex:0 0 auto}.rolewho{font-size:14px}.rolewho b{font-weight:800}.rolestore{font-size:11.5px;color:var(--muted);margin-left:4px}.menu{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px}.menuitem{background:#f5f7f9;border:1px solid var(--bd);border-radius:12px;padding:14px 4px;text-align:center}.mic{display:block;font-size:22px;margin-bottom:5px}.mlb{font-size:11.5px;font-weight:700;color:#26303a}.mockbar{margin-top:16px}.seg{display:flex;border:1px solid var(--bd);border-radius:9px;overflow:hidden}.seg span{flex:1 1;text-align:center;font-size:11.5px;font-weight:700;padding:8px 2px;cursor:pointer;color:#5b6470}.seg span.on{background:var(--line);color:#fff}:root{--blue:#2f6fd0;--orange:#e8820c;--teal:#0f9c8a;--green:#1aa251;--gray:#9aa0a8;--purple:#6b76e8}.staffwrap{position:fixed;inset:0;margin:0 auto;max-width:480px;display:flex;flex-direction:column;background:var(--bg)}.apphead{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 16px;background:#fff;border-bottom:1px solid var(--bd)}.apphead .who{font-size:12px;color:var(--muted);text-align:right}.staffbody{flex:1 1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:12px 16px 20px}.nav{display:flex;flex:0 0 auto;background:#fff;border-top:1px solid var(--bd);padding-bottom:env(safe-area-inset-bottom,0)}.nav button{flex:1 1;border:none;background:none;padding:8px 0 10px;font-size:9.5px;color:var(--muted);cursor:pointer;font-weight:700}.nav button .ic{display:block;font-size:17px;margin-bottom:2px;line-height:1}.nav button.on{color:var(--line)}.scard{background:#fff;border:1px solid var(--bd);border-radius:14px;padding:12px;margin-bottom:10px}.row{gap:10px}.av,.row{display:flex;align-items:center}.av{width:34px;height:34px;border-radius:50%;flex:0 0 auto;justify-content:center;font-size:13px;color:#fff}.av,.nm{font-weight:800}.nm{font-size:14px}.meta{font-size:11px;color:var(--muted);margin-top:2px;line-height:1.5}.carbadge{font-size:10.5px;font-weight:700;color:#26303a;background:#eef3ee;border:1px solid #cfe3d4;border-radius:7px;padding:2px 7px;margin-top:3px}.carbadge,.chip{display:inline-block}.chip{font-size:9.5px;font-weight:800;padding:3px 8px;border-radius:999px;color:#fff;white-space:nowrap}.c-unconfirmed{background:var(--red)}.c-confirmed{background:var(--blue)}.c-moving{background:var(--orange)}.c-arrived{background:var(--teal)}.c-done{background:var(--green)}.c-canceled{background:#cdd3da;color:#5b6470}.castline{gap:8px;padding:7px 0;border-top:1px dashed var(--bd)}.castline,.castline .seq{display:flex;align-items:center}.castline .seq{font-size:10px;font-weight:800;color:#fff;background:var(--gray);border-radius:50%;width:17px;height:17px;justify-content:center;flex:0 0 auto}.castline .nm2{flex:1 1;font-size:13px;font-weight:700}.t2{text-align:right;line-height:1.2}.t2 .pk{font-size:13px;font-weight:800;color:#26303a}.t2 small{font-size:9px;color:var(--muted);font-weight:700;margin-right:2px}.t2 .st{font-size:11px;font-weight:700;color:#5b6470}.miniStats{display:flex;gap:6px;margin-bottom:12px}.miniStat{flex:1 1;background:#fff;border:1px solid var(--bd);border-radius:10px;padding:8px 3px;text-align:center}.miniStat b{display:block;font-size:18px;font-weight:800;color:#5b6470}.miniStat span{font-size:9.5px;color:var(--muted)}.listitem{display:flex;align-items:center;gap:10px;padding:9px 2px;border-bottom:1px solid var(--bd);cursor:pointer}.listitem:last-child{border-bottom:none}.check{width:22px;height:22px;border-radius:7px;border:2px solid #cdd3da;flex:0 0 auto;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:900;background:#fff}.check.on{background:var(--line);border-color:var(--line)}.field{background:#f5f7f9;border:1px solid var(--bd);border-radius:9px;padding:8px 10px;font-size:12.5px;color:#26303a;margin-top:6px;display:flex;justify-content:space-between;align-items:center;gap:8px}.field>span{color:var(--muted);flex:0 0 auto}.field input,.field select{border:none;background:transparent;font-size:12.5px;font-weight:700;color:#26303a;text-align:right;font-family:inherit}.field input[type=time]{min-width:92px}.btn.o{background:#fff;color:var(--line);border:1.5px solid var(--line);margin-top:8px}.btn.dark{background:#26303a}.btn.dark,.btn.red{color:#fff;margin-top:8px}.btn.red{background:var(--red)}.pill{display:inline-block;font-size:11px;font-weight:700;color:#5b6470;background:#eef1f5;border-radius:999px;padding:5px 12px;margin:0 5px 6px 0;cursor:pointer}.pill.on{background:var(--line);color:#fff}.seq{font-size:10px;font-weight:800;color:#fff;background:var(--gray);border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.btn.sm{padding:9px;font-size:12.5px}.btn.touch{min-height:48px}.btn.sm.touch{padding:11px 8px;font-size:13.5px}.btnrow{display:flex;gap:10px}.btnrow .btn{margin-top:8px}.toast{background:#e7f8ee;border:1px solid #b6e6c8;color:var(--line-dark);border-radius:10px;padding:10px;font-size:12.5px;font-weight:700;text-align:center}.alert,.toast{margin-bottom:10px}.alert{background:#fdeaea;border:1.5px solid #f4b6b6;border-radius:13px;padding:11px 12px}.alert.warn{background:#fff6e8;border-color:#ecd58a}.alert .hd{display:flex;align-items:center;gap:8px}.alert .hd b{color:var(--red);font-size:13.5px;font-weight:800;flex:1 1}.alert.warn .hd b{color:#9a7a1a}.alert .hd .big{font-size:22px;font-weight:900;color:var(--red)}.alert.warn .hd .big{color:#9a7a1a}.staffhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.staffhead .who{font-size:12px;color:var(--muted)}.linkbtn{border:none;background:none;color:var(--line-dark);font-size:12px;font-weight:800;cursor:pointer}.flbl{display:block;font-size:12px;color:var(--muted);margin:12px 0 2px}.flbl:first-child{margin-top:0}.inp{width:100%;border:1px solid var(--bd);border-radius:9px;padding:10px 12px;font-size:13px;font-family:inherit;color:#26303a;background:#fff;margin-top:8px}.inp:first-child{margin-top:0}.chkrow{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#26303a;margin-top:8px;cursor:pointer}.chkrow input{width:18px;height:18px}.notif{background:#fff;border:1px solid var(--bd);border-radius:16px;padding:18px 16px;text-align:center}.carphoto{height:124px;border-radius:12px;background:linear-gradient(135deg,#dfe6ee,#b9c4d2);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#5b6470;font-weight:800;margin:12px 0}.carphoto .em{font-size:42px}.carphoto .lb{font-size:12px;margin-top:2px}@media (min-width:820px){.staffwrap{max-width:1080px;display:grid;grid-template-columns:212px 1fr;grid-template-rows:auto 1fr;grid-template-areas:"nav head" "nav body";box-shadow:0 0 0 1px var(--bd)}.apphead{grid-area:head;padding:16px 26px}.staffbody{grid-area:body;padding:24px 30px 36px}.staffbody>*{max-width:800px;margin-left:auto;margin-right:auto}.nav{grid-area:nav;flex-direction:column;border-top:none;border-right:1px solid var(--bd);padding:12px 10px;gap:4px}.nav button{display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px;font-size:13.5px;border-radius:10px;text-align:left}.nav button .ic{display:inline-block;font-size:18px;margin:0;line-height:1;width:22px;text-align:center}.nav button.on{background:#eaf7ef;color:var(--line-dark)}.nav button:hover{background:#f2f5f8}}