:root{--bg:#f6f5f3;--card:#fff;--border:#e4e0da;--text:#2b2b2b;--muted:#8a857d;--accent:#c8794f;--accent-dark:#a65f3a;--ok:#3f9d54;--issue:#d2493c;--pending:#b08a3e;--radius:12px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang TC,Microsoft JhengHei,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.app-header{background:var(--card);border-bottom:1px solid var(--border);padding:14px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px}.header-link{font-size:14px;font-weight:600;color:var(--accent-dark)}.brand{font-size:18px;font-weight:700}.app-main{max-width:920px;margin:0 auto;padding:24px 20px 64px}h1{font-size:24px;margin:0 0 4px}h2{font-size:18px;margin:0 0 12px}.muted{color:var(--muted);font-size:14px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:20px}.row{gap:12px;flex-wrap:wrap}.field,.row{display:flex}.field{flex-direction:column;gap:4px;margin-bottom:12px;flex:1 1 220px}label{font-size:13px;font-weight:600;color:var(--muted)}input[type=date],input[type=text],select,textarea{border:1px solid var(--border);border-radius:8px;padding:9px 11px;font-size:15px;font-family:inherit;background:#fff;width:100%}textarea{min-height:64px;resize:vertical}button{cursor:pointer;border:none;border-radius:8px;padding:10px 16px;font-size:15px;font-weight:600;font-family:inherit;background:var(--accent);color:#fff;transition:background .15s ease}button:hover:not(:disabled){background:var(--accent-dark)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:#efece7;color:var(--text)}button.secondary:hover:not(:disabled){background:#e4e0da}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700}.badge.pending{background:#fdf3dc;color:var(--pending)}.badge.photographed{background:#e3eefb;color:#3a6ea5}.badge.verified{background:#e2f3e6;color:var(--ok)}.badge.processed{background:#efe6f7;color:#7a4aa6}.badge.sent{background:#e2f3e6;color:var(--ok)}.order-list{display:flex;flex-direction:column;gap:12px}.order-item{display:flex;justify-content:space-between;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;transition:border-color .15s ease}.order-item:hover{border-color:var(--accent)}.steps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.step{flex:1 1;min-width:110px;text-align:center;padding:10px 8px;border-radius:8px;background:#efece7;font-size:13px;font-weight:600;color:var(--muted);border:1px solid transparent}.step.active{background:var(--accent);color:#fff}.step.done{background:#e2f3e6;color:var(--ok)}.checklist-item{display:flex;flex-direction:column;gap:8px;padding:14px 0;border-bottom:1px solid var(--border)}.checklist-item:last-child{border-bottom:none}.checklist-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.spec-value{font-size:15px}.spec-value .empty{color:var(--muted);font-style:italic}.status-buttons{display:flex;gap:6px}.status-buttons button{padding:5px 12px;font-size:13px;background:#efece7;color:var(--text)}.status-buttons button.sel-ok{background:var(--ok);color:#fff}.status-buttons button.sel-issue{background:var(--issue);color:#fff}.photo-preview{max-width:100%;border-radius:8px;border:1px solid var(--border)}.image-checkerboard{background-image:linear-gradient(45deg,#ddd 25%,transparent 0),linear-gradient(-45deg,#ddd 25%,transparent 0),linear-gradient(45deg,transparent 75%,#ddd 0),linear-gradient(-45deg,transparent 75%,#ddd 0);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.alert{padding:12px 14px;border-radius:8px;font-size:14px;margin-bottom:14px}.alert.error{background:#fbe6e3;color:var(--issue)}.alert.success{background:#e2f3e6;color:var(--ok)}.alert.info{background:#eef0f3;color:#555}.share-box{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.share-box input{flex:1 1 280px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px;flex-wrap:wrap}.back-link{font-size:14px;color:var(--accent-dark);font-weight:600}.center-page{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:16px}