:root{--bg:#0b1220;--card:#121b2f;--muted:#8fa3c8;--text:#e9eefc;--accent:#6aa6ff;--danger:#ef4444;--border:rgba(255,255,255,.1);--shadow: 0 10px 30px rgba(0,0,0,.35);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}code{background:#ffffff14;padding:2px 6px;border-radius:6px}.appShell{min-height:100vh;display:flex;flex-direction:column}.topBar{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;border-bottom:1px solid var(--border);background:#0b1220d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:12px;min-width:240px}.brandLogo{width:44px;height:44px;border-radius:10px;box-shadow:var(--shadow);background:#0f1a30;object-fit:cover}.brandTitle{font-weight:800;letter-spacing:.2px}.brandSub{font-size:12px;color:var(--muted);margin-top:2px}.tabs{display:flex;gap:8px;flex-wrap:wrap}.tab{border:1px solid var(--border);background:transparent;color:var(--text);padding:8px 12px;border-radius:12px;cursor:pointer}.tab:hover{border-color:#ffffff2e}.tab.active{background:#6aa6ff24;border-color:#6aa6ff73}.content{max-width:1100px;margin:0 auto;padding:18px;width:100%}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 980px){.grid{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);padding:14px}.cardHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.cardHeader h2{margin:0;font-size:16px}.hint{color:var(--muted);font-size:13px;margin-top:10px}.actions{display:flex;gap:8px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}.btn{border:1px solid var(--border);background:#ffffff05;color:var(--text);padding:10px 12px;border-radius:12px;cursor:pointer}.btn:hover{border-color:#ffffff2e}.btn:disabled{opacity:.6;cursor:not-allowed}.btn.primary{background:#6aa6ff2e;border-color:#6aa6ff73}.btn.danger{background:#ef44441f;border-color:#ef444459}.capture{margin-top:6px}.preview{margin-top:10px;border:1px solid var(--border);border-radius:14px;overflow:hidden}.preview img{width:100%;display:block}.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media (max-width: 700px){.formGrid{grid-template-columns:1fr}}.field{display:flex;flex-direction:column;gap:6px}.fieldLabel{font-size:12px;color:var(--muted)}.fieldInput{width:100%;border:1px solid var(--border);background:#00000026;color:var(--text);padding:10px 12px;border-radius:12px}.fieldInput:focus{outline:none;border-color:#6aa6ff99}.fieldTextArea{width:100%;border:1px solid var(--border);background:#00000026;color:var(--text);padding:10px 12px;border-radius:12px;min-height:90px}.divider{height:1px;background:var(--border);margin:12px 0}.small{font-size:13px}.muted{color:var(--muted)}.ocrBox{white-space:pre-wrap;background:#0000002e;border:1px solid var(--border);padding:10px;border-radius:14px;max-height:200px;overflow:auto}.results{margin-top:12px}.resultsTitle{font-size:13px;color:var(--muted);margin-bottom:8px}.resultsList{display:grid;grid-template-columns:1fr;gap:8px}.resultItem{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--border);border-radius:14px;padding:10px;background:#ffffff05}.resultItem:hover{border-color:#ffffff2e}.resultImg{width:54px;height:54px;border-radius:10px;object-fit:cover;background:#00000038}.resultMeta{display:flex;flex-direction:column;gap:4px}.resultTitleText{font-size:13px;line-height:1.25}.resultPrice{font-size:12px;color:var(--muted)}.priceBox{margin-top:10px;border:1px solid rgba(34,197,94,.35);background:#22c55e1a;border-radius:14px;padding:10px 12px}.priceLabel{font-size:12px;color:#b9e7cde6}.priceValue{font-size:18px;font-weight:800;margin-top:4px}.tableWrap{overflow:auto}.table{width:100%;border-collapse:separate;border-spacing:0 8px}.table th{font-size:12px;color:var(--muted);text-align:left;padding:0 10px}.table td{background:#ffffff05;border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:10px}.table tr td:first-child{border-left:1px solid var(--border);border-top-left-radius:12px;border-bottom-left-radius:12px}.table tr td:last-child{border-right:1px solid var(--border);border-top-right-radius:12px;border-bottom-right-radius:12px}