:root{--bg: #f5f6f8;--card: #ffffff;--text: #2b3140;--muted: #6b7280;--line: #e5e7eb;--accent: #f2a23b;--accent-dark: #dd8b1f;--accent-soft: #fff6ea;--dark: #2b3140;--dark-2: #1f2530}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);font-size:17px;line-height:1.4}.screen{min-height:100%;max-width:680px;margin:0 auto;padding:0 16px 40px}.screen.center{display:flex;align-items:center;justify-content:center;color:var(--muted)}.screen.login{display:flex;flex-direction:column;justify-content:center;min-height:100dvh;padding-bottom:60px;background:linear-gradient(135deg,#fff6ea,#f1f3f6)}.login-logo-wrap{background:#fff;border-radius:16px;padding:18px 20px;box-shadow:0 2px 10px #10172912}.login-logo{display:block;width:100%;height:auto}.brand-sub{text-align:center;color:var(--muted);margin:4px 0 28px}.login-form{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:6px;font-size:.85rem;font-weight:600;color:var(--muted)}.field input{font-size:1.1rem;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--text)}.field input:focus{outline:none;border-color:var(--accent)}.btn-big{margin-top:6px;width:100%;padding:16px;font-size:1.1rem;font-weight:700;color:#fff;background:var(--accent);border:none;border-radius:12px;cursor:pointer}.btn-big:active{background:var(--accent-dark)}.btn-big:disabled{opacity:.6}.error{color:#a12a21;background:#fde2e1;border:1px solid #f3b6b1;padding:10px 12px;border-radius:10px;font-size:.95rem}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 -16px 8px;padding:14px 16px calc(14px + env(safe-area-inset-top,0px));background:var(--dark);color:#fff}.hello{font-weight:700}.date{font-size:.85rem;opacity:.8;text-transform:capitalize}.logout{border:none;background:#ffffff24;color:#fff;width:40px;height:40px;border-radius:10px;font-size:1.2rem;cursor:pointer}.page-h1{font-size:1.4rem;margin:14px 0 4px}.count-line{color:var(--muted);font-size:.9rem;margin-bottom:12px}.muted{color:var(--muted);padding:20px 0}.info-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:18px;color:var(--muted)}.tour-route-btn{display:block;text-align:center;margin-bottom:14px;padding:14px 16px;font-size:1.05rem;font-weight:700;text-decoration:none;color:#fff;background:var(--accent);border-radius:12px}.tour-route-btn:active{background:var(--accent-dark)}.visit-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.visit{display:flex;align-items:stretch;gap:14px;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;box-shadow:0 1px 3px #1017290d}.visit-time{flex:0 0 auto;min-width:52px;font-size:1.25rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--dark)}.visit-main{flex:1;min-width:0}.visit-name{font-size:1.1rem;font-weight:700}.visit-addr{color:var(--muted);font-size:.95rem;margin-top:2px}.visit-task{margin-top:6px;display:inline-block;background:var(--accent-soft);color:var(--accent-dark);font-size:.85rem;font-weight:600;padding:3px 9px;border-radius:999px}.visit-dur{flex:0 0 auto;align-self:center;color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums}.visit-btn{width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer}.visit-btn:active{background:#fafbfc}.visit-chevron{flex:0 0 auto;align-self:center;color:var(--muted);font-size:1.6rem;line-height:1;margin-left:-4px}.back{border:none;background:#ffffff24;color:#fff;width:40px;height:40px;border-radius:10px;font-size:1.6rem;line-height:1;cursor:pointer}.topbar-title{font-weight:700;flex:1;text-align:center}.topbar-spacer{width:40px;flex:0 0 auto}.detail-head{display:flex;align-items:center;gap:14px;margin:16px 0 18px}.detail-time{flex:0 0 auto;font-size:1.6rem;font-weight:800;font-variant-numeric:tabular-nums;color:var(--dark)}.detail-name{font-size:1.3rem;margin:0}.detail-dur{color:var(--muted);font-size:.9rem;margin-top:2px}.detail-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:12px;box-shadow:0 1px 3px #1017290d}.detail-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin-bottom:6px}.detail-value{font-size:1.05rem}.detail-value.pre{white-space:pre-wrap}.detail-empty{color:var(--muted);font-size:.95rem}.action-btn{display:inline-block;margin-top:12px;padding:12px 18px;font-size:1.05rem;font-weight:700;text-decoration:none;color:#fff;background:var(--accent);border-radius:12px}.action-btn:active{background:var(--accent-dark)}.action-btn.full{display:block;width:100%;margin-top:0;text-align:center;border:none;cursor:pointer}.action-btn.full:disabled{opacity:.55}.ghost-btn{font:inherit;font-weight:700;color:var(--text);background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 18px;cursor:pointer}.ghost-btn.full{display:block;width:100%;text-align:center}.ghost-btn:disabled{opacity:.55}.status-card.status-done{background:var(--accent-soft);border-color:#f3d9a8}.status-text{font-size:1.05rem;font-weight:700;margin-bottom:12px}.status-done .status-text{color:var(--accent-dark)}.visit-done{opacity:.7}.visit-done-badge{margin-top:6px;display:inline-block;background:var(--accent-soft);color:var(--accent-dark);font-size:.85rem;font-weight:700;padding:3px 9px;border-radius:999px}.report-form{display:flex;flex-direction:column;gap:10px;margin-top:4px}.report-select,.report-text{font:inherit;font-size:1rem;padding:12px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--text);width:100%}.report-text{resize:vertical;min-height:96px}.report-select:focus,.report-text:focus{outline:none;border-color:var(--accent)}.report-saved{color:#166534;background:#ecfdf3;border:1px solid #bbf7d0;padding:8px 10px;border-radius:10px;font-size:.9rem;font-weight:600}