:root{--ink:#18181b;--muted:#71717a;--line:#e4e4e7;--soft:#f4f4f5;--accent:#6d28d9;--danger:#dc2626;font-family:Inter,Pretendard,"Noto Sans KR",system-ui,sans-serif;color:var(--ink);background:#f7f7f5}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}header{height:72px;background:#18181b;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(20px,calc((100vw - 1120px)/2));position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:11px}.brand>div{display:grid}.brand small{font-size:9px;letter-spacing:.2em;color:#a1a1aa}.mark{display:grid;place-items:center;width:36px;height:36px;border:1px solid #52525b;font:700 20px Georgia}.header-actions{display:flex;align-items:center;gap:8px}.status{font-size:11px;color:#a1a1aa;border-right:1px solid #3f3f46;padding-right:14px}.ghost,.icon{border:1px solid #3f3f46;background:transparent;color:inherit;border-radius:8px;padding:8px 11px}.icon{font-size:18px;border:0}main{max-width:1120px;margin:auto;padding:52px 22px 90px}.order-head{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:1px solid var(--line);padding-bottom:30px}.kicker{font-size:10px;letter-spacing:.18em;font-weight:800;color:var(--accent);margin:0 0 8px}h1{font-size:40px;letter-spacing:-.04em;margin:0}.muted{color:var(--muted);margin:7px 0 0;font-size:13px}.order-meta{display:grid;grid-template-columns:230px 155px;gap:12px}.order-meta label,.manual{font-size:10px;font-weight:800;letter-spacing:.08em;color:var(--muted)}input{border:1px solid var(--line);background:#fff;border-radius:8px;padding:11px 12px;outline:none;width:100%;margin-top:7px;color:var(--ink)}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ede9fe}.entry-panel{margin:30px 0;display:grid;grid-template-columns:220px 40px 1fr;align-items:center;position:relative}.scan{height:72px;border:0;border-radius:10px;background:var(--accent);color:#fff;display:flex;align-items:center;text-align:left;gap:14px;padding:14px 19px;box-shadow:0 8px 22px #6d28d933}.scan-icon{font-size:27px}.scan span{display:grid}.scan small{font-size:11px;color:#ddd6fe;margin-top:3px}.divider{text-align:center;color:#a1a1aa;font-size:11px}.search{height:72px;background:#fff;border:1px solid var(--line);border-radius:10px;display:flex;align-items:center;padding:0 18px;gap:12px}.search input{border:0;margin:0;box-shadow:none;padding:0;font-size:15px}.search kbd{font-size:10px;color:#a1a1aa;border:1px solid var(--line);padding:4px 7px;border-radius:5px}.results{position:absolute;top:78px;left:260px;right:0;background:white;border:1px solid var(--line);border-radius:10px;box-shadow:0 18px 45px #27272a22;z-index:4;max-height:340px;overflow:auto}.result{display:grid;grid-template-columns:1fr auto;gap:10px;width:100%;border:0;border-bottom:1px solid #f4f4f5;background:#fff;padding:13px 16px;text-align:left}.result:hover{background:#fafafa}.result b{font-size:13px}.result small{display:block;color:var(--muted);margin-top:4px}.result strong{color:var(--accent)}.order-section{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.section-title{padding:20px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.section-title h2{font-size:18px;margin:0}.section-title p{font-size:12px;color:var(--muted);margin:5px 0 0}.text{border:0;background:transparent;padding:8px}.danger{color:var(--danger)}table{border-collapse:collapse;width:100%}th{text-align:left;font-size:10px;letter-spacing:.08em;color:var(--muted);background:#fafafa;padding:11px 18px;border-bottom:1px solid var(--line)}td{padding:15px 18px;border-bottom:1px solid #f1f1f2;font-size:12px}td:first-child{max-width:400px}td b{font-size:13px}td small{display:block;color:var(--muted);margin-top:3px}.pill{background:#ede9fe;color:var(--accent);border-radius:20px;padding:4px 8px;font-weight:700;font-size:10px}.qty{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;width:108px;overflow:hidden}.qty button{border:0;background:#fafafa;width:32px;height:34px}.qty input{width:44px;border:0;margin:0;padding:0;text-align:center;box-shadow:none}.remove{border:0;background:transparent;color:#a1a1aa;font-size:19px}.empty{display:grid;place-items:center;padding:60px;color:var(--muted)}.empty span{font-size:34px}.empty b{color:var(--ink);margin-top:10px}.empty p{font-size:12px;margin:5px}.export-panel{margin-top:22px;background:#18181b;color:#fff;border-radius:12px;padding:27px;display:flex;align-items:center;justify-content:space-between}.export-panel h2{margin:0 0 7px;font-size:20px}.export-panel>div>p:last-child{font-size:12px;color:#a1a1aa;margin:0}.export-buttons{display:flex;gap:8px}.primary,.secondary{border:0;border-radius:8px;padding:11px 15px;font-weight:700}.primary{background:var(--accent);color:#fff}.secondary{background:#fff;border:1px solid var(--line);color:var(--ink)}dialog{width:min(560px,calc(100% - 24px));border:0;border-radius:14px;padding:24px;box-shadow:0 30px 90px #0005}dialog::backdrop{background:#18181bcc}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.dialog-head h2{font-size:20px;margin:0}.camera{height:310px;background:#09090b;border-radius:10px;overflow:hidden;position:relative}.camera video{width:100%;height:100%;object-fit:cover}.frame{position:absolute;inset:28% 10%;border:2px solid #a78bfa;box-shadow:0 0 0 999px #0006}.dialog-note{font-size:12px;color:var(--muted);line-height:1.5}.manual>div{display:flex;gap:8px;align-items:flex-end}.manual input{flex:1}.db-card{background:var(--soft);padding:18px;border-radius:10px;display:grid}.db-card span,.db-card small{font-size:11px;color:var(--muted)}.db-card b{font-size:22px;margin:4px 0}.upload{display:block;text-align:center;margin-top:14px}.upload input{display:none}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#18181b;color:#fff;padding:11px 17px;border-radius:8px;opacity:0;transition:.2s;z-index:20;font-size:13px}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:720px){header{padding:0 14px}.status{display:none}main{padding:28px 14px 90px}.order-head{display:block}.order-meta{grid-template-columns:1fr 1fr;margin-top:22px}.entry-panel{grid-template-columns:1fr 1fr;gap:8px}.divider{display:none}.search{grid-column:1/-1;grid-row:2}.scan{grid-column:1/-1}.results{left:0;top:152px}.table-wrap{overflow-x:auto}table{min-width:720px}.export-panel{display:block}.export-buttons{margin-top:20px}.export-buttons button{flex:1}.camera{height:260px}}@media(display-mode:standalone){#installBtn{display:none!important}}