*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f6fb;color:#222}.top{height:64px;background:#111827;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.top h1{font-size:22px}.top a{color:white;text-decoration:none;margin-left:18px;font-weight:700}.wrap{max-width:1200px;margin:28px auto;padding:0 18px}.toolbar{display:flex;justify-content:space-between;gap:15px;margin-bottom:18px}.toolbar form{display:flex;flex:1}.toolbar input{width:100%;padding:13px;border:1px solid #ddd;border-radius:10px 0 0 10px}.toolbar button,.add,.save,.login-card button{border:0;background:#ff5722;color:white;padding:13px 22px;border-radius:0 10px 10px 0;font-weight:700;cursor:pointer}.add{border-radius:10px;text-decoration:none;display:inline-block}.table-card,.product-form,.login-card{background:white;border-radius:16px;box-shadow:0 8px 25px rgba(0,0,0,.08);overflow:hidden}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:13px;border-bottom:1px solid #eee;vertical-align:top}th{background:#fff3ed;color:#111}small{color:#777}.edit,.delete{display:inline-block;padding:8px 10px;border-radius:8px;text-decoration:none;margin:2px}.edit{background:#e8f1ff;color:#064fae}.delete{background:#ffe8e8;color:#b00020}.form-wrap{max-width:780px}.product-form{padding:24px}.product-form label{font-weight:700;margin:14px 0 6px;display:block}.product-form input,.product-form textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:10px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.check{display:flex;align-items:end;padding-bottom:12px}.check input{width:auto}.save{border-radius:10px;margin-top:18px;width:100%}.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2d1b16,#ff8a32)}.login-card{width:380px;padding:30px}.login-card h1{margin-top:0}.login-card input{width:100%;padding:13px;border:1px solid #ddd;border-radius:10px;margin:7px 0 14px}.login-card button{border-radius:10px;width:100%}.alert{background:#ffe8e8;color:#b00020;padding:12px;border-radius:10px;margin-bottom:15px}@media(max-width:800px){.toolbar,.grid{grid-template-columns:1fr;display:block}.table-card{overflow-x:auto}.top{padding:0 15px}.top h1{font-size:18px}}