*{box-sizing:border-box}body{margin:0;background:#f4f6f8;color:#17202a;font-family:Arial,Helvetica,sans-serif}.topbar{height:64px;background:#111827;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:sticky;top:0;z-index:5}.topbar span{opacity:.6}.topbar a{color:#fff;text-decoration:none}.container{width:min(1100px,92%);margin:28px auto}.hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.hero h1{margin:0 0 6px;font-size:30px}.hero p{margin:0;color:#68727d}.badge{background:#ff7a00;color:#fff;padding:10px 14px;border-radius:999px;font-weight:bold}.card{background:#fff;border-radius:18px;padding:22px;margin-bottom:18px;box-shadow:0 8px 30px #0000000b}.upload{border:2px dashed #cbd5e1;border-radius:16px;min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;text-align:center}.upload input{display:none}.camera{font-size:46px;margin-bottom:8px}.upload small{color:#7a8490;margin-top:6px}.primary,.secondary,.button{border:0;border-radius:11px;padding:12px 18px;font-weight:bold;cursor:pointer;text-decoration:none;display:inline-block}.primary{background:#ff7a00;color:#fff}.secondary{background:#e9eef3;color:#17202a}.scanner>.primary{margin-top:15px;width:100%}.preview{margin-top:15px;text-align:center}.preview img{max-width:100%;max-height:400px;border-radius:12px}.hidden{display:none!important}.progress{height:9px;background:#e5e7eb;border-radius:9px;margin-top:15px;overflow:hidden}.progress div{height:100%;width:0;background:#ff7a00}.status{min-height:20px;color:#59636e}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.section-title h1,.section-title h2{margin:0}.fields{display:grid;grid-template-columns:1fr 2fr;gap:15px;margin-bottom:18px}.fields label{font-weight:bold}.fields input{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #d7dde4;border-radius:9px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:10px;border-bottom:1px solid #e9edf1;text-align:left}th{background:#f7f8fa;font-size:13px}td input{width:100%;min-width:95px;padding:9px;border:1px solid #d7dde4;border-radius:7px}.delete{border:0;background:#fee2e2;color:#991b1b;border-radius:7px;padding:7px 10px;cursor:pointer}.actions{display:flex;gap:10px;margin-top:18px}.link{color:#e96500;font-weight:bold}@media(max-width:650px){.hero{align-items:flex-start}.hero h1{font-size:24px}.badge{font-size:12px}.fields{grid-template-columns:1fr}.card{padding:16px}.topbar{padding:0 4%}}