body{color:#111827;background:#f4f6f8;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}.container{box-sizing:border-box;width:min(980px,100%);margin:0 auto;padding:2rem 1.25rem 2.5rem}h1{margin-bottom:.5rem}h2{margin-top:0}.card{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;margin-top:1rem;padding:1.25rem}label{margin-bottom:.5rem;font-weight:600;display:block}input{width:100%;font:inherit;box-sizing:border-box;border:1px solid #c7cdd8;border-radius:.5rem;padding:.6rem .75rem}.pagination select{font:inherit;border:1px solid #c7cdd8;border-radius:.4rem;padding:.35rem .5rem}.actions{flex-wrap:wrap;gap:.75rem;margin-top:.9rem;display:flex}button{color:#fff;cursor:pointer;background:#111827;border:1px solid #1f2937;border-radius:.5rem;padding:.55rem .9rem}button:disabled{opacity:.55;cursor:not-allowed}.hint{color:#556070;word-break:break-all;margin-top:.75rem}.error{color:#b91c1c;margin-top:.8rem}.products{margin-top:1rem;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:640px}th,td{text-align:left;border-bottom:1px solid #e5e7eb;padding:.65rem .5rem}.pagination{flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:.85rem;display:flex}