*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#1f2937;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;font-size:14px}a{color:#2563eb;text-decoration:none}a:hover{text-decoration:underline}.topbar{background:#111827;color:#fff;padding:0 20px;display:flex;align-items:center;justify-content:space-between;min-height:56px}.brand{font-weight:700;font-size:17px;color:#fff}.nav{display:flex;gap:4px;flex-wrap:wrap}.nav a{color:#d1d5db;padding:18px 10px;display:inline-block}.nav a.active,.nav a:hover{background:#1f2937;color:#fff;text-decoration:none}.user{font-size:13px;color:#d1d5db}.wrap{max-width:1280px;margin:18px auto;padding:0 16px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:16px;margin-bottom:14px;box-shadow:0 1px 3px rgba(0,0,0,.04)}.card h2{margin:0 0 14px;font-size:17px}.stat{font-size:30px;font-weight:700;margin-top:6px}.muted{color:#6b7280}.ok{color:#059669}.bad{color:#dc2626}.warn{color:#d97706}.btn,button{display:inline-block;border:0;border-radius:8px;padding:9px 14px;background:#2563eb;color:#fff;cursor:pointer;font-size:14px;text-decoration:none}.btn:hover,button:hover{text-decoration:none;filter:brightness(.95)}.btn-secondary{background:#6b7280}.btn-success{background:#059669}.btn-danger{background:#dc2626}.btn-warning{background:#d97706}.btn-sm{padding:5px 9px;font-size:12px;border-radius:6px}input,select,textarea{width:100%;padding:9px 10px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;background:#fff}label{display:block;font-size:13px;color:#4b5563;margin:0 0 5px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;align-items:end}.form-group{margin-bottom:12px}table{width:100%;border-collapse:collapse;background:#fff}th,td{padding:10px;border-bottom:1px solid #e5e7eb;text-align:left;vertical-align:middle}th{background:#f9fafb;font-weight:600;color:#374151;white-space:nowrap}.table-wrap{overflow-x:auto}.alert{padding:11px 13px;border-radius:8px;margin-bottom:12px}.alert-success{background:#dcfce7;color:#166534}.alert-error{background:#fee2e2;color:#991b1b}.alert-info{background:#dbeafe;color:#1e40af}.code{font-family:ui-monospace,Consolas,monospace;background:#f3f4f6;padding:2px 5px;border-radius:4px}.actions{display:flex;gap:8px;flex-wrap:wrap}.login{max-width:380px;margin:80px auto}.mobile{max-width:720px;margin:0 auto;padding-bottom:80px}.mobile .card{border-radius:14px}.mobile-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.mobile-nav a{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:14px 6px;text-align:center;color:#111827}.big-input{padding:14px;font-size:18px;border-radius:10px}.big-btn{width:100%;padding:14px;font-size:16px;border-radius:10px;margin-top:10px}.stock-line{display:flex;justify-content:space-between;gap:10px;align-items:center;border-bottom:1px solid #e5e7eb;padding:12px 0}.stock-line:last-child{border-bottom:0}.pill{display:inline-block;padding:2px 8px;border-radius:999px;background:#e5e7eb;font-size:12px}.pill-green{background:#dcfce7;color:#166534}.pill-red{background:#fee2e2;color:#991b1b}.pill-blue{background:#dbeafe;color:#1e40af}.footer-actions{position:sticky;bottom:0;background:#f4f6f8;padding:10px 0}.qr-hint{border:2px dashed #9ca3af;border-radius:12px;padding:20px;text-align:center;color:#4b5563;background:#f9fafb;margin-bottom:12px}@media(max-width:640px){.topbar{display:block;padding:10px}.nav{overflow-x:auto;white-space:nowrap}.nav a{padding:10px}.wrap{margin:10px auto;padding:0 10px}th,td{padding:8px}.mobile-nav{grid-template-columns:repeat(3,1fr)}}