:root{--bg:#0b1220;--surface:#121c2e;--surface-2:#1b2840;--surface-3:#243353;--border:#2a3a55;--primary:#0f4c81;--primary-2:#1d6fb8;--primary-3:#2f8ad6;--text:#e8eef6;--muted:#93a4bd;--muted-2:#6c7d96;--c-green:#22c55e;--c-green-bg:#22c55e26;--c-red:#ef4444;--c-red-bg:#ef444426;--warn:#f59e0b;--warn-bg:#f59e0b26;--radius:12px;--radius-sm:8px;--mono:"DejaVu Sans Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--shadow:0 6px 20px #00000059;--tap:48px;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);overscroll-behavior-y:none}a{color:var(--primary-3);text-decoration:none}h1,h2,h3,h4{margin:0 0 .4em;line-height:1.2}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.center{text-align:center}.small{font-size:.82rem}.app-shell{flex-direction:column;min-height:100%;display:flex}.app-main{width:100%;max-width:980px;padding:16px 16px calc(96px + env(safe-area-inset-bottom));flex:1;margin:0 auto}.topbar{z-index:30;background:linear-gradient(180deg, var(--primary) 0%, #0c3a63 100%);color:#fff;padding:10px 16px;padding-top:calc(10px + env(safe-area-inset-top));box-shadow:var(--shadow);align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar .brand{letter-spacing:.5px;align-items:center;gap:8px;font-weight:800;display:flex}.topbar .brand small{opacity:.8;font-size:.7rem;font-weight:400;display:block}.topbar .spacer{flex:1}.topbar .user{text-align:right;font-size:.78rem;line-height:1.2}.topbar .user b{display:block}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px;padding:16px}.card.tap{cursor:pointer;transition:border-color .15s,transform 50ms}.card.tap:active{transform:scale(.995)}.card.tap:hover{border-color:var(--primary-2)}.card-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.btn{min-height:var(--tap);border-radius:var(--radius-sm);cursor:pointer;background:var(--surface-3);color:var(--text);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:1rem;font-weight:700;transition:filter .15s,opacity .15s;display:inline-flex}.btn:active{filter:brightness(.92)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--primary-2);color:#fff}.btn-success{background:var(--c-green);color:#06210f}.btn-danger{background:var(--c-red);color:#2a0606}.btn-ghost{border-color:var(--border);background:0 0}.btn-block{width:100%}.btn-lg{min-height:56px;font-size:1.05rem}label.field{margin-bottom:12px;display:block}label.field>span{color:var(--muted);margin-bottom:5px;font-size:.8rem;font-weight:600;display:block}input,select,textarea{width:100%;min-height:var(--tap);background:var(--surface-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;font-family:inherit;font-size:1rem}input:focus,select:focus,textarea:focus{border-color:var(--primary-3);outline:none;box-shadow:0 0 0 3px #2f8ad640}input.reading{font-family:var(--mono);letter-spacing:.5px;font-size:1.1rem}textarea{resize:vertical;min-height:90px}.badge{text-transform:uppercase;letter-spacing:.4px;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.74rem;font-weight:800;display:inline-flex}.badge-draft{background:var(--surface-3);color:var(--muted)}.badge-submitted{background:var(--warn-bg);color:var(--warn)}.badge-verified{background:var(--c-green-bg);color:var(--c-green)}.badge-rejected{background:var(--c-red-bg);color:var(--c-red)}.chip{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;display:inline-flex}.chip.cn{background:var(--c-red-bg);color:var(--c-red);border-color:#0000}.cn-toggle{grid-template-columns:1fr 1fr;gap:8px;display:grid}.cn-toggle button{border-radius:var(--radius-sm);border:2px solid var(--border);background:var(--surface-2);min-height:52px;color:var(--muted);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;font-size:1rem;font-weight:800;line-height:1.1;display:flex}.cn-toggle button small{opacity:.85;font-size:.66rem;font-weight:600}.cn-toggle button.on-c{background:var(--c-green-bg);border-color:var(--c-green);color:var(--c-green)}.cn-toggle button.on-cn{background:var(--c-red-bg);border-color:var(--c-red);color:var(--c-red)}.item{border-bottom:1px solid var(--border);padding:14px 0}.item:last-child{border-bottom:none}.item-head{gap:10px;margin-bottom:10px;display:flex}.item-code{font-family:var(--mono);color:var(--primary-3);min-width:34px;font-weight:800}.item-label{flex:1;font-size:.95rem}.item-missing{box-shadow:inset 3px 0 0 var(--warn);margin-left:-8px;padding-left:8px}.tabs{-webkit-overflow-scrolling:touch;gap:6px;padding-bottom:6px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{border:1px solid var(--border);background:var(--surface);min-height:44px;color:var(--muted);cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 14px;font-size:.85rem;font-weight:700;display:inline-flex}.tab.active{background:var(--primary-2);border-color:var(--primary-2);color:#fff}.tab .dot{background:var(--muted-2);border-radius:50%;width:9px;height:9px}.tab .dot.done{background:var(--c-green)}.tab .dot.cn{background:var(--c-red)}.progress-wrap{bottom:calc(env(safe-area-inset-bottom));z-index:25;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 14px;position:sticky}.progress-bar{background:var(--surface-3);border-radius:999px;height:8px;margin-top:8px;overflow:hidden}.progress-bar>span{background:linear-gradient(90deg, var(--primary-2), var(--c-green));height:100%;transition:width .3s;display:block}.progress-meta{justify-content:space-between;align-items:center;gap:10px;font-size:.85rem;display:flex}.sig-pad{border-radius:var(--radius-sm);border:1px solid var(--border);touch-action:none;background:#fff;width:100%;height:190px;display:block}.sig-frame{position:relative}.sig-baseline{pointer-events:none;border-bottom:1px dashed #9aa7bd;position:absolute;bottom:34px;left:12px;right:12px}.photo-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;display:grid}.photo-thumb{aspect-ratio:1;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);position:relative;overflow:hidden}.photo-thumb img{object-fit:cover;width:100%;height:100%}.photo-thumb .rm{color:#fff;cursor:pointer;background:#000000a6;border:none;border-radius:50%;width:26px;height:26px;font-weight:800;position:absolute;top:4px;right:4px}.photo-thumb .cap{background:#0000008c;padding:2px 4px;font-size:.62rem;position:absolute;bottom:0;left:0;right:0}.photo-add{aspect-ratio:1;border:2px dashed var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--muted);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.75rem;display:flex}.banner{border-radius:var(--radius-sm);align-items:center;gap:8px;padding:10px 14px;font-size:.88rem;display:flex}.banner-offline{background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn)}.banner-error{background:var(--c-red-bg);color:var(--c-red);border:1px solid var(--c-red)}.banner-info{color:var(--primary-3);border:1px solid var(--primary-2);background:#2f8ad61f}.alert-list{margin:8px 0 0;padding-left:18px}.alert-list li{margin:2px 0}.list-row{align-items:center;gap:12px;display:flex}.list-row .grow{flex:1;min-width:0}.list-row .grow .ttl{font-weight:700}.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.login-wrap{justify-content:center;align-items:center;min-height:100%;padding:20px;display:flex}.login-card{width:100%;max-width:380px}.login-logo{flex-direction:column;align-items:center;gap:6px;margin-bottom:18px;display:flex}.login-logo .lname{letter-spacing:1px;font-size:1.6rem;font-weight:800}.row{gap:10px;display:flex}.row.wrap{flex-wrap:wrap}.grid-2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.spinner{border:3px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:22px;height:22px;animation:.7s linear infinite spin}.loading{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:40px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--muted);padding:40px 16px}.fab{right:18px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:26;box-shadow:var(--shadow);position:fixed}.toast-stack{left:50%;bottom:calc(20px + env(safe-area-inset-bottom));z-index:60;flex-direction:column;gap:8px;width:calc(100% - 32px);max-width:420px;display:flex;position:fixed;transform:translate(-50%)}.toast{border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:12px 14px;font-size:.9rem;font-weight:600}.toast.success{background:var(--c-green);color:#06210f}.toast.error{background:var(--c-red);color:#fff}.toast.info{background:var(--surface-3);color:var(--text);border:1px solid var(--border)}@media (width>=720px){.app-main{padding:24px 24px calc(40px + env(safe-area-inset-bottom))}}.bottom-nav[data-v-fcc91dff]{z-index:28;background:var(--surface);border-top:1px solid var(--border);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}.nav-item[data-v-fcc91dff]{color:var(--muted-2);flex-direction:column;flex:1;align-items:center;gap:3px;padding:9px 4px;font-size:.68rem;font-weight:700;display:flex}.nav-item.active[data-v-fcc91dff]{color:var(--primary-3)}.nav-ico[data-v-fcc91dff]{display:inline-flex}@media (width>=720px){.bottom-nav[data-v-fcc91dff]{border-radius:12px 12px 0 0;max-width:980px;margin:0 auto;position:sticky;bottom:0}}