*{box-sizing:border-box}body{margin:0;background:#f3f6fb;color:#172033;font-family:Arial,sans-serif}.page{width:min(1180px,calc(100% - 24px));margin:14px auto}.card{background:#fff;border:1px solid #d8e0ea;border-radius:16px;padding:18px;margin-bottom:14px;box-shadow:0 10px 30px #0f172a0f}header,.title{display:flex;justify-content:space-between;align-items:center;gap:12px}h1,h2{margin:0}header p{margin:4px 0;color:#667085}.auth{min-height:100vh;display:grid;place-items:center;padding:12px}.auth .card{width:min(430px,100%)}label{display:block;font-weight:700;margin:14px 0 7px}input{width:100%;min-height:52px;border:1px solid #cbd5e1;border-radius:10px;padding:12px;font-size:17px}.drop{min-height:165px;border:2px dashed #94a3b8;border-radius:14px;display:grid;place-content:center;text-align:center;gap:8px;padding:22px;cursor:pointer}.drop span{color:#667085}.toolbar{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}button,.btn{border:0;border-radius:14px;min-height:56px;padding:14px 18px;font-size:17px;font-weight:700;cursor:pointer;text-align:center;text-decoration:none;display:grid;place-items:center;background:#e5e7eb;color:#111827}.primary{background:#2563eb;color:#fff}.small{min-height:44px;padding:9px 13px;font-size:15px}.msg{display:none;margin-top:14px;padding:12px;border-radius:10px}.msg.err{display:block;background:#fef3f2;color:#b42318}.msg.ok{display:block;background:#ecfdf5;color:#15803d}.progressbox{display:none;margin-top:14px}.progress{height:12px;background:#e5e7eb;border-radius:999px;overflow:hidden}.progress div{height:100%;width:0;background:#2563eb}.item{border:1px solid #d8e0ea;border-radius:14px;padding:13px;margin-top:14px}.item.error{border-color:#fda29b}.head{display:grid;grid-template-columns:76px 1fr auto;gap:10px;align-items:center}.thumb{width:76px;height:76px;object-fit:cover;border-radius:10px}.actions{display:grid;gap:7px}.actions button{min-height:46px;padding:8px 12px;font-size:14px}.retry{display:none}.item.error .retry{display:grid}.server{max-width:240px;margin-top:12px}.values{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}.vf{display:grid;grid-template-columns:30px 1fr 18px;gap:5px;align-items:center}.records{overflow:auto;margin-top:12px}table{border-collapse:collapse;width:100%;min-width:850px}th,td{padding:9px;border-bottom:1px solid #d8e0ea;text-align:center}@media(max-width:520px){.page{width:100%;margin:0;padding:8px}.card{padding:12px}.toolbar{grid-template-columns:1fr}.toolbar button,.toolbar .btn{min-height:62px;font-size:18px}.values{grid-template-columns:1fr}.head{grid-template-columns:64px 1fr}.thumb{width:64px;height:64px}.actions{grid-column:1/-1}.actions button{min-height:56px;font-size:17px}.server{max-width:none}input{min-height:54px;font-size:18px}}