:root{--blue:#0962a7;--ink:#182433;--muted:#6d7b8a;--line:#dfe6ee;--bg:#edf2f6;--card:#fff;--ok:#148247;--bad:#bc3d38}*{box-sizing:border-box}body{margin:0;font:15px/1.45 Arial,sans-serif;color:var(--ink);background:var(--bg)}button,input{font:inherit}.welcome-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#083c68,#0c71b5)}.welcome{width:min(460px,calc(100% - 32px));padding:38px 28px;background:#fff;border-radius:22px;text-align:center;box-shadow:0 20px 60px #001b344d}.app-logo{margin:auto;display:grid;place-items:center;width:70px;height:70px;border-radius:18px;background:var(--blue);color:white;font-weight:800;font-size:24px}.eyebrow{letter-spacing:2px;color:var(--blue);font-size:11px;font-weight:bold;margin:18px 0 0}.welcome h1{margin:4px 0}.muted{color:var(--muted)}.choice{display:block;text-align:left;margin-top:14px;padding:17px;border:1px solid var(--line);border-radius:13px;color:var(--ink);text-decoration:none}.choice b,.choice span{display:block}.choice span{font-size:13px;color:var(--muted);margin-top:3px}.scanner-choice{background:#eef7ff;border-color:#a8d3f3}.phone{min-height:100vh;background:var(--bg)}.appbar{height:64px;background:var(--blue);color:#fff;display:flex;align-items:center;padding:0 18px;gap:12px;box-shadow:0 2px 8px #001c3730}.appbar b{font-size:17px}.back{border:0;background:transparent;color:#fff;font-size:22px;padding:6px;cursor:pointer}.screen{max-width:560px;margin:auto;padding:20px 16px 32px}.login-screen{min-height:100vh;display:grid;place-items:center;background:linear-gradient(150deg,#064677,#117fca)}.login-box{width:min(410px,calc(100% - 32px));background:#fff;border-radius:18px;padding:32px 25px;box-shadow:0 18px 50px #00264255}.login-box h1{margin:8px 0}.field{display:grid;gap:6px;margin-top:15px}.field label{font-size:12px;font-weight:bold}.field input{width:100%;padding:13px;border:1px solid var(--line);border-radius:8px}.primary,.secondary{width:100%;border:0;border-radius:8px;padding:13px;margin-top:20px;font-weight:bold;cursor:pointer}.primary{background:var(--blue);color:#fff}.secondary{margin-top:10px;background:#e7f0f7;color:var(--blue)}.menu-welcome{font-size:17px;margin:3px 0 18px}.menu-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.menu-tile{min-height:142px;border:0;border-radius:14px;background:var(--card);box-shadow:0 3px 12px #1c34401c;cursor:pointer;color:var(--ink);padding:16px;text-align:left}.menu-tile strong,.menu-tile span{display:block}.menu-tile strong{font-size:18px;color:var(--blue)}.menu-tile span{margin-top:8px;font-size:12px;color:var(--muted)}.logout{margin-top:25px;background:none;border:0;color:var(--bad);width:100%;padding:10px}.search{width:100%;padding:13px;border:1px solid var(--line);border-radius:8px;margin:0 0 12px}.item{width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:10px;margin:9px 0;padding:14px;cursor:pointer}.item b,.item small{display:block}.item small{color:var(--muted);margin-top:3px}.empty{padding:22px;text-align:center;color:var(--muted)}.scanner-video{width:100%;aspect-ratio:3/4;object-fit:cover;background:#061524;border-radius:14px}.scan-guide{text-align:center;margin:12px 0;color:var(--muted)}.target{background:#fff;border-radius:10px;padding:13px;margin:12px 0;border-left:4px solid var(--blue)}.manual{display:flex;gap:8px}.manual input{min-width:0;flex:1;padding:12px;border:1px solid var(--line);border-radius:8px}.manual button{border:0;border-radius:8px;background:var(--blue);color:#fff;padding:0 14px}.detail{background:#fff;border-radius:12px;padding:14px}.detail dl{display:grid;grid-template-columns:105px 1fr;gap:8px;margin:0}.detail dt{color:var(--muted)}.detail dd{margin:0;font-weight:600}.count-form input{padding:12px}.notice{padding:11px;border-radius:8px;margin-top:14px;background:#e9f2f8;color:#23455f}.notice.ok{background:#e4f6e9;color:#166437}.notice.bad{background:#ffe8e6;color:#9b332f}.hidden{display:none!important}@media(max-width:380px){.menu-grid{grid-template-columns:1fr}}