:root{--bg-dark: #0f172a;--bg-card: #1e293b;--bg: #0f172a;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-fg: #ffffff;--text-main: #f8fafc;--text-head: #f8fafc;--text-muted: #94a3b8;--border: #334155;--success: #16a34a;--warning: #d97706;--danger: #dc2626;--radius: 12px}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-dark);color:var(--text-main);line-height:1.5;-webkit-font-smoothing:antialiased;min-height:100vh;color-scheme:dark}.app-container{max-width:600px;margin:0 auto;padding:16px 16px 96px;display:flex;flex-direction:column;gap:16px;min-height:100vh}.app-header{display:flex;flex-direction:column;align-items:stretch;padding-bottom:12px;border-bottom:1px solid var(--border);gap:12px}.header-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.btn-logout{width:38px;height:38px;padding:0;flex-shrink:0;border-radius:10px;border:1px solid #b91c1c;background:var(--danger);color:#fff;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:none}.btn-logout:hover,.btn-logout:focus-visible{background:#b91c1c;color:#fff;outline:none}.btn-logout svg{display:block}.login-screen{justify-content:center}.login-brand{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;margin-bottom:8px}.login-brand-icon{width:72px;height:72px;border-radius:18px;border:1px solid var(--border);background:var(--bg-card)}.login-brand h1{font-size:32px;font-weight:800;letter-spacing:.12em;line-height:1.1;color:var(--text-head)}.login-brand p{font-size:18px;font-weight:600;color:var(--text-head);line-height:1.3}.login-card{max-width:400px;width:100%;margin:0 auto}.login-pass-wrap{position:relative}.login-pass-wrap .form-input{padding-right:48px}.login-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center;color:var(--text-head);background:transparent;border:none;box-shadow:none;border-radius:0;cursor:pointer}.login-eye svg{width:20px;height:20px;display:block}.login-eye:hover,.login-eye:focus-visible{background:transparent;color:#fff;outline:none}.login-remember{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);margin:4px 0 16px;cursor:pointer}.login-remember input{width:16px;height:16px;accent-color:var(--accent)}.brand-title{display:flex;align-items:center;gap:10px}.brand-logo{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,#38bdf8,#2563eb);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:0 4px 12px #2563eb4d}.brand-text h1{font-size:18px;font-weight:700;color:var(--text-main);letter-spacing:-.01em}.brand-text p{font-size:11px;color:var(--text-muted)}.tab-nav{display:flex;width:100%;background:var(--bg-card);padding:4px;border-radius:10px;border:1px solid var(--border)}.tab-btn{flex:1 1 0;padding:6px 12px;font-size:13px;font-weight:600;border:none;background:transparent;color:var(--text-muted);border-radius:7px;cursor:pointer;transition:all .2s ease}.tab-btn.active{background:var(--accent);color:#fff;box-shadow:0 2px 8px #2563eb4d}.alert-banner{padding:12px 16px;border-radius:var(--radius);font-size:14px;font-weight:500;display:flex;align-items:center;gap:10px}.alert-toast{position:fixed;left:50%;bottom:16px;z-index:30;width:calc(100% - 32px);max-width:568px;transform:translate(-50%);min-height:48px;box-shadow:0 8px 24px #00000073}.alert-toast>span:last-child{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.alert-banner.ok{background:#16a34a26;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.alert-banner.err{background:#dc262626;color:#f87171;border:1px solid rgba(248,113,113,.3)}.card-block{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.block-label{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:10px}.doc-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.doc-type-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 8px;min-height:72px;background:#0f172a;border:1.5px solid var(--border);border-radius:10px;color:var(--text-muted);cursor:pointer;text-align:center;transition:all .2s ease}.doc-type-btn.active{border-color:#38bdf8;background:#38bdf81a;color:#fff}.doc-type-icon{font-size:20px;line-height:1}.doc-type-text{font-size:12px;font-weight:600;line-height:1.25}.source-toggle{display:grid;grid-template-columns:1fr 1fr;gap:10px}.source-toggle-btn{min-height:44px;padding:10px 12px;border-radius:10px;border:1.5px solid var(--border);background:#0f172a;color:var(--text-head);font-size:15px;font-weight:600;cursor:pointer}.source-toggle-btn.active{border-color:#38bdf8;background:#2563eb;color:var(--accent-fg)}.json-hint{font-size:13px;color:var(--text-main);margin-bottom:10px;line-height:1.4}.json-paste{min-height:200px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;line-height:1.4;resize:vertical;white-space:pre}.scanner-box{background:#0f172a;border:2px dashed var(--border);border-radius:var(--radius);padding:24px 16px;text-align:center;transition:border-color .2s ease}.scanner-box.has-preview{border-style:solid;border-color:#38bdf8;padding:12px;position:relative}.scanner-preview-wrap{position:relative;padding-top:44px}.scanner-corner-btn{position:absolute;top:0;z-index:2;width:36px;height:36px;padding:0;border-radius:8px;border:1px solid var(--border);background:var(--bg-card, #1e293b);color:var(--text-head, #f8fafc);font-size:22px;font-weight:600;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.scanner-add-btn{left:0}.scanner-clear-btn{right:0}.scanner-corner-btn:hover{background:#334155;border-color:#94a3b8}.scanner-add-btn.disabled,.scanner-add-btn:has(input:disabled){opacity:.45;pointer-events:none;cursor:not-allowed}.preview-img{max-height:360px;max-width:100%;border-radius:8px;object-fit:contain;box-shadow:0 4px 20px #00000080}.scanner-hint{margin:12px 0 0;font-size:12px;line-height:1.4;color:var(--text-muted)}.page-thumbs{display:flex;gap:8px;overflow-x:auto;padding:4px 2px 12px;margin-bottom:4px;justify-content:flex-start}.page-thumb{position:relative;flex:0 0 auto;width:56px;height:72px;padding:0;border:2px solid #475569;border-radius:8px;background:#1e293b;cursor:pointer;overflow:hidden}.page-thumb.active{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf8}.page-thumb img{width:100%;height:100%;object-fit:cover;display:block}.page-thumb-num{position:absolute;left:4px;bottom:4px;min-width:16px;height:16px;padding:0 4px;border-radius:4px;background:#0f172ad9;color:#f8fafc;font-size:10px;font-weight:700;line-height:16px}.page-thumb-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:#0f172a;color:#f8fafc;font-size:14px;line-height:16px;border:1px solid #64748b;display:flex;align-items:center;justify-content:center}.actions-row{display:flex;justify-content:center;gap:12px;margin-top:16px;flex-wrap:wrap}.scanner-submit-row{margin-top:12px;padding-top:4px}.btn{padding:10px 18px;border-radius:8px;font-size:14px;font-weight:600;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s ease}.btn-primary{background:var(--accent);color:var(--accent-fg);box-shadow:0 4px 12px #2563eb4d}.btn-primary:hover{background:var(--accent-hover)}.btn-success{background:var(--success);color:#fff;box-shadow:0 4px 12px #16a34a4d}.btn-secondary{background:#334155;color:var(--text-main)}.btn-secondary:hover{background:#475569}.btn-lg{padding:14px 24px;font-size:16px;width:100%;justify-content:center}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.form-group:last-child{margin-bottom:0}.form-label{font-size:12px;font-weight:600;color:var(--text-muted)}.form-input{width:100%;padding:10px 14px;color-scheme:dark;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:#0f172a;background-image:none;border:1px solid var(--border);border-radius:8px;color:var(--text-main);font-size:14px;outline:none;transition:border-color .2s ease}.form-input:focus{border-color:#38bdf8;background-color:#0f172a}.form-input:-webkit-autofill,.form-input:-webkit-autofill:hover,.form-input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text-main);caret-color:var(--text-main);box-shadow:0 0 0 1000px #0f172a inset;transition:background-color 99999s ease-out}.task-list-wrap{min-height:160px}.task-list-placeholder{min-height:160px;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;color:var(--text-muted)}.history-pager{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px}.history-pager-btn{width:36px;height:36px;padding:0;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text-head);font-size:22px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.history-pager-btn:hover:not(:disabled){background:#334155;border-color:#94a3b8}.history-pager-btn:disabled{opacity:.4;cursor:not-allowed}.history-pager-status{min-width:4.5em;text-align:center;font-size:13px;font-weight:600;color:var(--text-head)}.task-list{display:flex;flex-direction:column;gap:10px;min-height:160px;overflow-anchor:none}.task-item{padding:14px;background:#0f172a;border:1px solid var(--border);border-radius:10px;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:68px;overflow-anchor:auto;contain:layout}.task-main{min-width:0;flex:1 1 auto}.task-title{font-size:14px;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-sub{font-size:12px;color:var(--text-muted);margin-top:2px}.badge{flex:0 0 148px;width:148px;max-width:148px;box-sizing:border-box;padding:6px 8px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.badge-done{background:#22c55e33;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.badge-verify{background:#d9770633;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.badge-processing{background:#38bdf833;color:#38bdf8;border:1px solid rgba(56,189,248,.3);animation:badge-wait 1.6s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.badge-processing{animation:none}}@keyframes badge-wait{0%,to{opacity:1}50%{opacity:.65}}.badge-error{background:#dc262633;color:#f87171;border:1px solid rgba(248,113,113,.3)}